Блог

У меня есть 4 контейнера на странице, которые идентичны. Я собрал их все в массив. Теперь каждый блок контейнера содержит некоторые элементы, которые также идентичны. Я хочу извлечь 2-й элемент из 1-го контейнера. Ниже то, что я использовал для извлечения моего контейнера, и оно работает нормально:

 var pageContent = element(by.css('[class="main-content"]'));
expect(pageContent.all(by.css('.modularBoxContent')).count()).tobe(4);
  

Теперь, если я хочу получить количество всех элементов с классом в качестве контейнера LabelText insider modular box, я могу сделать это, используя ниже:

  expect(pageContent.all(by.css('.modularBoxContent')).all(by.css('[class="labelText"]')).count()).tobe(10);
  

Но это дает мне LabelText, присутствующий во всех 4 контейнерах. Я хочу получить количество LabelText только в первом контейнере или получить текст первого LabelText в первом контейнере. Я попробовал приведенный ниже код, но он не работает и выдает сообщение об ошибке

Ошибка типа: this.PageContent.get не является функцией

 expect(pageContent.get(0).all(by.css('.modularBoxContent')).all(by.css('[class="labelText"]')).count()).tobe(3);
  

Я также пробовал ниже, но это тоже не работает.
Для этого также получаю ту же ошибку, что и выше.

  expect(pageContent.all(by.css('.modularBoxContent')).get(1).all(by.css('[class="labelText"]')).get(0).getText()).tobe(3);
  

Может кто-нибудь, пожалуйста, предложить правильное использование?

Я думаю, это должно сработать для вас, давайте попробуем это. Поскольку все контейнеры имеют один и тот же класс, создайте массив с .all() и используйте .get() для извлечения нужного индекса.

 var pageContent = element(by.css('.main-content'));
var firstContainer = pageContent.all(by.css('.modularBoxContent')).first(); // or could have used .get(0);
  

Как только ваш первый контейнер успешно идентифицирован, теперь вы просто вызываете цепочку locator, чтобы найти все дочерние элементы под ним. Поскольку вы сказали, что хотите поместить второй элемент в первый контейнер, мы будем использовать .get(1) (1 — это индекс, поэтому это второй элемент в массиве).

 var secondChild = firstContainer.all(by.css('[class="labelText"]')).get(1);
  

И, к вашему сведению, многое из этого, вероятно, можно было бы переработать, чтобы сделать короче, если бы вы захотели. Например, вы можете связать свои вызовы CSS в цепочку, нет необходимости разделять их:

Приведенный выше код должен быть таким же, как этот:

 var firstContainer = element.all(by.css('.main-content .modularBoxContent')).first();
var secondChild = firstContainer.all(by.css('.labelText')).get(1);