playwright-cli-helpers

You can check local HTML pages for layout and overflow issues by running a visual verification script that captures screenshots across mobile, tablet, and desktop breakpoints. This detects horizontal overflow and verifies width consistency for repeated elements like cards or tiles.

To capture responsive design screenshots for frontend debugging, run the visual check script against a local HTTP server. It saves JPEG screenshots of mobile, tablet, and desktop views into a task folder so you can attach visual proof to bug fixes or backlog items.

Yes, you need a local HTTP server running to serve your static HTML files. The visual verification process requires playwright-cli, python3, lsof, and git dependencies to safely execute sandbox-aware browser checks and screenshot pages reliably.

The best way to detect horizontal overflow in static HTML files is using an automated browser testing script that checks responsive breakpoints. It identifies layout inconsistencies and captures evidence screenshots without requiring manual inspection of each page width.

This approach is designed for static file verification and evidence capture, not interactive browser testing. The documentation provides guidance on when to use the helper script first and when to fall back to raw playwright-cli for interactive browser work.