fix(a11y): make span metrics badges focusable to render tooltip conte… #3213
This file contains hidden or 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: | |
| pull_request: | |
| branches: | |
| - main | |
| push: | |
| branches: | |
| - main | |
| merge_group: | |
| branches: | |
| - main | |
| # cancel in-progress runs on new commits to same PR (gitub.event.number) | |
| concurrency: | |
| group: ${{ github.workflow }}-${{ github.event.number || github.sha }} | |
| cancel-in-progress: true | |
| permissions: | |
| contents: read | |
| jobs: | |
| lint: | |
| name: 🔠 Lint project | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1 | |
| - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0 | |
| with: | |
| node-version: lts/* | |
| - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c | |
| name: 🟧 Install pnpm | |
| # pnpm cache skipped deliberately as the project is not actually installed here | |
| - name: 🔠 Lint project | |
| run: node scripts/lint.ts | |
| types: | |
| name: 💪 Type check | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1 | |
| - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0 | |
| with: | |
| node-version: lts/* | |
| - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c | |
| name: 🟧 Install pnpm | |
| with: | |
| cache: true | |
| - name: 📦 Install dependencies | |
| run: pnpm install | |
| - name: 💪 Type check | |
| run: pnpm test:types | |
| unit: | |
| name: 🧪 Unit tests | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1 | |
| - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0 | |
| with: | |
| node-version: lts/* | |
| - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c | |
| name: 🟧 Install pnpm | |
| with: | |
| cache: true | |
| - name: 📦 Install dependencies | |
| run: pnpm install | |
| - name: 🧪 Unit tests | |
| run: pnpm test:unit --project unit run --coverage | |
| test: | |
| name: 🧪 Component tests | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1 | |
| - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0 | |
| with: | |
| node-version: lts/* | |
| - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c | |
| name: 🟧 Install pnpm | |
| with: | |
| cache: true | |
| - name: 📦 Install dependencies | |
| run: pnpm install | |
| - name: 🌐 Install browser | |
| run: pnpm playwright install chromium-headless-shell | |
| - name: 🧪 Component tests | |
| run: pnpm vite test --project nuxt run --coverage | |
| - name: Upload coverage reports to Codecov | |
| uses: codecov/codecov-action@671740ac38dd9b0130fbe1cec585b89eea48d3de # v5 | |
| env: | |
| CODECOV_TOKEN: 17b4bed9-d407-4ce2-9c10-2ccd4328a1d9 | |
| browser: | |
| name: 🖥️ Browser tests | |
| runs-on: ubuntu-latest | |
| container: | |
| image: mcr.microsoft.com/playwright:v1.58.0-noble | |
| steps: | |
| - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1 | |
| - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0 | |
| with: | |
| node-version: lts/* | |
| - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c | |
| name: 🟧 Install pnpm | |
| with: | |
| cache: true | |
| - name: 📦 Install dependencies | |
| run: pnpm install | |
| - name: 🏗️ Build project | |
| run: pnpm build:playwright | |
| - name: 🖥️ Test project (browser) | |
| run: pnpm test:browser:prebuilt | |
| a11y: | |
| name: ♿ Accessibility audit | |
| runs-on: ubuntu-latest | |
| strategy: | |
| matrix: | |
| mode: [dark, light] | |
| steps: | |
| - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1 | |
| - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0 | |
| with: | |
| node-version: lts/* | |
| - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c | |
| name: 🟧 Install pnpm | |
| with: | |
| cache: true | |
| - name: 📦 Install dependencies | |
| run: pnpm install | |
| - name: 🏗️ Build project | |
| run: NODE_ENV=test pnpm build | |
| - name: ♿ Accessibility audit (Lighthouse - ${{ matrix.mode }} mode) | |
| run: ./scripts/lighthouse-a11y.sh | |
| env: | |
| LHCI_GITHUB_APP_TOKEN: ${{ secrets.LHCI_GITHUB_APP_TOKEN }} | |
| LIGHTHOUSE_COLOR_MODE: ${{ matrix.mode }} | |
| knip: | |
| name: 🧹 Unused code check | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1 | |
| - uses: actions/setup-node@6044e13b5dc448c55e2357c09f80417699197238 # v6.2.0 | |
| with: | |
| node-version: lts/* | |
| - uses: pnpm/action-setup@1e1c8eafbd745f64b1ef30a7d7ed7965034c486c | |
| name: 🟧 Install pnpm | |
| with: | |
| cache: true | |
| - name: 📦 Install dependencies | |
| run: pnpm install | |
| - name: 🧹 Check for unused code | |
| run: pnpm knip |