Снимок экрана раскрывающегося списка ввода группы выбора с помощью Puppeteer

Question

Как сделать снимок снимка экрана из раскрывающегося списка ввода группы выбора с использованием Puppeteer ? Я подтвердил, что могу открыть раскрывающийся список (с несколькими элементами), но когда я пытаюсь сделать снимок экрана, раскрывающийся список не сохраняется

Answer 1

Позвольте объяснить проблему с примером:

Codesandbox: https://codesandbox.io/s/dropdown-example-kiowr

URL: https://kiowr.csb.app

const puppeteer = require("puppeteer"); // "puppeteer": "2.0.0"

(async () => {
  const browser = await puppeteer.launch({
    args: ["--no-sandbox", "--disable-setuid-sandbox"]
  });
  const page = await browser.newPage();
  await page.goto("https://kiowr.csb.app");
  await page.click('[data-test="ice-cream"]');
  await page.screenshot({
    path: "ice-cream.png",
    omitBackground: true
  });
  await browser.close();
})();

Расширенные выборки отображаются ОС иони разные - (macOS против Windows):

Поскольку они не отображаютсябраузер не может быть пойман внутри скриншота.