Full-page screenshot

Learn how to take full-page screenshot when using Percy with Automate.

By default, Percy takes full-page screenshots for the projects created on Percy Web. If your webpage requires multiple scrolls to reach the end, you can test these long pages using the full-page screenshot feature available for Percy with Automate projects. It offers a comprehensive snapshot of a web page, capturing its entire length and content in a single image.

Things to keep in mind:

• Call percyScreenshot after ensuring the page has loaded.
• Although we attempt to handle lazy loading, if any issues arise, ensure you scroll to the bottom before calling percyScreenshot.
• Dynamic elements such as JS-based animation, video, and carousel need to be paused before a full-page screenshot.
• The maximum limit for the length of a full-page screenshot on desktop is 10000px or 10 tiles, whichever is minimum, and for mobile, it is 10 tiles.
• A website with different layouts based on geolocation can be managed by the user using IP Geolocation, as explained in the BrowserStack Docs.
• The user needs to handle any popups that might appear while taking a screenshot.
• Remove meta tags that may hinder the webpage by adding native elements.
• The customIgnoreRegions from the ignoreRegions option and customConsiderRegions from the considerRegions option do not function with full-page screenshots.