Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codewithmmak/protractor-jasmine-typescript
This is sample Test Automation framework designed using Protractor, Jasmine and TypeScript
https://github.com/codewithmmak/protractor-jasmine-typescript
bdd-framework e2e-tests jasmine protractor typescript
Last synced: 2 months ago
JSON representation
This is sample Test Automation framework designed using Protractor, Jasmine and TypeScript
- Host: GitHub
- URL: https://github.com/codewithmmak/protractor-jasmine-typescript
- Owner: codewithmmak
- License: mit
- Created: 2019-01-09T22:09:29.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-11-22T18:35:02.000Z (2 months ago)
- Last Synced: 2024-11-22T19:35:08.998Z (2 months ago)
- Topics: bdd-framework, e2e-tests, jasmine, protractor, typescript
- Language: TypeScript
- Homepage:
- Size: 314 KB
- Stars: 7
- Watchers: 1
- Forks: 7
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
![Protractor, Jasmine and Typescript](./images/protractor-jasmine-typescript.png?raw=true "Protractor, Jasmine and Typescript")
# Protractor, Jasmine and Typescript Setup Guide
This is Test Automation framework designed using Protractor, Jasmine and TypeScript## Framework Structure
```
├───.circleci # This contains CircleCI config.yml file
├───images # This folder contains sample report image
├───page-objects # This folder contains page object, page helper and page contants
│ ├───common
│ └───pages
│ ├───common
│ └───super-calculator
├───temp # This folder contains JS file which are generated after compiling TypeScript files
├───test-results # This folder contains test result (includes html report and screenshots)
└───test-suites # This folder contains spec/test files
```## To Get Started
### Pre-requisites
* Download and install Chrome or Firefox browser.
* Download and install Node.js
* Download and install any Text Editor like Visual Code/Sublime/Brackets### Setup Scripts
* Clone the repository into a folder
* Install Protractor: `npm install -g protractor`
* Update necessary binaries of webdriver-manager: `webdriver-manager update` or `npm install -g webdriver-manager`
* Go to Project root directory and install Dependency: `npm install`
* All the dependencies from package.json and ambient typings would be installed in node_modules folder.### How to write Test
* Add new spec under test-suite folder
* Name the file as .spec.ts (e.g. super-calculator.spec.ts)
* Create folder under page-objects/pages as (e.g. super-calculator)
* Under page folder create constant, helper and page object file.
* .constants.ts (e.g. super-calculator.constants.ts)
* .helper.ts (e.g. super-calculator.helper.ts)
* .po.ts (e.g. super-calculator.po.ts)### How to Run Test
* Run complete Test Suite: `npm test`### How to Update local npm packages
* Go to Project root directory and run command: `npm update`### Sample Test Results
![Protractor, Jasmine and Typescript Test Results](./images/test-results.png?raw=true "Protractor, Jasmine and Typescript Test Results")