[Protractor] Locators and Suites in Protractor

HTML:

<ul class="list">
   <li 
        ng-repeat="item in itmes"
        ng-click="selectItem(item)"
        ng-class="{selected: item.isSelected}">{{ item.name }}</li>
</ul>

 

// Get by binding
expect(element.all(by.binding('item.name')).first().getText()).toBe('Ben');

// Get by tagName
expect(element(by.css('.list')).all(by.tagName('li')).get(2).getText()).toBe('Sophi');

// Get by repeater
expect(element(by.repeater('item in items').row(4).column('{{ item.name }}')).getText()).toBe('Herny');

Notice, when you use repeater, '{{ item.name }}' should be prefect match with what you have in html. Speace between {} also matters.

 

var listItems = element(by.css('.list')).all(by.tagName('li'));
var ben = listItems.first();
var sophi = listItems.get(2);
sophi.cliick();

expect(sophi.getAttribute('class')).toMatch('selected');
expect(ben.getAttribute('class')).not.toMatch('selected');

 

--------------------------

In conf.js:

var config = {
   suites: {
      basics: './e2etest/index.spec.js',
      locators: './e2etest/locators.spec.js'
   }
};

What we write into the suites is what we gonne run in the test, if we want to skip 'basics' tests, we can do in scripts:

protractor conf.js --chrome --suite=locators