Fix test suite teardown and gate CI on tests plus header WCAG audit.

Repair Navigation and HeroSection assertions, stop deleting window.location in jsdom setup, and add validate/a11y-live GitHub workflows with type-check and test:ci scripts.

Co-authored-by: Cursor <[email protected]>
This commit is contained in:
defiQUG
2026-06-15 19:29:33 -07:00
co-authored by Cursor
parent 5c465d176e
commit d00ab4cbaf
8 changed files with 177 additions and 107 deletions
+43
View File
@@ -0,0 +1,43 @@
name: Live header accessibility audit
# Post-deploy / scheduled Lighthouse on production mim4u.org (requires Chrome).
on:
schedule:
- cron: '0 14 * * 1'
workflow_dispatch:
jobs:
lighthouse-a11y:
name: Lighthouse + WCAG header audit (live)
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Setup Node.js
uses: actions/setup-node@v4
with:
node-version: '22'
- name: Setup Chrome
uses: browser-actions/setup-chrome@v1
id: setup-chrome
- name: Run live header accessibility audit
run: |
export CHROME_PATH="${{ steps.setup-chrome.outputs.chrome-path }}"
if [[ -z "$CHROME_PATH" ]]; then
CHROME_PATH="$(command -v google-chrome || command -v chromium-browser)"
fi
export CHROME_PATH
npm run a11y:header-audit:live
- name: Upload audit reports
if: always()
uses: actions/upload-artifact@v4
with:
name: mim4u-a11y-reports
path: |
reports/status/mim4u-header-wcag-audit-latest.json
reports/status/lighthouse-a11y-mim4u-latest.json
if-no-files-found: warn
+38 -77
View File
@@ -2,86 +2,47 @@ name: Build and Deploy
on:
push:
branches: [ main ]
branches: [main]
pull_request:
branches: [ main ]
branches: [main]
jobs:
test:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Setup Node.js
uses: actions/setup-node@v3
with:
node-version: '18'
cache: 'npm'
- name: Install dependencies
run: npm ci
- name: Run type checking
run: npm run type-check
- name: Run linting
run: npm run lint
- name: Run tests
run: npm run test:ci
- name: Security audit
run: npm audit --audit-level moderate
build:
needs: test
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Setup Node.js
uses: actions/setup-node@v3
with:
node-version: '18'
cache: 'npm'
- name: Install dependencies
run: npm ci
- name: Build application
run: npm run build
env:
VITE_APP_VERSION: ${{ github.sha }}
VITE_BUILD_TIME: ${{ github.event.head_commit.timestamp }}
- name: Analyze bundle size
run: npx bundlesize
- name: Upload build artifacts
uses: actions/upload-artifact@v3
with:
name: dist
path: dist/
validate:
uses: ./.github/workflows/validate.yml
deploy:
needs: build
needs: validate
runs-on: ubuntu-latest
if: github.ref == 'refs/heads/main'
if: github.ref == 'refs/heads/main' && github.event_name == 'push'
permissions:
contents: write
pages: write
id-token: write
steps:
- uses: actions/checkout@v3
- name: Download build artifacts
uses: actions/download-artifact@v3
with:
name: dist
path: dist/
- name: Deploy to GitHub Pages
uses: peaceiris/actions-gh-pages@v3
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
publish_dir: ./dist
cname: miraclesinmotion.org
- uses: actions/checkout@v4
- name: Setup Node.js
uses: actions/setup-node@v4
with:
node-version: '22'
cache: npm
- name: Install ImageMagick (brand asset prebuild)
run: sudo apt-get update && sudo apt-get install -y imagemagick
- name: Install dependencies
run: npm ci
- name: Build application
run: npm run build
env:
VITE_APP_VERSION: ${{ github.sha }}
- name: Deploy to GitHub Pages
uses: peaceiris/actions-gh-pages@v4
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
publish_dir: ./dist
cname: mim4u.org
+68
View File
@@ -0,0 +1,68 @@
name: Validate
on:
push:
branches: [main]
pull_request:
branches: [main]
workflow_call:
concurrency:
group: validate-${{ github.ref }}
cancel-in-progress: true
jobs:
test-and-a11y:
name: Tests + header WCAG audit
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Setup Node.js
uses: actions/setup-node@v4
with:
node-version: '22'
cache: npm
- name: Install dependencies
run: npm ci
- name: Type check
run: npm run type-check
- name: Run unit tests
run: npm run test:ci
- name: Header WCAG contrast audit (token pairs)
run: npm run a11y:header-audit
build:
name: Production build
runs-on: ubuntu-latest
needs: test-and-a11y
steps:
- uses: actions/checkout@v4
- name: Setup Node.js
uses: actions/setup-node@v4
with:
node-version: '22'
cache: npm
- name: Install ImageMagick (brand asset prebuild)
run: sudo apt-get update && sudo apt-get install -y imagemagick
- name: Install dependencies
run: npm ci
- name: Build
run: npm run build
- name: Upload dist artifact
uses: actions/upload-artifact@v4
with:
name: dist
path: dist/
if-no-files-found: error