karrio/.github/workflows/studio-e2e.yml at 01b14ff8f96732755c00a3620bb7579eee77ebf5 · karrioapi/karrio · 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
89
90
91
92
93
94
name: studio-e2e

# Run on every push and on PRs touching Studio source or its E2E specs.
# The mocked `studio` Playwright project does NOT require a Django backend or
# Postgres — it intercepts all API calls at the Playwright route level.
on:
  push:
    paths:
      - "apps/studio/**"
      - "packages/e2e/tests/studio/**"
      - "packages/e2e/helpers/studio.ts"
      - "packages/e2e/playwright.config.ts"
      - ".github/workflows/studio-e2e.yml"
  pull_request:
    paths:
      - "apps/studio/**"
      - "packages/e2e/tests/studio/**"
      - "packages/e2e/helpers/studio.ts"
      - "packages/e2e/playwright.config.ts"
      - ".github/workflows/studio-e2e.yml"
  workflow_dispatch:

permissions:
  contents: read

jobs:
  studio-e2e:
    runs-on: ubuntu-latest
    timeout-minutes: 20

    steps:
      - uses: actions/checkout@v4
        with:
          submodules: false

      - uses: actions/setup-node@v4
        with:
          node-version: 22.x
          cache: "npm"
          cache-dependency-path: apps/studio/package-lock.json

      # Install Studio app dependencies (standalone lockfile, no turborepo).
      - name: Install Studio deps
        working-directory: apps/studio
        run: npm ci

      # Build the Studio app so the dev server can serve the compiled output.
      # `vite build` produces apps/studio/dist (client) + .output/server (SSR).
      - name: Build Studio
        working-directory: apps/studio
        run: npm run build

      # Install Playwright + Chromium only (mocked suite only needs one browser).
      - name: Install Playwright browsers
        working-directory: packages/e2e
        run: |
          npm ci
          npx playwright install chromium --with-deps

      # Start the Studio dev server in the background and wait for it.
      # We use `npm run dev` (vite dev) instead of the built server so hot-reload
      # is available; the mocked suite doesn't care which mode the server is in.
      - name: Start Studio dev server
        working-directory: apps/studio
        run: npm run dev &
        env:
          PORT: 3003

      - name: Wait for Studio to be ready
        run: |
          for i in $(seq 1 30); do
            curl -sf http://localhost:3003 && break || true
            echo "Waiting for Studio ($i/30)..."
            sleep 2
          done
          curl -sf http://localhost:3003 || (echo "Studio never became ready" && exit 1)

      # Run the mocked `studio` Playwright project.
      # No KARRIO_LIVE or Django API needed — all API calls are intercepted.
      - name: Run Studio E2E (mocked)
        working-directory: packages/e2e
        run: npx playwright test --project=studio --reporter=github,html
        env:
          KARRIO_STUDIO_URL: http://localhost:3003
          CI: "true"

      # Upload the HTML report so failures are inspectable via the Actions UI.
      - name: Upload Playwright report
        if: always()
        uses: actions/upload-artifact@v4
        with:
          name: studio-playwright-report
          path: packages/e2e/playwright-report/
          retention-days: 14