element-web/.github/workflows/shared-component-visual-tests.yaml at d4030e1713ca27f740a2f5dc5c0a80a84f61cb41 · element-hq/element-web · 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
name: Shared Component Visual Tests
on:
    pull_request: {}
    merge_group:
        types: [checks_requested]
    push:
        branches: [develop, master]

concurrency:
    group: ${{ github.workflow }}-${{ github.ref }}-${{ github.event_name }}
    cancel-in-progress: true

permissions: {} # No permissions required

jobs:
    testStorybook:
        name: "Run Visual Tests"
        runs-on: ubuntu-24.04
        permissions:
            actions: read
            issues: read
            pull-requests: read
        steps:
            # Dump the disk usage before we start: this job frequently flakes with "No space left on device"
            # so, with the one at the end too, this will let us work out how much disk has been used.
            - name: dfbefore
              run: df -h && df -i

            - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7
              with:
                  persist-credentials: false
                  repository: element-hq/element-web

            - uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
            - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7
              with:
                  cache: "pnpm"
                  node-version: "lts/*"

            - name: Install dependencies
              working-directory: packages/shared-components
              run: pnpm install --frozen-lockfile

            - name: Setup playwright
              uses: ./.github/actions/setup-playwright
              with:
                  write-cache: ${{ github.event_name != 'merge_group' }}

            - name: Run Visual tests
              working-directory: packages/shared-components
              run: "pnpm test:storybook --run"

            - name: Detect stale screenshots
              run: |
                  if diff -rq __baselines__ __results__ | grep "^Only in __baselines__"; then
                      exit 1
                  fi
              working-directory: packages/shared-components/__vis__/linux

            - name: Upload received images & diffs
              if: always()
              uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7
              with:
                  name: received-images
                  path: packages/shared-components/__vis__/linux

            # Dump the disk usage on failure, because this job seems to fail with disk fills sometimes
            - name: df
              run: df -h && df -i
              if: ${{ failure() }}