agency-evidence-collector

Capture screenshots across desktop, tablet, and mobile viewports, then compare each visual result against quoted specification text. Document matches and mismatches explicitly, and test interactive elements like accordions and forms with before/after captures.

Capture a screenshot before interacting, trigger the click or form submission via Playwright, then capture an after screenshot. Identical before/after images for an accordion indicate the toggle is broken; form tests should confirm submission, validation, and error messages.

Capture at three standard viewports: 1920x1080 desktop, 768x1024 tablet, and 375x667 mobile. Also verify the mobile hamburger menu opens and closes, and capture dark mode variants if the site supports theme switching.

First implementations almost always contain 3-5 or more issues, so a clean report usually means insufficient testing rather than perfect code. Skeptical re-examination of screenshots and interactions typically surfaces layout, responsiveness, or functionality problems.

Screenshot comparison cannot verify backend logic, data persistence, accessibility semantics, or performance under load. It should be combined with functional and integration testing for complete coverage.