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

react$$

Обзор​

Используйте команду react$$, чтобы найти на странице множество React-компонентов по их настоящему имени, одновременно фильтруя их по props'ам и состоянию.

warning

Команда react$ работает только в приложениях, которые используют React v16.x.

Читайте больше о React-селекторах в рецепте «Как использовать селекторы».

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

await browser.react$$(reactComponentSelector, { props, state });

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

ИмяТипОписание
reactComponentSelectorStringСелектор React-компонента.
propsObjectReact-свойства, которые должен иметь компонент.
stateAny или Any[]React-состояние, в котором должен находиться компонент.

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

it("should calculate 7 * 6", async ({ browser }) => {
    await browser.url("https://ahfarmer.github.io/calculator/");
    const appWrapper = await browser.$("div#root");

    const orangeButtons = await appWrapper.react$$("t", {
        props: { orange: true },
    });

    console.log(await Promise.all(orangeButtons.map(btn => btn.getText())));
    // выведет: "[ '÷', 'x', '-', '+', '=' ]"
});