Eve Web Ui Testing Agent Browser

What it does

This agent autonomously navigates web browsers to execute visual regression tests, comparing current page states against baseline screenshots. It identifies and reports discrepancies in UI elements, ensuring that frontend changes do not break the user interface.

When to use it

• Automating visual checks after deploying new frontend code or design updates.
• Detecting unintended layout shifts or broken images caused by CSS or framework changes.
• Running continuous integration tests to maintain UI consistency across different environments.
• Validating responsive designs by testing how the interface renders on various screen sizes.

Key capabilities

• Autonomous browser navigation and interaction simulation.
• Automated screenshot capture of web pages during test execution.
• Visual diff analysis to pinpoint exact pixel-level changes between baselines and current states.
• Detailed reporting of UI anomalies for developer review.

Example prompts

• "Run a visual regression test on the homepage and compare it against the last approved baseline."
• "Navigate to the checkout flow, capture screenshots at each step, and report any visual differences found."
• "Test the responsive layout of the dashboard on mobile viewports and highlight any broken elements."

Tips & gotchas

Ensure baseline screenshots are up-to-date before running new tests to avoid false positives from legitimate UI updates. This skill focuses on visual output; it does not replace functional testing for backend logic or API behavior.