Skip to content

Epic: Add Playwright E2E tests for frontend visual verification #2084

@trillium

Description

@trillium

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    New Issue Approval

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions