chess/playwright.config.js
Christoph Wagner b2df8786ca
All checks were successful
CI Pipeline / Code Linting (pull_request) Successful in 15s
CI Pipeline / Run Unit Tests (pull_request) Successful in 20s
CI Pipeline / Run E2E Tests (Playwright) (pull_request) Successful in 47s
CI Pipeline / Build Verification (pull_request) Successful in 13s
CI Pipeline / Generate Quality Report (pull_request) Successful in 19s
feat: integrate Playwright for E2E UI testing
Add comprehensive Playwright integration for end-to-end UI testing with
full CI/CD pipeline support.

Changes:
---------

1. **Playwright Installation & Configuration**
   - Installed @playwright/test and http-server
   - Created playwright.config.js with optimized settings
   - Configured to use Chromium browser in headless mode
   - Auto-starts local web server on port 8080 for testing

2. **E2E Test Suite**
   Created tests/e2e/ directory with comprehensive tests:

   - **status-message.spec.js** (5 tests)
     ✓ Status message element exists in DOM
     ✓ Status message is hidden by default
     ✓ New game shows status message
     ✓ Status message has correct CSS classes

   - **layout-stability.spec.js** (5 tests)
     ✓ Chess board has fixed 600x600px dimensions
     ✓ Board squares are exactly 75px × 75px
     ✓ Column widths remain stable when pieces are captured
     ✓ Row heights remain stable when highlighting moves
     ✓ Last-move highlighting does not change layout

3. **Package.json Scripts**
   - test: Runs both unit and E2E tests
   - test:unit: Jest unit tests only
   - test:e2e: Playwright E2E tests
   - test:e2e:headed: Run with browser visible
   - test:e2e:ui: Interactive UI mode

4. **CI Pipeline Updates (.gitea/workflows/ci.yml)**
   - Split test job into test-unit and test-e2e
   - Added Playwright browser installation step
   - Configured artifact upload for Playwright reports
   - Updated job dependencies to include E2E tests

Test Results:
-------------
 9/9 Playwright E2E tests passing
 124/124 Jest unit tests passing
 Total: 133 tests passing

CI Configuration:
-----------------
- Runs Playwright in CI mode (retries: 2, workers: 1)
- Uses GitHub reporter for CI, list reporter for local
- Captures screenshots on failure
- Traces on first retry for debugging
- Artifacts retained for 30 days

Usage:
------
npm run test          # All tests (unit + E2E)
npm run test:unit     # Jest unit tests only
npm run test:e2e      # Playwright E2E tests
npm run test:e2e:ui   # Interactive UI mode

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-23 21:49:28 +01:00

46 lines
987 B
JavaScript

/**
* Playwright Test Configuration
* @see https://playwright.dev/docs/test-configuration
*/
import { defineConfig, devices } from '@playwright/test';
export default defineConfig({
testDir: './tests/e2e',
// Maximum time one test can run
timeout: 30 * 1000,
// Test execution settings
fullyParallel: true,
forbidOnly: !!process.env.CI,
retries: process.env.CI ? 2 : 0,
workers: process.env.CI ? 1 : undefined,
// Reporter configuration
reporter: process.env.CI ? 'github' : 'list',
// Shared settings for all projects
use: {
baseURL: 'http://localhost:8080',
trace: 'on-first-retry',
screenshot: 'only-on-failure',
},
// Projects for different browsers
projects: [
{
name: 'chromium',
use: { ...devices['Desktop Chrome'] },
},
],
// Web server configuration
webServer: {
command: 'npx http-server -p 8080 -c-1',
port: 8080,
timeout: 120 * 1000,
reuseExistingServer: !process.env.CI,
},
});