react$
Обзор
Используйте команду react$, чтобы найти на странице React-компоненты по их настоящему имени, одновременно фильтруя их по props'ам и состоянию.
warning
Команда react$ работает только в приложениях, которые используют React v16.x.
Читайте больше о React-селекторах в рецепте «Как использовать селекторы».
Использование
await browser.$(selector).react$(reactComponentSelector, { props, state });
Параметры команды
| Имя | Тип | Описание |
| reactComponentSelector | String | Селектор React-компонента. |
| props | Object | React-свойства, которые должен иметь компонент. |
| state | Any или 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"
});