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

react$

Обзор

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

warning

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

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

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

await browser.$(selector).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");

await appWrapper
.react$("t", {
props: { name: "7" },
})
.click();

await appWrapper
.react$("t", {
props: { name: "x" },
})
.click();

await appWrapper
.react$("t", {
props: { name: "6" },
})
.click();

await appWrapper
.react$("t", {
props: { name: "=" },
})
.click();

console.log(await browser.$(".component-display").getText()); // выведет: "42"
});