Skip to content

Update BreakoutBanner docs information on leading visual accessible label #5323

Update BreakoutBanner docs information on leading visual accessible label

Update BreakoutBanner docs information on leading visual accessible label #5323

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@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
- 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 --legacy-peer-deps
- 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/nextjs/page.tsx ./${{env.NEXTJS_FOLDER}}/app
cp ./packages/e2e/integration-tests/nextjs/.eslintrc ./${{env.NEXTJS_FOLDER}}
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: Patching postcss bug in v12 of Next.js
# uses: DamianReeves/write-file-action@master
# with:
# path: ${{env.NEXTJS_FOLDER}}/postcss.config.json
# contents: |
# {"plugins": []}
# write-mode: overwrite
- 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
- 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'