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 issuecomplexity: largefeature: InfrastructureSecrets, Prod and Dev setup, etc.Secrets, Prod and Dev setup, etc.role: Front Endsize: EpicSize not relevant (epic issue)Size not relevant (epic issue)
Milestone
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 issuecomplexity: largefeature: InfrastructureSecrets, Prod and Dev setup, etc.Secrets, Prod and Dev setup, etc.role: Front Endsize: EpicSize not relevant (epic issue)Size not relevant (epic issue)
Type
Projects
Status
Epic Issues