FuTuRe/.github/workflows/visual-testing.yml at 0e3ea80a0a6ad2aaea96f1ca3d6196f1cb5f7062 · Ethereal-Future/FuTuRe · 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
name: Visual Testing

on:
  push:
    branches: [main, 'feature/**']
  pull_request:
    branches: [main]

jobs:
  visual-tests:
    name: Visual Regression Tests
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v4

      - uses: actions/setup-node@v4
        with:
          node-version: '20'
          cache: 'npm'

      - name: Install dependencies
        run: npm ci

      - name: Run visual regression tests
        run: npx vitest run frontend/tests/visual-testing.test.jsx --reporter=verbose
        env:
          NODE_ENV: test

      - name: Upload visual diff artifacts
        if: failure()
        uses: actions/upload-artifact@v4
        with:
          name: visual-diffs-${{ github.sha }}
          path: __visual-diffs__/
          retention-days: 14

      - name: Upload visual baselines
        if: always()
        uses: actions/upload-artifact@v4
        with:
          name: visual-baselines
          path: __visual-baselines__/
          retention-days: 30

      - name: Comment PR on visual diff failure
        if: failure() && github.event_name == 'pull_request'
        uses: actions/github-script@v7
        with:
          script: |
            github.rest.issues.createComment({
              issue_number: context.issue.number,
              owner: context.repo.owner,
              repo: context.repo.repo,
              body: '❌ **Visual regression detected.** Download the `visual-diffs` artifact to review changes. Approve the new baseline if the change is intentional.'
            })