Скриншоты

Введение

Вот простой способ сделать скриншот и сохранить его в файл:

await page.screenshot({ path: 'screenshot.png' });

API для скриншотов принимает множество параметров для формата изображения, области обрезки, качества и т.д. Обязательно ознакомьтесь с ними.

Скриншоты всей страницы

Скриншот всей страницы — это скриншот полной прокручиваемой страницы, как если бы у вас был очень высокий экран, и страница могла бы полностью на него поместиться.

await page.screenshot({ path: 'screenshot.png', fullPage: true });

Захват в буфер

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

const buffer = await page.screenshot();
console.log(buffer.toString('base64'));

Скриншот элемента

Иногда полезно сделать скриншот одного элемента.

await page.locator('.header').screenshot({ path: 'screenshot.png' });