Looking to get index of first matched element within array

Question

I'm looking to get index position of matched element within repeater and would like to know how I can find.

List of books below

element.all(by.repeater('books'))

within those rows, some rows will have below element

element(by.css('[ng-click="download"]')

and I want to do following

find element of download button (more than 1)
get index position of first download button (so I can do other stuffs later with .get(3) for specific row)

So here what I have tried.

element.all(by.css('some-css')).first().element(by.tagName('tag-within-css')).get(index);
element.all(by.css('some-css')).get(index).element(by.tagName('tag-within-css'));

Finding Sub-Elements - Protractor locators guide

some error such as index not defined or no method of 'get'.

Thanks.

user2388556 · Accepted Answer · 2015-02-27 00:24:44Z

1

I think you don't need to operate using element positions/indexes inside the repeater. Instead, find download buttons and operate with the current row using context/element specific element searches by chaining element and element.all:

var books = element.all(by.repeater('books'));

var downloadButtons = books.all(by.css('[ng-click="download"]'));
var firstDownloadButton = downloadButtons.first();

// here is how you can, for example, get the next div element to the download button  
var nextElement = firstDownloadButton.element(by.xpath('following-sibling::div'));

edited Feb 27, 2015 at 0:24

user2388556

2991 gold badge7 silver badges18 bronze badges

answered Feb 26, 2015 at 5:30

alecxe

476k127 gold badges1.1k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user2388556 Over a year ago

Thanks for reply @alecxe. I wanted to get index to check if checkbox of that row is checked or unchecked. By the way for, do those chaining works for array within array? Log is showing me that all from downloadButtons is undefined.

user2388556 Over a year ago

Ok @alecxe, I made minor adjustments and don't see the error but it's not clicking on the first download button. I removed downloadButtons and updated to var firstDownloadButton = bookingRequest.first().all(by.css('[ng-click="downloadAttachment(item)"]'));

alecxe Over a year ago

@user2388556 looks like you've solved it, right? Thanks for the edit!

user2388556 Over a year ago

Yes @alecxe. After looking at documentation again and realised that I need to remove "element" from from downloadButtons and it clicks right on first element. Thanks again for the answer.

Collectives™ on Stack Overflow

Looking to get index of first matched element within array

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related