VB
+
waitFor самописная штука, вы можете использовать любую ф-цию либы, которая ждет пока предиката будет true (например мы хотим ждать 10 секунд и чекать каждые пол секунды наше условие).Вот так я получаю элемент в
puppeteerSize: a a a
2019 December 30
OI
Вот так я получаю элемент в
OI
export const forceElement = async (page: Page, selector: string): Promise<ElementHandle> => {
await waitFor(
() => isElementFound(page, selector),
`Element with selector: "${selector}" was not found`
);
await waitFor(
() => isElementVisible(page, selector),
`Element with selector: "${selector}" was not visible, but found`
);
return await page.$(selector);
};OI
нас интерисует два метода здесь:
isElementFound() и isElementVisible()OI
const isElementFound = async (page: Page, selector: string): Promise<boolean> => {
const element = await page.$(selector);
return element !== null;
};пупетир $ ищет элемент в ДОМе. Если его еще нет там, то остальные проверки бесмысленныеOI
const isElementVisible = async (page: Page, selector: string): Promise<boolean> => {
const element = await page.$(selector);
const style = await page.evaluate((node) => window.getComputedStyle(node as unknown as Element), element);
const hasVisible = await hasVisibleBoundingBox(element);
return style && style.visibility !== 'hidden' && hasVisible;
};эти части я подсмотрел внутри puppeteerOI
как вы видите есть еще одна функция
hasVisibleBoundingBox()OI
const hasVisibleBoundingBox = async (element: ElementHandle): Promise<boolean> => {
const rect = await element.boundingBox();
return rect !== null;
};OI
хочу напомнить что вначале я беру инстанс страницы и строку с локатором
OI
потом получается вот такое:
export const click = async (
page: Page, selector: string, delay: number = clickDelay
): Promise<void> => {
const element = await forceElement(page, selector);
await element.click({ delay });
};
OI
пока работает хорошо, потом может соберу либу какую-то с такими хелперами
SC
пока работает хорошо, потом может соберу либу какую-то с такими хелперами
Неплохо, ты смотрю тоже юзаешь условное ожидание предиката, а ведь про такие вещи хоть бы кто-то поделился на конфе. Я сам к такому решению пришел. Я еще сделал реализацию с ожиданием определенного значения. Полезно когда надо дождаться определенного объекта в базе или в кафке.
SC
👍
BO
>ты смотрю тоже юзаешь условное ожидание предиката, а ведь про такие вещи хоть бы кто-то поделился на конфе.
просто этому подходу 100 лет) и я думаю рассказывали не раз в докладах\статьях
просто этому подходу 100 лет) и я думаю рассказывали не раз в докладах\статьях
SC
>ты смотрю тоже юзаешь условное ожидание предиката, а ведь про такие вещи хоть бы кто-то поделился на конфе.
просто этому подходу 100 лет) и я думаю рассказывали не раз в докладах\статьях
просто этому подходу 100 лет) и я думаю рассказывали не раз в докладах\статьях
я когда пару лет назад врывался в автоматизацию нигде такое не встречал. Хотя возможно что-то с предикатами было в селениде Java - оно и натолкнуло на реализацию ожидания определенного результата
BO
ага. там точно. и Солнцев наверняка где-то рассказывал про это
B
Но согласитесь, это решение лежит на поверхности
VB
const isElementVisible = async (page: Page, selector: string): Promise<boolean> => {
const element = await page.$(selector);
const style = await page.evaluate((node) => window.getComputedStyle(node as unknown as Element), element);
const hasVisible = await hasVisibleBoundingBox(element);
return style && style.visibility !== 'hidden' && hasVisible;
};эти части я подсмотрел внутри puppeteerawait page.$(selector); - похоже работать будет только если CSS селекторOI
А мне подходит :)
OI
Ни разу не пользовался xpath