fix(side-modal): fix autofocus and improve animation #3085
Workflow file for this run
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: 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 tests | |
| runs-on: ubuntu-latest | |
| needs: percy-batch-id | |
| 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 }} | |
| USE_CYPRESS_VRT: false | |
| steps: | |
| - name: Checkout Repo | |
| uses: actions/checkout@v3 | |
| - name: Setup Node.js 16.13 | |
| uses: actions/setup-node@v3 | |
| with: | |
| node-version: 16.13.x | |
| - name: Get yarn cache directory path | |
| id: yarn-cache-dir-path | |
| run: echo "dir=$(yarn config get cacheFolder)" >> $GITHUB_OUTPUT | |
| - name: Percy Batch ID | |
| run: echo "${{ needs.percy-batch-id.outputs.result }}" | |
| - 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: Wait for Netlify | |
| uses: hharnisc/[email protected] | |
| id: waitForDeployment | |
| with: | |
| site_id: ${{ secrets.NETLIFY_SITE_ID }} | |
| env: | |
| NETLIFY_TOKEN: ${{ secrets.NETLIFY_TOKEN }} | |
| - name: Cypress run | |
| uses: cypress-io/github-action@v4 | |
| if: ${{ !contains(github.event.pull_request.labels.*.name, '🕵🏻♀️ Run website visual regression') }} | |
| with: | |
| record: true | |
| parallel: true | |
| group: "Paste Actions Parallel" | |
| config: baseUrl=${{ steps.waitForDeployment.outputs.url }} | |
| - name: Cypress run with site VRT | |
| uses: cypress-io/github-action@v4 | |
| if: ${{ contains(github.event.pull_request.labels.*.name, '🕵🏻♀️ Run website visual regression') }} | |
| with: | |
| record: true | |
| parallel: true | |
| group: "Paste Actions with VRT Parallel" | |
| config: baseUrl=${{ steps.waitForDeployment.outputs.url }} | |
| # enabled percy to run cypress for VRT | |
| command-prefix: "percy exec --parallel -- npx" | |
| env: | |
| USE_CYPRESS_VRT: true | |
| PERCY_PARALLEL_NONCE: ${{ needs.percy-batch-id.outputs.result }} | |
| PERCY_PARALLEL_TOTAL: 3 |