generated from hackforla/.github-hackforla-base-repo-template
-
-
Notifications
You must be signed in to change notification settings - Fork 97
Open
Labels
Epic/OverviewContains a list of other issues or an overview of issueContains a list of other issues or an overview of issuefeature: InfrastructureSecrets, Prod and Dev setup, etc.Secrets, Prod and Dev setup, etc.role: Front End
Description
Overview
Add Playwright as the frontend E2E testing framework to verify visual changes and user flows. This complements existing backend integration tests (#1899) and modernizes the outdated Cypress setup from #269.
Action Items
- Install Playwright and configure for 3 browsers (Chromium, Firefox, WebKit)
- Establish API route mocking pattern for auth and data endpoints
- Write initial tests for ProjectForm (PR adapt ValidatedTextField to accept custom validation functions #1789 - ValidatedTextField custom validation)
- Add tests for login page validation
- Add tests for project edit flow (ManageProjects page)
- Add tests for user check-in flow
- Add tests for admin dashboard
- Add tests for user search/permissions
- Integrate Playwright into CI pipeline (GitHub Actions)
- Add visual regression testing (screenshot comparison)
- Create auth storage state fixture for reusable login across tests
- Write tests for future PRs with visual changes (e.g., MUI migrations)
Resources/Instructions
- Playwright documentation
- Branch:
trilliumsmith/playwright - Test commands:
yarn test:e2e- Run all tests headlessyarn test:e2e:ui- Interactive UI modeyarn test:e2e:headed- Run with visible browser
- Related issues: Spike: Frontend unit and end-2-end testing #269 (original Cypress spike), Epic: Write new backend integration tests for router-controller-model flow #1899 (backend integration tests), adapt ValidatedTextField to accept custom validation functions #1789 (first PR tested)
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
Epic/OverviewContains a list of other issues or an overview of issueContains a list of other issues or an overview of issuefeature: InfrastructureSecrets, Prod and Dev setup, etc.Secrets, Prod and Dev setup, etc.role: Front End
Type
Projects
Status
New Issue Approval