How to select a single item in protractor

Question

Usually in protractor you can select singular element with:

element(protractor.By.css('#fdfdf'));

Occasionally you get something like this:

element(protractor.By.css('.dfdf'));

which potentially has more than one element. What's the correct way to select an index from a locator that locates multiple elements, and still contain the protractor's methods for sending Keys?

score 78 · Accepted Answer · answered Dec 04 '13 at 22:51

78

You can get an indexed element from an array returned with

// Get the 5th element matching the .dfdf css selector
element.all(by.css('.dfdf')).get(4).sendKeys('foo');

answered Dec 04 '13 at 22:51

Jmr

12,078
4
39
33

7

This worked really well. Thanks. In case anyone else bumps into this and is wondering, get starts at 0, so to get the first element. `element.all(by.css('.dfdf')).get(0);` – usumoio Mar 24 '15 at 21:39
4

If you're looking to get the first element, you could do `element.all(by.css('.dfdf')).first()` per their [documentation](https://angular.github.io/protractor/#/api?view=ElementArrayFinder.prototype.first) – Brandon Ward Mar 11 '16 at 01:29

score 19 · Answer 2 · answered Nov 22 '16 at 21:12

19

If you want to get the first element then

element.all(by.css('.dfdf')).first();
element.all(by.css('.dfdf')).get(0);

answered Nov 22 '16 at 21:12

Zaman Afzal

2,009
17
23

score 3 · Answer 3 · edited Jun 19 '17 at 21:35

3

Try this one. It will work:

element.all(by.css('.dfdf')).get(4).getText();

edited Jun 19 '17 at 21:35

bwegs

3,769
2
30
33

answered Sep 22 '16 at 05:39

ARB

319
3
6

score 0 · Answer 4 · answered Feb 09 '21 at 02:02

I don't know why xpath is so much underestimated but you can solve thousands of problems with it, including this one

let elem = element(by.xpath('(//div//a)[3]'))

You can specify the number of element to use. Keep in mind the numbers start from 1, not 0 as usually in js

How to select a single item in protractor

4 Answers4