visual-qa

To automate visual QA testing for UI changes, this skill inspects your running web app in Chrome, captures screenshots, and reports visual regressions. It navigates predefined routes to verify rendering consistency and detect layout issues after updates.

Yes, you can detect console and network errors automatically after a UI update. The visual QA process profiles your active Chrome tab to identify JavaScript console warnings, runtime errors, and network failures alongside visual layout regressions.

The best way to perform a layout-diff comparison on a running web app is by capturing screenshots across predefined routes and comparing rendered visuals against expected baselines. This skill orchestrates sub-agents to validate rendering consistency and flag layout problems.

Yes, visual regression testing works with React DevTools and Lighthouse. The skill orchestrates sub-agents for Chrome DevTools profiling, React DevTools, and Lighthouse to analyze code and report visual issues, console errors, and network failures.

Yes, you need a predefined route map to run UI testing on your web application. The visual QA inspection relies on this route map to navigate your app systematically, ensuring all targeted pages are captured and validated for rendering consistency.

Your visual QA inspection may not capture screenshots of all pages if there is no active Chrome tab available or the predefined route map is incomplete. The skill requires a running web app and an accessible Chrome instance to navigate routes and verify rendered visuals.