E2E Testing (Frontend)

The e2e-testing-(frontend) skill enables AI agents to execute comprehensive end-to-end tests directly within the frontend environment. It validates complete user workflows from initial interaction to final state, ensuring that UI components function correctly in a real browser context.

When to use it

• Verify complex multi-step user journeys involving several page transitions and dynamic data loading.
• Validate integration points between different frontend modules or third-party widgets before deployment.
• Simulate real-world user behavior across various devices and screen resolutions to catch layout regressions.
• Ensure critical business logic flows, such as checkout processes or form submissions, remain intact after updates.

Key capabilities

• Full browser automation for rendering and interacting with DOM elements.
• Execution of high-level user scenarios rather than isolated unit tests.
• Verification of visual states and accessibility standards during navigation.
• Detection of integration failures that unit or component tests might miss.

Example prompts

• "Run an end-to-end test for the user registration flow, capturing screenshots at each step."
• "Validate that the search functionality correctly filters results and updates the UI after a page reload."
• "Execute a regression suite for the checkout process to ensure payment gateway integration works as expected."

Tips & gotchas

Ensure your frontend application is deployed or running in a stable environment before initiating tests, as flaky network conditions can cause false failures. Focus on defining clear entry and exit criteria for each workflow to maximize the reliability of the results.