Почему у меня в документе не определена ошибка в кукловоде?

Question

Я хотел бы смоделировать щелчок по галерее (<div class="image">), но когда я пытаюсь запустить этот код, я получил документ не определен с ошибкой.

async function gallery(page) {
 await page.waitFor(3000);
 await page.click(document.querySelector('.div image'));
}

В чем здесь проблема?Как правильно использовать document.querySelector с кукловодом?

Answer 1

вы вызываете недопустимый элемент, вы можете проверить этот документ

await page.evaluate(() => {
  document.querySelector('div.image').click();
});

Answer 2

Я думаю, что документ будет доступен только в page.evaluate (согласно документации кукловода )

Попробуйте:

async function gallery(page) {
   await page.waitFor(3000);
   await page.evaluate(() => {
      document.querySelector('div.image').click();
   })
}