Перейти к основному содержимому

$$

Обзор​

Используйте команду $$ вместо findElements как более краткую команду, чтобы получить несколько элементов на странице.

Команда $$ возвращает массив с искомыми элементами, на каждом из которых можно вызывать команды действия без передачи селектора. Однако, если вы все же передадите селектор, то сначала будет найден соответствующий элемент, а затем вызвано действие для этого элемента.

Вы можете связать $ или $$ вместе, чтобы спуститься по дереву DOM.

к сведению

Подробнее о том, как выбрать определенные элементы, смотрите в рецепте «Как использовать селекторы».

Использование​

await browser.$$(selector);

Параметры команды​

ИмяТипОписание
selectorString или FunctionСелектор или JS-функция для получения множества элементов.

Примеры использования​

index.html

<ul id="menu">
    <li>
        <a href="/">Home</a>
    </li>
    <li>
        <a href="/">Developer Guide</a>
    </li>
    <li>
        <a href="/">API</a>
    </li>
    <li>
        <a href="/">Contribute</a>
    </li>
</ul>

$.js

it("should get text a menu link", async ({ browser }) => {
    const text = await browser.$$("#menu")[0];

    console.log(await text.$$("li")[2].$("a").getText()); // выведет: "API"
});

it("should get text a menu link - JS Function", async ({ browser }) => {
    const text = await browser.$$(function () {
        // Использовать здесь стрелочную функцию нельзя.
        // Это Window – https://developer.mozilla.org/en-US/docs/Web/API/Window
        //
        // TypeScript-пользователи могут сделать что-нибудь вроде:
        // return (this as Window).document.querySelectorAll('#menu')
        return this.document.querySelectorAll("#menu"); // Element[]
    })[0];

    console.log(await text.$$("li")[2].$("a").getText()); // выведет: "API"
});