Search code examples
javascriptcssprotractorgulp-protractor

How to detect the middle other element which is not the first and last in protrcator

In Protractor, Say I have 5 elements with the same class/model/binding/repeater tags.

For example:- 

Guest 1 - $2345
Guest 2 - $2345
Guest 3 - $2345
Guest 4 - $2345
Guest 5 - $2345

So, to inspect the first and last element we will write code something like this:

element.all(by.css('')).first();
element.all(by.css('')).last();

Now, how to detect the 2nd, 3rd and 4th element using the same css tag?

I was thinking of taking the for loop.. but not able to proceed.

Solution

  • Use .get() , index starting from 0

    let second = $$('LOCATOR').get(1)
let third = $$('LOCATOR').get(2)
let forth = $$('LOCATOR').get(3)
expect(second.getText()).toEqual('Guest 2 - $2345')

    Also you can look on this lib - https://github.com/Marketionist/protractor-numerator