Question 1

How to take screenshots after clicking a button with Pageres?

Accepted Answer

Use the clickElement option with a CSS selector or the beforeScreenshot function to run custom Puppeteer scripts. For example, in beforeScreenshot, add await page.click('#button') to simulate clicks before capture.

Question 2

Pageres vs Puppeteer for screenshot capture: which is better?

Accepted Answer

Pageres is a higher-level wrapper over Puppeteer optimized for batch, multi-resolution captures with convenient options. Use Puppeteer directly for more granular control, Pageres for productivity in automated workflows.

Question 3

How to run Pageres in Docker without sandbox errors?

Accepted Answer

Disable sandboxing by setting launchOptions to {args: ['--no-sandbox']} in Pageres options, but note this reduces security. Refer to the README's link to Puppeteer troubleshooting for Linux setups.

Question 4

Can Pageres capture full-page screenshots, not just the viewport?

Accepted Answer

Pageres captures the viewport at specified sizes. For full-page screenshots, use the beforeScreenshot function to adjust the page height via Puppeteer or consider alternative tools like capture-website.

Question 5

How to customize filenames with date and time in Pageres?

Accepted Answer

Use the filename option with Lo-Dash templates, such as '<%= date %>-<%= time %>-<%= url %>'. Variables like date and time are available per the README's API documentation.

Question 6

Is Pageres good for testing SVG rendering?

Accepted Answer

Yes, Pageres can render SVG images from data URIs or HTML strings, making it useful for programmatic SVG screenshot generation, as mentioned in the description and usage examples.

pageres

What is pageres?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions