Playwright manual

[jthrilly]

This pull request introduces a comprehensive end-to-end (E2E) testing framework using Playwright and Testcontainers, adds a health check API endpoint, and integrates Chromatic for visual regression testing. It also updates dependencies, adds new scripts, and improves the project’s CI/CD pipeline for testing and quality assurance.

E2E Testing Infrastructure:

• Added a detailed E2E test suite using Playwright and Testcontainers, including configuration, credentials, fixtures for authentication, and a thorough README explaining architecture, usage, and best practices. [1] [2] [3] [4]
• Updated package.json with Playwright, Testcontainers, and related dependencies, and added scripts for running E2E tests locally and in CI. [1] [2] [3] [4]
• Added a GitHub Actions workflow (.github/workflows/e2e.yml) to automate E2E tests on push and pull requests, including artifact uploads for reports and test videos.

Health Check API:

• Implemented a new /api/health endpoint that reports service health, version, uptime, and environment, with robust error handling and status codes.

Visual Regression Testing:

• Integrated Chromatic for Storybook visual regression testing, including a GitHub Actions workflow and supporting scripts/dependencies. [1] [2] [3]

Refactoring and Dependency Management:

• Refactored getStringValue utility usage in actions/appSettings.ts for better code reuse.
• Minor dependency ordering/cleanup in package.json.

Summary of Most Important Changes:

End-to-End Testing Infrastructure

• Introduced a full-featured E2E test suite with Playwright, Testcontainers, and supporting fixtures/configuration, plus documentation in tests/e2e/README.md. [1] [2] [3] [4]
• Added E2E test scripts and dependencies in package.json and automated E2E test workflow in .github/workflows/e2e.yml. [1] [2] [3] [4] [5]

Health Monitoring

• Added a /api/health endpoint for health checks, returning detailed service and environment status.

Visual Regression Testing

• Integrated Chromatic with a new workflow and supporting scripts for automated visual regression testing of Storybook components. [1] [2] [3]

Code Quality and Refactoring

• Refactored to use a shared getStringValue utility in actions/appSettings.ts for consistency and maintainability.
• Cleaned up dependency ordering in package.json.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
fresco-sandbox	Ready	Preview	Comment	Sep 2, 2025 3:25pm
fresco-storybook	Error			Sep 2, 2025 3:25pm

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
barf	Ignored			Sep 2, 2025 3:25pm