Кукольник не выполняется для каждого

Question

У меня есть этот код

  ...
  const page = await browser.newPage();
  page.on('console', msg => {
    if (msg._type === 'log') {
      console.log(msg._text);
    }
  });
  ...

  await page.evaluate(() => {
    document.querySelectorAll('.foo').forEach(bar => {
      console.log('This logs not');
      if (bar.querySelector('div > p').innerHTML === 'foo bar') {
        bar.querySelector('.dropdown').click();
      }
    });
  });

Но он ничего не регистрирует.Когда я делаю

  await page.evaluate(() => {
    const test = document.querySelectorAll('.foo')
    console.log('This logs');
    test.forEach(bar => {
      console.log('This logs not');
      if (bar.querySelector('div > p').innerHTML === 'foo bar') {
        bar.querySelector('.dropdown').click();
      }
    });
  });

Он регистрирует первый console.log().Почему не выполняется forEach?

Answer 1

document.querySelectorAll('.foo') пусто, потому что нет элемента с этим селектором.Вот почему вы не получаете никакого результата при ведении журнала.