Ryan Kegel
a8d7427a95
Some checks failed
Chore App Build, Test, and Push Docker Images / build-and-push (push) Failing after 1m44s
- Added E2E test setup in `auth_api.py` with `/e2e-seed` endpoint for database reset and test user creation. - Integrated Playwright for end-to-end testing in the frontend with necessary dependencies in `package.json` and `package-lock.json`. - Created Playwright configuration in `playwright.config.ts` to manage test execution and server setup. - Developed new skills for Playwright best practices, visual regression, smoke test generation, and self-healing tests. - Implemented new test cases for chore creation in `chores-create.smoke.spec.ts` and `chores-create.spec.ts`. - Added page object models for `ChildEditPage` and `LandingPage` to streamline test interactions. - Updated `.gitignore` to exclude Playwright reports and test results. - Enhanced documentation in `copilot-instructions.md` for testing and E2E setup.
724 B
724 B
name, description
| name | description |
|---|---|
| playwright-visual-reg | Generates and manages visual regression snapshots for UI consistency. |
Playwright Visual Regression Standards
When creating visual tests:
- Standard Assertion: Use
await expect(page).toHaveScreenshot('name.png');. - Masking: Automatically mask dynamic content (dates, usernames, or random IDs) using the
maskoption:await expect(page).toHaveScreenshot({ mask: [page.locator('.dynamic-id')] }); - Consistency: Set
animations: 'disabled'andtimezoneId: 'UTC'in the generated test metadata to prevent false positives. - Update Strategy: Instruct the user to run
npx playwright test --update-snapshotsif they intentionally changed the UI.