Скриншоты

Введение​

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

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' });