by.repeater('item of items') not working with angular2 *ngFor

[jquerygeek]

Need to use by.repeater() with Angular2 repeater *ngFor, but seems its not working as working with angular 1.x ng-repeat.

Any suggestion please.

[juliemr]

This is not yet expected to work - custom locators aren't yet supported for angular 2.

[gazbert]

@jquerygeek - current workaround for me is to use CSS locator:

// let dashboardItems = element.all(by.repeater('exchange in exchanges'));
let dashboardItems = element.all(by.css('bx-dashboard-item'));
expect(dashboardItems.count()).toBe(8);

[mahmoudmahdi24]

Hello,

When are you willing to implement these features ?
Unfortunately, Protactor is losing its charm when we get elements with "by.css" ...

Thanks,

[juliemr]

This is still on the list - we're working with Angular to design the best way to create these angular specific locators going forward. It's difficult because the angular compiler does not export all the information we need (for important performance reasons), so this needs to be done carefully.

The recommendation continues to be using by.css, which I find to be versatile and concise in most situations :)

[mahmoudmahdi24]

Thanks for your reply Julie !

[gazbert]

+1 for by.model and by.repeater - makes for less brittle and more data-driven tests. Happy to help review stuff/doc stuff/test stuff...

[arunkalesh]

Try this:
var data = element.all(by.css('table[name='' + TableName + '']')).all(by.css('tr td'));
expect(data.get(0).getText()).toEqual('0');

[nithinkrishnan]

Any further updates regarding use of by.repeater() with Angular2 repeater *ngFor, or still we need to follow by.css?