feat(playwright): add playwright e2e on checkbox list #18428
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: CI | |
| on: | |
| merge_group: | |
| pull_request: | |
| types: ["opened", "edited", "reopened", "synchronize"] | |
| push: | |
| branches: | |
| - main | |
| jobs: | |
| build: | |
| strategy: | |
| matrix: | |
| node: ["22"] | |
| runs-on: ubuntu-24.04 | |
| env: | |
| TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }} | |
| TURBO_CACHE: "remote:rw" | |
| steps: | |
| - uses: actions/checkout@v4 # v4.1.4 | |
| - uses: pnpm/[email protected] | |
| - uses: actions/[email protected] | |
| with: | |
| node-version: ${{ matrix.node }} | |
| - name: build | |
| run: | | |
| pnpm install --frozen-lockfile | |
| pnpm run build | |
| manypkg: | |
| runs-on: ubuntu-24.04 | |
| env: | |
| TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }} | |
| TURBO_CACHE: "remote:rw" | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - uses: pnpm/[email protected] | |
| - uses: actions/[email protected] | |
| with: | |
| node-version: 22 | |
| cache: "pnpm" | |
| - name: manypkg | |
| run: | | |
| pnpm install --frozen-lockfile | |
| pnpm exec manypkg check | |
| typecheck: | |
| runs-on: ubuntu-24.04 | |
| needs: [build] | |
| env: | |
| TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }} | |
| TURBO_CACHE: "remote:rw" | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - uses: pnpm/[email protected] | |
| - uses: actions/[email protected] | |
| with: | |
| node-version: 22 | |
| cache: "pnpm" | |
| - name: typecheck | |
| run: | | |
| pnpm install --frozen-lockfile | |
| pnpm typecheck | |
| oxlint: | |
| runs-on: ubuntu-24.04 | |
| env: | |
| TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }} | |
| TURBO_CACHE: "remote:rw" | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - uses: pnpm/[email protected] | |
| - uses: actions/[email protected] | |
| with: | |
| node-version: 22 | |
| cache: "pnpm" | |
| - name: oxlint | |
| run: | | |
| pnpm install --frozen-lockfile | |
| pnpm oxlint -c .oxlintrc.json --quiet | |
| lint: | |
| runs-on: ubuntu-24.04 | |
| needs: [build] | |
| env: | |
| TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }} | |
| TURBO_CACHE: "remote:rw" | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - uses: pnpm/[email protected] | |
| - uses: actions/[email protected] | |
| with: | |
| node-version: 22 | |
| cache: "pnpm" | |
| - name: lint | |
| run: | | |
| pnpm install --frozen-lockfile | |
| pnpm run build | |
| pnpm run lint | |
| format: | |
| runs-on: ubuntu-24.04 | |
| env: | |
| TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }} | |
| TURBO_CACHE: "remote:rw" | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - uses: pnpm/[email protected] | |
| - uses: actions/[email protected] | |
| with: | |
| node-version: 22 | |
| cache: "pnpm" | |
| - run: | | |
| pnpm install --frozen-lockfile | |
| pnpm run format:ci | |
| test: | |
| runs-on: ubuntu-24.04 | |
| env: | |
| TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }} | |
| TURBO_CACHE: "remote:rw" | |
| needs: [typecheck, format] | |
| strategy: | |
| matrix: | |
| node: ["20", "22"] | |
| steps: | |
| - uses: actions/checkout@v4 | |
| with: | |
| fetch-depth: 10 | |
| - uses: pnpm/[email protected] | |
| - uses: actions/[email protected] | |
| with: | |
| node-version: ${{ matrix.node }} | |
| cache: "pnpm" | |
| - run: | | |
| pnpm install --frozen-lockfile | |
| pnpm run test:unit:coverage | |
| - uses: codecov/[email protected] | |
| with: | |
| # files: packages/**/coverage/cobertura-coverage.xmls | |
| token: ${{ secrets.CODECOV_TOKEN }} | |
| verbose: true | |
| # accessibility: | |
| # runs-on: ubuntu-22.04 | |
| # steps: | |
| # - uses: actions/checkout@v4 | |
| # with: | |
| # fetch-depth: '0' | |
| # - uses: pnpm/[email protected] | |
| # - name: Use Node.js | |
| # uses: actions/[email protected] | |
| # with: | |
| # node-version: 22 | |
| # cache: 'pnpm' | |
| # - run: pnpm install | |
| # - run: pnpm run build | |
| # - run: pnpm install | |
| # - run: pnpm run test:a11y | |
| publint: | |
| runs-on: ubuntu-24.04 | |
| env: | |
| TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }} | |
| TURBO_CACHE: "remote:rw" | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - uses: pnpm/[email protected] | |
| - name: publint | |
| uses: actions/[email protected] | |
| with: | |
| node-version: 22 | |
| cache: "pnpm" | |
| - run: | | |
| pnpm install --frozen-lockfile | |
| pnpm publint | |
| deploy: | |
| runs-on: ubuntu-24.04 | |
| needs: [publint, typecheck, build] | |
| env: | |
| IMAGE_NAME: rg.fr-par.scw.cloud/ultraviolet/storybook | |
| DEPLOYMENT_NAME: "storybook" | |
| TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }} | |
| TURBO_CACHE: "remote:rw" | |
| # https://docs.github.com/en/actions/writing-workflows/choosing-what-your-workflow-does/accessing-contextual-information-about-workflow-runs#example-usage-of-the-jobs-context | |
| outputs: | |
| base_url: ${{ steps.deploy.outputs.url }} | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - name: Inject slug/short variables | |
| uses: rlespinasse/github-slug-action@v5 | |
| - name: Export custom variables | |
| run: | | |
| SAFE_GITHUB_HEAD_REF_SLUG_URL=$(echo $GITHUB_HEAD_REF_SLUG_URL-$DEPLOYMENT_NAME | rev | cut -c-37 | rev | awk '{gsub(/^-/, ""); print}') | |
| ([[ $GITHUB_REF == 'refs/heads/main' ]] && echo "STORYBOOK_BRANCH_SLUG=main" || echo "STORYBOOK_BRANCH_SLUG=$SAFE_GITHUB_HEAD_REF_SLUG_URL") >> $GITHUB_ENV | |
| - name: Start deployment | |
| uses: bobheadxi/[email protected] | |
| id: deployment | |
| with: | |
| step: start | |
| token: ${{ secrets.GH_TOKEN }} | |
| env: ${{ env.DEPLOYMENT_NAME }} | |
| ref: ${{ github.head_ref }} | |
| - name: Cache Docker layers | |
| uses: actions/cache@v4 | |
| with: | |
| path: /tmp/.buildx-cache | |
| key: ${{ runner.os }}-buildx-${{ github.sha }} | |
| restore-keys: | | |
| ${{ runner.os }}-buildx- | |
| - name: Set up Docker Buildx | |
| uses: docker/setup-buildx-action@v3 | |
| - name: Login to Registry | |
| uses: docker/login-action@v3 | |
| with: | |
| registry: rg.fr-par.scw.cloud/ultraviolet | |
| username: nologin | |
| password: ${{ secrets.SCW_SECRET_KEY }} | |
| - name: Build | |
| uses: docker/build-push-action@v6 | |
| env: | |
| IMAGE: ${{ env.IMAGE_NAME }}:${{ env.STORYBOOK_BRANCH_SLUG }} | |
| SOURCE_DATE_EPOCH: 0 | |
| TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }} | |
| with: | |
| push: true | |
| tags: ${{ env.IMAGE }} | |
| file: Dockerfile | |
| cache-from: type=local,src=/tmp/docs/.buildx-cache | |
| cache-to: type=local,dest=/tmp/docs/.buildx-cache-new,mode=max | |
| - name: Set scw_max_concurrency | |
| id: set-max-concurrency | |
| run: | | |
| if [[ "${{ env.STORYBOOK_BRANCH_SLUG }}" == "main" ]]; then | |
| echo "SCW_MAX_CONCURRENCY=30" >> $GITHUB_ENV | |
| else | |
| echo "SCW_MAX_CONCURRENCY=10" >> $GITHUB_ENV | |
| fi | |
| - name: Set scw_min_scale | |
| id: set-min-scale | |
| run: | | |
| if [[ "${{ env.STORYBOOK_BRANCH_SLUG }}" == "main" ]]; then | |
| echo "SCW_MIN_SCALE=1" >> $GITHUB_ENV | |
| else | |
| echo "SCW_MIN_SCALE=0" >> $GITHUB_ENV | |
| fi | |
| - name: Set scw_limit | |
| id: set-cpu-limit | |
| run: | | |
| if [[ "${{ env.STORYBOOK_BRANCH_SLUG }}" == "main" ]]; then | |
| echo "SCW_CPU_LIMIT=500" >> $GITHUB_ENV | |
| echo "SCW_MEMORY_LIMIT=1024" >> $GITHUB_ENV | |
| else | |
| echo "SCW_CPU_LIMIT=250" >> $GITHUB_ENV | |
| echo "SCW_MEMORY_LIMIT=256" >> $GITHUB_ENV | |
| fi | |
| - name: Deploy Serverless Container Scaleway | |
| uses: philibea/[email protected] | |
| id: deploy | |
| with: | |
| type: "deploy" | |
| scw_dns: "storybook.ultraviolet.scaleway.com" | |
| root_zone: ${{ env.STORYBOOK_BRANCH_SLUG == 'main' }} | |
| scw_access_key: ${{ secrets.SCW_ACCESS_KEY }} | |
| scw_secret_key: ${{ secrets.SCW_SECRET_KEY }} | |
| scw_containers_namespace_id: ${{ secrets.SCW_CONTAINERS_NAMESPACE_ID }} | |
| scw_environment_variables: "GITHUB=DEPLOY" | |
| scw_registry: ${{ env.IMAGE_NAME }}:${{ env.STORYBOOK_BRANCH_SLUG }} | |
| scw_min_scale: ${{ env.SCW_MIN_SCALE }} | |
| scw_cpu_limit: ${{ env.SCW_CPU_LIMIT }} | |
| scw_max_concurrency: ${{ env.SCW_MAX_CONCURRENCY }} | |
| scw_sandbox: "v2" | |
| scw_memory_limit: ${{ env.SCW_MEMORY_LIMIT }} | |
| - name: Update deployment status | |
| uses: bobheadxi/[email protected] | |
| if: always() | |
| with: | |
| step: finish | |
| env: ${{ env.DEPLOYMENT_NAME }} | |
| token: ${{ secrets.GH_TOKEN }} | |
| auto_inactive: true | |
| # This will now be automatically handled by github with the auto_inactive | |
| override: false | |
| status: ${{ job.status }} | |
| deployment_id: ${{ steps.deployment.outputs.deployment_id }} | |
| env_url: ${{ steps.deploy.outputs.url }} | |
| - name: Move cache | |
| run: | | |
| rm -rf /tmp/docs/.buildx-cache | |
| mv /tmp/docs/.buildx-cache-new /tmp/docs/.buildx-cache | |
| e2e: | |
| timeout-minutes: 5 | |
| runs-on: ubuntu-latest | |
| needs: [deploy] | |
| env: | |
| CI: true | |
| TURBO_CACHE: "remote:rw" | |
| BASE_URL: ${{ needs.deploy.outputs.base_url }} | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - uses: pnpm/[email protected] | |
| - uses: actions/[email protected] | |
| with: | |
| node-version: 22 | |
| cache: "pnpm" | |
| - name: install pnpm deps | |
| run: | | |
| pnpm install --frozen-lockfile | |
| pnpm exec playwright install --with-deps | |
| - name: run e2e | |
| run: pnpm run test:e2e | |
| - uses: actions/upload-artifact@v4 | |
| if: ${{ !cancelled() }} | |
| with: | |
| name: playwright-report | |
| path: playwright-report/ | |
| retention-days: 5 |