Protractor Recorder
A web interface to record interactions and export to Protractor.
Demonstration
Example with more three interactions. This demo shows assertive with failure and success, after editing the value inside last action.
Features
General options
- Base URL;
- Run speed;
- List of available drivers;
Record
- Clicks on elements;
- Send keys to inputs;
- Assertions with mouse selection;
- Mouse moves;
- Duplicate actions;
- Drag and drop actions to reorder;
- Run actions while recording with 'Run from here' option.
Export
- Selenium Address;
- Window maximize;
- Tests with login pages;
Dependencies
- NodeJs 4.x;
- Npm 2.x;
- Bower 1.x;
- Gulp 3.x;
- Protractor 3.x.
Getting Started
After install all dependencies successfully, clone this repository and change directory to 'protractor-recorder':
$ git clone https://github.com/ealves/protractor-recorder.git
$ cd protractor-recorder
Execute the following commands to install npm and bower dependencies to Protractor Recorder:
$ npm install
$ bower install
Running Protractor Recorder
Now you will need run two different process, following the order:
#1 - Selenium Webdriver Manager
- First, start selenium with Protractor Webdriver Manager:
$ webdriver-manager start
#2 - Protractor Recorder Material Interface
- Start the Angular Material web interface, run:
$ gulp
Usage
- Access http://localhost:3002/app
- Enter a url base and click on 'Record' to start recording
- After end up your test flow on Selenium browser's session, click on 'Export' to export conf.js and spec.js inside folder public/exports.
- Click on 'Run' to see your test running with a new Selenium session.