Как проверить визуальность блока в puphpeteer?

Question

[Zimaell]

Проверяя и кликая на кнопку я заметил что блок не всегда может быть виден, хоть и в коде он есть

if($page->querySelector('[id=some-button]')) $page->click("[id=some-button]");
# Fatal error: .... Node is either not visible or not an HTMLElement in

То есть по ошибке я понимаю что его просто не видно, в примерах puppeteer я видел такие записи

const bodyHandle = await page.$('body');
const boundingBox = await bodyHandle.boundingBox();
const newViewport = {
    width: Math.max(defaultViewport.width, Math.ceil(boundingBox.width)),
    height: Math.max(defaultViewport.height, Math.ceil(boundingBox.height)),
};
await page.setViewport(Object.assign({}, defaultViewport, newViewport));

Но пока что не могу понять как это должно выглядеть на PHP? Подскажите как.

Answer 1

[hOtRush]

https://github.com/GoogleChrome/puppeteer/blob/mas...

await page.waitForSelector(selector, { visible: true });

Просто не пойму, сколько вам еще нужно раз наступить на грабли этой пхп обертки, чтобы начать использовать puppeteer. 99% проблем отпадают на этапе чтения документации.

Comments

[Zimaell]

waitForSelector на сколько я понимаю то это "ожидать n секунд определённого селектора", мне же уже нужно к моменту нажатия уже знать можно ли нажать, данный селектор может быть, может не быть, может быть но невидим...
По вашему код на php должен примерно так выглядеть

if($page->waitForSelector('[id=some-button]', array('visible'=>true))) ....

просто на данный момент нет возможности это протестировать...
а на счёт

Просто не пойму, сколько вам еще нужно раз наступить на грабли этой пхп обертки, чтобы начать использовать puppeteer. 99% проблем отпадают на этапе чтения документации.

У меня куча кода уже написано и работает под php, смысл мне все переписывать и перенастраивать когда мне нужно одну строчку заменить...

[hOtRush]

Zimaell, текст Fatal error вполне осмысленный нельзя нажать на то, что скрыто либо отсутствует. Если нужно просто проверить есть ли элемент достаточно
await page.$(selector) !== null

судя по количеству вопросов на тостере - больше чем одну строчку. Смысл в том, что puphpeteer - довольно корявая обертка, урезающая функционал puppeteer'а процентов на 80%.

[hOtRush]

kruslan, ну да, только с анальной болью, кучей костылей и обрезанным функционалом. Я три недели провел в написании ряда грабберов, из них дня 4 - переписывание с puphpeteer на puppetter, просто потому что много чего тупо невозможно сделать, ну и анальная боль уже мешала спать по ночам перед дедлайном.

[hOtRush]

Ну например

...

await Promise.all([
	page.click(this.element),
  this.observeXhrLotData(page)
])

...

observeXhrLotData() {
  return (p) => {
    return (new Promise((resolve, reject) => {
      let listener = async (response) => {
        let m
        if ((m = this.lotDetailsUriPattern.exec(response.url())) !== null) {
          try {
            await Storage.getDisk('local').put(`${this.dataPath}/${m[4]}.json`, await response.text())
            p.removeListener('response', listener)
            resolve()
          } catch (error) {
            console.log(error)
          }
        }
      }
      p.on('response', listener);
    }))
  }
}

[hOtRush]

kruslan, да, причем в одном промисе с кликом

[hOtRush]

kruslan, какой генератор, можно пример?

Кстати, вы-же в курсе, что

да я в курсе, не сразу понял чего хочет автор. await page.waitForSelector(selector, { visible: true }); зарезолвится даже если элемент вне вьюпорта, он проверяет только цсс свойства и наличие в дом.

[hOtRush]

kruslan, причем тут уменьшение задержек, дело в консистентности результата, ты ждешь что какой-то набор действий выполнится и он выполняется когда промис резолвится. Вот конкретный пример того, о чем я говорил выше, когда рейс кондишн без Promise.all плодит проблему https://github.com/nesk/puphpeteer/issues/4

// тут работаем с response

ну и как мне тут сохранить к примеру контент респонса на с3? или хотя бы сохранить в переменную пхп, ведь это замыкание выполняется в другом контексте, к которому пхп не имеет доступа https://github.com/nesk/puphpeteer/issues/33

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

Суть - оборачиваем каждое действие в замыкание и выполняем циклом.

В том то и дело, что это не аналог, это даже звучит как дичайший костыль