Skip to content

docs: side panel

docs: side panel #5366

name: Cypress PR Checks
on:
pull_request:
types: [opened, synchronize, reopened, labeled]
jobs:
# run this job first to create a single timestamped id for all percy batches on parallel machines
percy-batch-id:
runs-on: ubuntu-latest
# persist job results to other jobs in the workflow
outputs:
result: ${{ steps.percy-batch-id.outputs.result }}
steps:
# persist step results to other steps in the job
- name: Create Percy Batch ID
id: percy-batch-id
# adding a timestamp makes the batch id more unique for re-runs
run: echo "result=${{ github.run_id }}-$(date +%s)" >> $GITHUB_OUTPUT
cypress:
name: Website vrt
runs-on: ubuntu-latest
needs: percy-batch-id
if: ${{ contains(github.event.pull_request.labels.*.name, '🕵🏻‍♀️ Run website visual regression') }}
strategy:
fail-fast: false
matrix:
containers: [1, 2, 3]
env:
CYPRESS_CACHE_FOLDER: ./node_modules/cypress
CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
AIRTABLE_APIKEY: ${{ secrets.AIRTABLE_APIKEY }}
AIRTABLE_BASEID: ${{ secrets.AIRTABLE_BASEID }}
OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
OPENAI_API_SECRET: ${{ secrets.OPENAI_API_SECRET }}
CYPRESS_BASE_URL: http://localhost:3000
SUPABASE_KEY: ${{ secrets.SUPABASE_STAGING_KEY }}
SUPABASE_URL: ${{ secrets.SUPABASE_STAGING_URL }}
USE_CYPRESS_VRT: false
steps:
- name: Checkout Repo
uses: actions/checkout@v4
with:
fetch-depth: 0
- uses: nrwl/nx-set-shas@v4
- name: Setup Node.js 20.5
uses: actions/setup-node@v4
with:
node-version: 20.5.x
- name: Get yarn cache directory path
id: yarn-cache-dir-path
run: echo "dir=$(yarn config get cacheFolder)" >> $GITHUB_OUTPUT
- name: Load Yarn cache
uses: actions/cache@v3
id: yarn_cache_id
with:
path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
restore-keys: |
${{ runner.os }}-yarn
- name: Node modules cache
uses: actions/cache@v3
id: node_modules_cache_id
with:
path: |
node_modules
*/*/node_modules
key: ${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
- name: Install Dependencies
if: steps.yarn_cache_id.outputs.cache-hit != 'true' || steps.node_modules_cache_id.outputs.cache-hit != 'true'
run: yarn install --immutable
- name: Build packages
run: yarn build
- name: Percy Batch ID
run: echo "${{ needs.percy-batch-id.outputs.result }}"
# run cypress via a config that only runs the percy tests
- name: Cypress run with site VRT
uses: cypress-io/github-action@v4
with:
record: true
parallel: true
start: yarn start:website
wait-on: "http://localhost:3000"
group: "Paste Docsite VRT"
config: baseUrl=http://localhost:3000
# enabled percy to run cypress for VRT
command-prefix: "percy exec --parallel -- npx"
# this only includes the tests that run percy snapshots, so we can only call them when we need to
config-file: cypress.config.vrt.ts
env:
USE_CYPRESS_VRT: true
PERCY_PARALLEL_NONCE: ${{ needs.percy-batch-id.outputs.result }}
PERCY_PARALLEL_TOTAL: 3