brand/.github/workflows/integration_test_nextjs.yml at 4d32d7cc6d788a0ec8355b87b3f3e3530af3824f · primer/brand · 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
name: Integration test (Next.js)

on:
  push:
    branches:
      - main
  schedule:
    - cron: '0 0 * * *' # end of each day (UTC)
  pull_request:

jobs:
  test:
    if: ${{ github.repository == 'primer/brand' }}
    name: Next.js (${{ matrix.bundle }})
    runs-on:
      labels: ubuntu-latest-16-cores
    strategy:
      fail-fast: false
      matrix:
        bundle: [umd, esm]
        include:
          - bundle: umd
            nextjs_folder: next-js-test
          - bundle: esm
            nextjs_folder: next-js-esm-test
    env:
      NEXTJS_FOLDER: ${{ matrix.nextjs_folder }}
    steps:
      - name: Checkout repository
        uses: actions/checkout@v3

      - name: Set up Node
        uses: actions/setup-node@v4
        with:
          node-version: 24

      - name: Caching dependencies
        uses: actions/cache@v4
        with:
          path: ~/.npm
          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
          restore-keys: |
            ${{ runner.os }}-node-

      - name: Cache Cypress binary
        uses: actions/cache@v4
        with:
          path: ~/.cache/Cypress
          key: cypress-${{ runner.os }}-cypress-${{ hashFiles('**/package.json') }}
          restore-keys: |
            cypress-${{ runner.os }}-cypress-

      - name: Installing dependencies
        run: npm ci

      - name: install dependencies and verify Cypress
        env:
          CI: 1
        run: |
          npx cypress install --force
          npx cypress verify
          npx cypress info
          npx cypress version
          npx cypress version --component package
          npx cypress version --component binary
          npx cypress version --component electron
          npx cypress version --component node

      - name: Build
        run: npm run build:lib

      - name: Bundling output
        run: cd ./packages/react && npm pack

      - name: Configuring Next.js
        run: yes | npx create-next-app@latest ${{ env.NEXTJS_FOLDER }} --typescript

      - name: Retrieving package version
        id: package-version
        uses: martinbeentjes/npm-get-version-action@7aa1d82604bb2dbe377a64ca35e692e6fe333c9c
        with:
          path: packages/repo-configs

      - name: Installing local build
        run: |
          cd ${{ env.NEXTJS_FOLDER }}
          cp ../packages/react/primer-react-brand-${{ steps.package-version.outputs.current-version }}.tgz ./
          npm install primer-react-brand-${{ steps.package-version.outputs.current-version }}.tgz

      - name: Prepare barrel file for bundle type
        run: |
          cp ./packages/e2e/integration-tests/fixtures/index.${{ matrix.bundle }}.ts ./packages/e2e/integration-tests/fixtures/index.ts
          rm ./packages/e2e/integration-tests/fixtures/index.umd.ts ./packages/e2e/integration-tests/fixtures/index.esm.ts

      - name: Copying required files
        run: |
          rm ./${{ env.NEXTJS_FOLDER }}/app/page.tsx
          cp ./packages/e2e/integration-tests/nextjs/page.tsx ./${{ env.NEXTJS_FOLDER }}/app
          cp ./packages/e2e/cypress.config.js ./${{ env.NEXTJS_FOLDER }}
          mkdir ${{ env.NEXTJS_FOLDER }}/integration-tests
          cp -r ./packages/e2e/integration-tests/fixtures ./${{ env.NEXTJS_FOLDER }}/integration-tests
          cp -r ./packages/e2e/integration-tests/tests ./${{ env.NEXTJS_FOLDER }}/integration-tests

      - name: Exclude Cypress tests from tsconfig
        run: npx json -I -f ${{ env.NEXTJS_FOLDER }}/tsconfig.json -e 'this.exclude=["node_modules", "**/*.cy.ts"]'

      - name: Fix monorepo-related linting issues
        run: npm run lint -- --fix

      # Needed to fix compilation errors and conflicts between TS and React type defs.
      # All subsequent steps should not be dependent on the primer/brand repo contents.
      - name: Clean workspace before testing
        run: |
          find . -maxdepth 1 -mindepth 1 -not -name ${{ env.NEXTJS_FOLDER }} -exec rm -rf {} +

      - name: Testing compile-time build
        run: cd ${{ env.NEXTJS_FOLDER }} && npm run build

      - name: Test runtime for errors and warnings
        run: cd ${{ env.NEXTJS_FOLDER }} && npx start-server-and-test 'start' 3000 'npx cypress run --spec "./integration-tests/tests/*" --config video=false'