vince/dimensionlab-website
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Add visual QA, accessibility, and release checks #10

New issue
Closed
opened 2026-06-18 16:13:07 +02:00 by vince · 1 comment
vince commented 2026-06-18 16:13:07 +02:00
Owner
Copy link

Parent: #1

Design reference

System overview dashboard reference

Goal

Create the quality gate for shipping the dashboard as a real product page, including visual regression against the reference direction, accessibility, and production readiness.

Scope

  • Add vitest unit tests for schemas, validation, model helpers, datasource normalization, and persistence helpers.
  • Add Playwright-based smoke tests for desktop and mobile dashboard rendering.
  • Add Playwright screenshot capture/regression checks for the main one-page dashboard states.
  • Add accessibility checks for keyboard navigation, focus visibility, contrast, landmark structure, and reduced motion.
  • Use msw to mock external APIs in tests and previews.
  • Add tests that assert presentation code remains free of Dimension Lab-specific content.
  • Add build/check/test commands suitable for CI.
  • Add production deployment notes for the initial self-hosted/container path.

Acceptance criteria

  • Automated checks cover desktop and mobile viewport rendering.
  • Keyboard navigation reaches interactive service links and controls in a logical order.
  • Reduced-motion preference is respected.
  • Tests fail if content strings leak into the presentation tier.
  • CI-ready commands are documented and pass locally.
  • External API behavior can be tested without live Prometheus/status/weather services.

Out of scope

  • Full hosted demo environment.
  • Browser-based visual editor.
  • Performance budget beyond basic first-pass checks.
Parent: #1 ## Design reference ![System overview dashboard reference](https://git.dimensionlab.net/attachments/39e9396a-a4cc-4110-aadd-633bda94cd03) ## Goal Create the quality gate for shipping the dashboard as a real product page, including visual regression against the reference direction, accessibility, and production readiness. ## Scope - Add `vitest` unit tests for schemas, validation, model helpers, datasource normalization, and persistence helpers. - Add Playwright-based smoke tests for desktop and mobile dashboard rendering. - Add Playwright screenshot capture/regression checks for the main one-page dashboard states. - Add accessibility checks for keyboard navigation, focus visibility, contrast, landmark structure, and reduced motion. - Use `msw` to mock external APIs in tests and previews. - Add tests that assert presentation code remains free of Dimension Lab-specific content. - Add build/check/test commands suitable for CI. - Add production deployment notes for the initial self-hosted/container path. ## Acceptance criteria - Automated checks cover desktop and mobile viewport rendering. - Keyboard navigation reaches interactive service links and controls in a logical order. - Reduced-motion preference is respected. - Tests fail if content strings leak into the presentation tier. - CI-ready commands are documented and pass locally. - External API behavior can be tested without live Prometheus/status/weather services. ## Out of scope - Full hosted demo environment. - Browser-based visual editor. - Performance budget beyond basic first-pass checks.
vince added the
frontend
quality
 labels 2026-06-18 16:13:07 +02:00
vince commented 2026-06-18 19:55:39 +02:00
Author
Owner
Copy link

Completed by PR #21.

Implemented the MVP QA gate with:

  • built-adapter Playwright e2e checks on desktop and mobile
  • committed screenshot baselines
  • axe, landmark, focus order, and reduced-motion checks
  • presentation content-boundary tests
  • deterministic MSW datasource mocks wired into tests and Storybook
  • CI-ready bun run test:qa documentation

Verified with bun run test:qa; delta review reported no remaining issues.

Completed by PR #21. Implemented the MVP QA gate with: - built-adapter Playwright e2e checks on desktop and mobile - committed screenshot baselines - axe, landmark, focus order, and reduced-motion checks - presentation content-boundary tests - deterministic MSW datasource mocks wired into tests and Storybook - CI-ready `bun run test:qa` documentation Verified with `bun run test:qa`; delta review reported no remaining issues.
vince closed this issue 2026-06-18 19:55:39 +02:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
codex/remove-prompts-site-item
codex/use-host-deploy-runner
codex/document-forgejo-runner-deploy-option
codex/forgejo-actions-auto-deploy
codex/fix-initial-stale-health-summary
codex/dashboard-sse-events
codex/dashboard-batch-tiles
codex/dashboard-observability
codex/dashboard-adaptive-hydration
codex/dashboard-last-known-tiles
codex/dashboard-service-snapshot
codex/dashboard-tile-cache
codex/dashboard-hydration-scheduler
codex/dashboard-client-lifecycle
codex/fix-website-container-build
codex/independent-tile-hydration
codex/ui-submodule
codex/turbo-env-inputs
codex/ui-prop-type-exports
codex/turbo-ui-entrypoints
codex/turbo-package-exports
codex/turbo-pruned-container
codex/turbo-ui-filetree
codex/turbo-package-boundaries
codex/turbo-idiomatic-workspace
codex/turbo-component-library
codex/console-visual-system
codex/brutalist-theme-toggle
codex/light-mode-toggle
codex/react-migration
codex/agent-config-tier
codex/dashboard-type-balance
codex/dense-bookmark-dividers
codex/issue-1-observability-dashboard
codex/decorative-style-primitives
codex/issue-10-mvp-qa-gate
codex/issue-7-model-renderer
codex/issue-11-dimension-lab-seed
codex/issue-13-storybook
codex/issue-6-design-system
codex/issue-4-dashboard-persistence
codex/issue-3-dashboard-model
codex/issue-2-sveltekit-runtime
No results found.
Labels
Clear labels   
agent

AI-agent configuration surface and tool contracts

  
architecture

Product architecture and core technical decisions

  
backend

Server runtime, persistence, and APIs

  
frontend

Frontend UI, renderer, and visual system work

  
quality

Testing, accessibility, QA, and release readiness

  
telemetry

Metrics, health checks, status, and datasource integrations

  
umbrella

Tracks a multi-part design/build initiative

No labels
agent
architecture
backend
frontend
quality
telemetry
umbrella
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: vince/dimensionlab-website#10
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?