integration_test_cra.yml

name: Integration test

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

env:
  CRA_FOLDER: cra-test

jobs:
  test:
    if: ${{ github.repository == 'primer/brand' }}
    name: Create React App
    runs-on:
      labels: ubuntu-latest-16-cores
    steps:
      - name: Checkout repository
        uses: actions/checkout@v3

      - name: Set up Node
        uses: actions/setup-node@v2
        with:
          node-version: 18

      - name: Caching dependencies
        uses: actions/cache@v2
        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@v1
        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 && cd apps/docs && 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 Create React App
        run: npx create-react-app ${{env.CRA_FOLDER}} --template 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.CRA_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: |
          cp ./packages/e2e/integration-tests/create-react-app/App.tsx ./${{env.CRA_FOLDER}}/src
          cp ./packages/e2e/cypress.config.js ./${{env.CRA_FOLDER}}
          cp -r ./packages/e2e/integration-tests/fixtures ./${{env.CRA_FOLDER}}/src
          mkdir ${{env.CRA_FOLDER}}/integration-tests
          cp -r ./packages/e2e/integration-tests/fixtures ./${{env.CRA_FOLDER}}/integration-tests
          cp -r ./packages/e2e/integration-tests/tests ./${{env.CRA_FOLDER}}/integration-tests

      - name: Excluded cypress tests in-place
        run: npx json -I -f ${{env.CRA_FOLDER}}/tsconfig.json -e 'this.exclude=["node_modules", "**/*.cy.ts"]'

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

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