ui/.github/workflows/playwright.yml at dev · ngvanthanggit/ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
name: Playwright Tests

on:
  push:
    branches: [main, dev]
    paths:
      - 'frontend/**'
  pull_request:
    branches: [main, dev]
    paths:
      - 'frontend/**'

jobs:
  test:
    timeout-minutes: 60
    runs-on: ubuntu-latest

    strategy:
      matrix:
        # Run tests on multiple browsers
        browser: [chromium, firefox, webkit]

    env:
      WARMUP_BROWSER: ${{ matrix.browser }}

    steps:
    - uses: actions/checkout@v4

    - uses: actions/setup-node@v4
      with:
        node-version: '20'
        cache: 'npm'
        cache-dependency-path: frontend/package-lock.json

    - name: Install frontend dependencies
      working-directory: ./frontend
      run: npm ci

    - name: Init MSW worker
      working-directory: ./frontend
      run: npx msw init public/ --save

    - name: Verify MSW worker exists
      working-directory: ./frontend
      run: ls -la public/mockServiceWorker.js || true

    - name: Run TypeScript check
      working-directory: ./frontend
      run: npx tsc --noEmit

    - name: Install Playwright Browsers
      working-directory: ./frontend
      run: npx playwright install --with-deps ${{ matrix.browser }}

    - name: Verify Playwright installation
      working-directory: ./frontend
      run: npx playwright --version

    - name: List available tests
      working-directory: ./frontend
      run: npx playwright test --list --project=${{ matrix.browser }} | head -5

    - name: Build frontend
      working-directory: ./frontend
      env:
        VITE_USE_MSW: 'true'
      run: npm run build

    - name: Run Playwright tests
      working-directory: ./frontend
      run: npx playwright test --project=${{ matrix.browser }}
      env:
        CI: true
        VITE_USE_MSW: 'true'

    - uses: actions/upload-artifact@v4
      if: always()
      with:
        name: playwright-report-${{ matrix.browser }}
        path: frontend/playwright-report/
        retention-days: 7

    - uses: actions/upload-artifact@v4
      if: always()
      with:
        name: test-results-${{ matrix.browser }}
        path: frontend/test-results/
        retention-days: 7