[Fuente: https://github.com/angular/protractor]

Protractor 

Protractor is an end-to-end test framework for AngularJS applications. Protractor is a Node.js program built on top of WebDriverJS. Protractor runs tests against your application running in a real browser, interacting with it as a user would.

Test Like a User

Protractor is built on top of WebDriverJS, which uses native events and browser-specific drivers to interact with your application as a user would.

For AngularJS Apps

Protractor supports Angular-specific locator strategies, which allows you to test Angular-specific elements without any setup effort on your part.

Automatic Waiting

You no longer need to add waits and sleeps to your test. Protractor can automatically execute the next step in your test the moment the webpage finishes pending tasks, so you don’t have to worry about waiting for your test and webpage to sync.

Protractor vs Angular Scenario Runner

The new, preferred end-to-end testing framework is called Protractor. Unlike the Angular scenario runner, Protractor is built on Selenium’s WebDriver, which is an API, written as extensions, for controlling browsers.

WebDriver has extensions for all sorts of different browsers, including the most popular. We gain speed and stability in our tests by developing against true web browsers.

Luckily, Protractor is built atop the Jasmine framework, so we don’t need to learn a new framework in order to use it. We can also install it as a standalone test runner or embed it in our tests as a library.

Use Protractor in a non-AngularJS app

you only need to access the webdriver instance by using browser.driver:

browser.driver.find(by.css('[data-ptor="submit-btn"]'));		

Getting Started

The Protractor documentation for users is located in the protractor/docs folder.

To get set up and running quickly:

• The Protractor Website
• Work through the Tutorial
• Take a look at the Table of Contents

Once you are familiar with the tutorial, you’re ready to move on. To modify your environment, see the Protractor Setup docs. To start writing tests, see the Protractor Tests docs.

To better understand how Protractor works with the Selenium WebDriver and Selenium Sever see the reference materials.

npm install -g protractor

webdriver-manager update

webdriver-manager start

describe('angularjs homepage todo list', function() {
  it('should add a todo', function() {
    browser.get('http://www.angularjs.org');

    element(by.model('todoText')).sendKeys('write a protractor test');
    element(by.css('[value="add"]')).click();

    var todoList = element.all(by.repeater('todo in todos'));
    expect(todoList.count()).toEqual(3);
    expect(todoList.get(2).getText()).toEqual('write a protractor test');
  });
});

exports.config = {
  seleniumAddress: 'http://localhost:4444/wd/hub',
  specs: ['todo-spec.js']
};

protractor conf.js

  it('should find an element by text input model', function() {
    browser.get('app/index.html#/form');

    var username = element(by.model('username'));
    username.clear();
    username.sendKeys('Jane Doe');

    var name = element(by.binding('username'));

    expect(name.getText()).toEqual('Jane Doe');

    // Point A
  });

  expect(name.getText()).toEqual('Jane Doe');

Migrating Existing Test Scripts (from Angular Scenario Runner)

ptor = protractor instance

Plugins de Gulp útiles

• gulp-protractor-qa : https://www.npmjs.com/package/gulp-protractor-qa  : It warns you on the fly whether all element() selectors could be found within your AngularJS view files.
• gulp-protractor : https://github.com/mllrsohn/gulp-protractor : Run your angular protractor tests with gulp