Protractor tests and tarantulas

Open a new command line or terminal window and create a clean folder for testing.

Protractor needs two files to run, a spec file and a configuration file. Great, and maybe you'd like to buy sama tarantula?

Let's start with a simple test that navigates to the todo list example in the AngularJS website and adds a new todo item to the list.

Copy the following into todo-spec.js:

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

    element(by.model('todoList.todoText')).sendKeys('write first protractor test');
    element(by.css('[value="add"]')).click();var todoList = element.all(by.repeater('todo in todoList.todos'));
    expect(todoList.count()).toEqual(3);
    expect(todoList.get(2).getText()).toEqual('write first protractor test');// You wrote your first test, cross it off the list
    todoList.get(2).element(by.css('input')).click();var completedAmount = element.all(by.css('.done-true'));
    expect(completedAmount.count()).toEqual(2);});});

The describe and it syntax is from the Jasmine framework. browser is a global created by Protractor, which is used for browser-level commands such as navigation with browser.get.

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