recipeer-frontend/.github/workflows/ci.yml at 40f12b0f7ae16798ff429d9d293eb1004de85d6d · wtfzdotnet/recipeer-frontend · 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
name: CI

on:
  push:
    branches: [ main, develop ]
  pull_request:
    branches: [ main, develop ]

# Cancel in-progress runs on new pushes to the same PR/branch
concurrency:
  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
  cancel-in-progress: true

jobs:
  lint:
    runs-on: ubuntu-latest
    steps:
    - name: Checkout code
      uses: actions/checkout@v4

    - name: Setup Node.js
      uses: actions/setup-node@v4
      with:
        node-version: 20
        cache: 'npm'

    - name: Install dependencies
      run: npm ci --prefer-offline --no-audit --no-fund

    - name: Run linter
      run: npm run lint

    - name: Run style linter
      run: npm run lint:style

  test:
    runs-on: ubuntu-latest
    steps:
    - name: Checkout code
      uses: actions/checkout@v4

    - name: Setup Node.js
      uses: actions/setup-node@v4
      with:
        node-version: 20
        cache: 'npm'

    - name: Install dependencies
      run: npm ci --prefer-offline --no-audit --no-fund

    - name: Run tests
      run: npm run test

    - name: Run build
      run: npm run build

    - name: Upload build artifacts
      uses: actions/upload-artifact@v4
      with:
        name: build-files
        path: dist/
        retention-days: 7

  design-system-scan:
    runs-on: ubuntu-latest
    needs: [lint, test]

    steps:
    - name: Checkout code
      uses: actions/checkout@v4

    - name: Setup Node.js
      uses: actions/setup-node@v4
      with:
        node-version: 20
        cache: 'npm'

    - name: Install dependencies
      run: npm ci --prefer-offline --no-audit --no-fund

    # - name: Get Playwright version
    #   id: playwright-version
    #   run: echo "version=$(npm list @playwright/test --depth=0 --json | jq -r '.dependencies."@playwright/test".version')" >> $GITHUB_OUTPUT

    # - name: Cache Playwright browsers
    #   uses: actions/cache@v4
    #   id: playwright-cache
    #   with:
    #     path: ~/.cache/ms-playwright
    #     key: playwright-${{ runner.os }}-${{ steps.playwright-version.outputs.version }}

    # - name: Install Playwright browsers
    #   if: steps.playwright-cache.outputs.cache-hit != 'true'
    #   run: npx playwright install --with-deps chromium

    - name: Cache Storybook build
      uses: actions/cache@v4
      with:
        path: storybook-static
        key: storybook-${{ runner.os }}-${{ hashFiles('src/**/*', '.storybook/**/*', 'package-lock.json') }}
        restore-keys: |
          storybook-${{ runner.os }}-

    - name: Build Storybook
      run: npm run build-storybook
      env:
        NODE_ENV: production
        # Skip font loading and optimize for CI
        CI: true
        NODE_OPTIONS: '--max-old-space-size=4096'
        # Disable source maps for faster builds
        GENERATE_SOURCEMAP: false

    - name: Run design system accessibility scan
      run: npm run test:a11y

    - name: Run design token compliance scan
      run: npm run scan:design-system
    - name: Upload design system scan results
      uses: actions/upload-artifact@v4
      if: always()
      with:
        name: design-system-scan-results
        path: |
          test-results/
        retention-days: 7

    # - name: Run visual regression tests
    #   run: npx playwright test --workers=2
    #   env:
    #     CI: true

    # - name: Upload design system scan results
    #   uses: actions/upload-artifact@v4
    #   if: always()
    #   with:
    #     name: design-system-scan-results
    #     path: |
    #       test-results/
    #       playwright-report/
    #     retention-days: 30

    # - name: Upload accessibility test results
    #   uses: actions/upload-artifact@v4
    #   if: always()
    #   with:
    #     name: accessibility-test-results
    #     path: |
    #       test-results/design-system-results.json
    #       test-results/design-system-results.xml
    #     retention-days: 30