feat(a11y): add glass-tint-blue to input focus states #13
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: Liquid Glass Visual Regression Tests | |
| on: | |
| push: | |
| branches: [main] | |
| pull_request: | |
| branches: [main] | |
| jobs: | |
| liquid-glass-visual-regression: | |
| runs-on: ubuntu-latest | |
| container: | |
| image: mcr.microsoft.com/playwright:v1.49.0-noble | |
| options: --user 1001 | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v4 | |
| - name: Setup pnpm | |
| uses: pnpm/action-setup@v4 | |
| - name: Setup Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: '22' | |
| - name: Install dependencies | |
| run: pnpm install --frozen-lockfile | |
| - name: Build application | |
| run: pnpm build | |
| - name: Run Liquid Glass Visual Regression Tests | |
| run: | | |
| npx playwright test e2e/liquid-glass-visual-regression.spec.ts \ | |
| --project="Desktop-LiquidGlassLight" \ | |
| --project="Desktop-LiquidGlassDark" \ | |
| --project="Desktop-LiquidGlassCoffee" \ | |
| --project="Tablet-LiquidGlassLight" \ | |
| --project="Tablet-LiquidGlassDark" \ | |
| --project="Tablet-LiquidGlassCoffee" \ | |
| --project="Mobile-LiquidGlassLight" \ | |
| --project="Mobile-LiquidGlassDark" \ | |
| --project="Mobile-LiquidGlassCoffee" \ | |
| --reporter=html | |
| continue-on-error: true | |
| - name: Upload HTML report | |
| uses: actions/upload-artifact@v4 | |
| if: always() | |
| with: | |
| name: liquid-glass-visual-regression-report | |
| path: playwright-report/ | |
| retention-days: 30 | |
| - name: Upload test results | |
| uses: actions/upload-artifact@v4 | |
| if: always() | |
| with: | |
| name: liquid-glass-visual-regression-results | |
| path: test-results/ | |
| retention-days: 30 | |
| - name: Upload snapshot diffs on failure | |
| uses: actions/upload-artifact@v4 | |
| if: failure() | |
| with: | |
| name: liquid-glass-snapshot-diffs | |
| path: | | |
| e2e/liquid-glass-visual-regression.spec.ts-snapshots/*-diff.png | |
| test-results/**/*-diff.png | |
| retention-days: 7 |