#qa

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.

Test API endpoints comprehensively. Approach: 1. Test full request/response cycle. 2. Use real database (test instance). 3. Setup/teardown for clean state. 4. Test authentication and authorization. 5. Validate response schemas. 6. Test error scenarios. 7. Performance testing. 8. Security testing. Use Supertest or similar. Run in CI/CD. Separate from unit tests. Mock external APIs.

Build comprehensive E2E testing with Playwright. Test structure: 1. Page Object Model for maintainability. 2. Multi-browser testing (Chromium, Firefox, WebKit). 3. Parallel test execution. 4. Visual regression with screenshots. 5. Network mocking and interception. 6. Authentication state persistence. 7. Trace viewer for debugging. 8. CI/CD integration with GitHub Actions. Use fixtures for test data, implement retry logic, and generate HTML reports with test results.