Skip to content

fix(showcase): make showcase screenshots load lazily #9374

fix(showcase): make showcase screenshots load lazily

fix(showcase): make showcase screenshots load lazily #9374

Workflow file for this run

name: Argos CI
on:
push:
branches: [main]
pull_request:
branches: [main]
types:
# Those 3 are the default PR workflow activity types,
# see https://docs.github.com/en/actions/using-workflows/events-that-trigger-workflows#pull_request
- opened
- synchronize
- reopened
# We want trigger workflow on labeled too!
- labeled
permissions:
contents: read
concurrency:
group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}
cancel-in-progress: true
jobs:
take-screenshots:
# Argos is heavy to run
# We only want to trigger Argos on PRs with the 'Argos' label
# See https://stackoverflow.com/questions/62325286/run-github-actions-when-pull-requests-have-a-specific-label
if: |
github.repository == 'facebook/docusaurus' &&
(
(github.event_name != 'pull_request' && github.ref_name == 'main') ||
(github.event_name == 'pull_request' && contains(github.event.pull_request.labels.*.name, 'Argos'))
)
# runs-on: ubuntu-latest
runs-on: 8-core-ubuntu
steps:
- name: Check out repository code
uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
- name: Install pnpm
uses: pnpm/action-setup@0977fd99725f1db4007ccb2928dbb4e90d06cc86 # v6.0.10
- name: Use Node.js
uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
with:
node-version: lts/*
cache: pnpm
- name: Install dependencies
run: pnpm install --frozen-lockfile || pnpm install --frozen-lockfile || pnpm install --frozen-lockfile
- name: Install Playwright browsers
run: pnpm playwright install --with-deps chromium
- name: Build website for screenshots
run: pnpm argos:build
- name: Take and upload Argos screenshots
run: pnpm argos:screenshot
# We rebuild the site with unminified assets
# This makes it easier to review text snapshots on Argos
- name: Build website for text snapshots
run: pnpm argos:build:text-snapshots
- name: Format HTML for easier Argos diffs
run: pnpm argos:format:text-snapshots
- name: Upload Argos text snapshots
run: pnpm argos:upload:text-snapshots