Skip to content

Integration test

Integration test #5252

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'