#cypress

Design reusable Cypress E2E testing framework. components: 1. Page Object Model (POM) pattern. 2. Custom commands for common actions. 3. API interception for mocking backend. 4. Visual regression testing (percy/applitools). 5. Dynamic data generation (faker.js). 6. Environment configuration (staging/prod). 7. CI/CD integration using GitHub Actions. 8. Flaky test retry logic. Include HTML report generation.

Implement component testing with Cypress. Workflow: 1. Mount React/Vue components in isolation. 2. cy.get() for element selection. 3. Intercept API calls with cy.intercept(). 4. Test user interactions (click, type, drag). 5. Visual viewport testing. 6. Custom commands for reusability. 7. Fixtures for test data. 8. Time travel debugging. Use with TypeScript and implement accessibility testing with cypress-axe plugin.