Angular is not defined on Ionic 2 using protractor 2

Question

I also went to http://www.protractortest.org/#/ and I noticed that seems that no change was made to fix this.

How can I set an input text using protractor and Angular 2?

EDIT

I can select my by making this:

let myelement: ElementFinder = element(by.css('.text-input'));

But I have several inputs on my html page. How can I have the 4th ion-input, per example?

Angular-seed did setup protractor, maybe it helps https://github.com/mgechev/angular2-seed/blob/master/src/client/app/%2Bhome/home.component.e2e-spec.ts — null canvas, Jun 23 '16 at 17:02

score 3 · Accepted Answer · edited May 23 '17 at 12:25

But I have several inputs on my html page. How can I have the 4th ion-input, per example?

You can issue element.all() and use .get(index) to access an element by index:

let myelement: ElementFinder = element.all(by.css('.text-input')).get(3);  
myelement.sendKeys("text");

Note that we use 3 since indexing is 0-based.

You can also make use of a convenient shortcut for CSS selectors:

let myelement: ElementFinder = $$('.text-input').get(3);
myelement.sendKeys("text");

FYI, negative indexing is also supported in case you want to get elements from the other end:

The second one run perfectly. Thanks! – Goldbones Jun 27 '16 at 18:27 — Goldbones, Jun 27 '16 at 18:27

score 1 · Answer 2 · answered Jun 27 '16 at 14:55

Protractor allows you to use the element.all function which returns an array of objects.

So for your particular example you could do something like this put inside of your test case:

    element.all(by.css('.text-input')).then(function(elements) {
       elements[3].sendKeys('some text')
    });

2 Answers2