Integration test #5541
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Integration test | |
| on: | |
| push: | |
| branches: | |
| - main | |
| schedule: | |
| - cron: '0 0 * * *' # end of each day (UTC) | |
| pull_request: | |
| env: | |
| NEXTJS_FOLDER: next-js-test | |
| jobs: | |
| test: | |
| if: ${{ github.repository == 'primer/brand' }} | |
| name: Next.js | |
| runs-on: | |
| labels: ubuntu-latest-16-cores | |
| steps: | |
| - name: Checkout repository | |
| uses: actions/checkout@v3 | |
| - name: Set up Node | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: 20 | |
| - name: Caching dependencies | |
| uses: actions/cache@v4 | |
| with: | |
| path: ~/.npm | |
| key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }} | |
| restore-keys: | | |
| ${{ runner.os }}-node- | |
| # Restore the previous NPM modules and Cypress binary archives. | |
| # Any updated archives will be saved automatically after the entire | |
| # workflow successfully finishes. | |
| # See https://github.com/actions/cache | |
| - 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 --legacy-peer-deps | |
| - name: install dependencies and verify Cypress | |
| env: | |
| # make sure every Cypress install prints minimal information | |
| CI: 1 | |
| # print Cypress and OS info | |
| 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: Prefer ESM imports | |
| run: | | |
| mv ./packages/e2e/integration-tests/fixtures/index.esm.ts ./packages/e2e/integration-tests/fixtures/index.ts | |
| rm ./packages/e2e/integration-tests/fixtures/index.cjs.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 | |
| - name: Copying required files | |
| run: | | |
| 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: Excluded cypress tests in-place | |
| # includes temp workaround for cypress bug. remove when fixed | |
| # https://github.com/cypress-io/cypress/issues/27448 | |
| run: npx json -I -f ${{env.NEXTJS_FOLDER}}/tsconfig.json -e 'this.exclude=["node_modules", "**/*.cy.ts"]; this.compilerOptions.moduleResolution="node"' | |
| - 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' |