Strengthen dashboard state and accessibility tests (codex)

[numnx]

🧩 Task: Strengthen dashboard state and accessibility tests

Automated task PR opened by Code UX for T07.

📋 Summary

Sprint: Sprint 143 · QS: Coverage Observability and CI Reliability Audit · Task: T07

Strengthen Code UX coverage observability and CI reliability through enforceable tests, workflow hardening, structured observability guarantees, security validation, and aligned operational documentation without lowering coverage thresholds.

📝 Full Task Prompt

## Objective
Close dashboard quality gaps with enforceable tests for accessibility-relevant DOM, destructive confirmation flows, cache invalidation, reduced motion, and loading/error/empty states.

## Scope
- `dashboard/src/v2/components/**`
- `dashboard/src/v2/hooks/**`
- `dashboard/src/v2/lib/motion/**`
- `dashboard/src/v2/lib/**`
- `tests/dashboard/accessibility/dashboard-quality-regressions.test.tsx`
- `tests/dashboard/components/ui/ActionFeedbackRegion.test.tsx`
- `tests/dashboard/v2/settings-danger-panel.test.tsx`
- `tests/dashboard/v2/settings-page-state.test.tsx`
- `tests/dashboard/v2/runtime-event-feed.test.tsx`
- `tests/dashboard/v2/use-project-effective-settings.test.tsx`
- `tests/dashboard/hooks/use-realtime-resource.test.tsx`
- `dashboard/src/v2/components/__tests__/NotificationPanel.test.tsx`
- `dashboard/src/v2/lib/__tests__/motion/interaction-tokens.test.tsx`
- `docs/development/testing-and-quality.md`
- Current verification gap: dashboard tests are broad, but the audit needs explicit assertions for accessible semantics, confirmations, cache invalidation, reduced motion, and async user states.
- Desired guarantee: user-facing dashboard flows remain keyboard/screen-reader friendly, destructive actions use confirmation state correctly, realtime/cache updates invalidate predictably, and reduced motion avoids animation-only behavior.

## Implementation Requirements
1. Add accessibility-focused assertions for landmark roles, dialog names, button accessible names, focus restoration, and visible status/alert regions in the most relevant existing dashboard tests.
2. Extend destructive flow tests to verify `useConfirmDialog`/`ConfirmDialog` behavior for Escape, cancel, pending state, and focus restoration on settings or task actions.
3. Add cache invalidation tests for settings/project effective settings or realtime resources so matching events refresh state while unrelated events do not.
4. Add reduced-motion tests for motion tokens/hooks and one component path that should disable or simplify animations when reduced motion is enabled.
5. Add explicit loading, error, and empty-state assertions for runtime event feed, notification panel, or relevant route-level components without relying on brittle implementation-only selectors.
6. Document dashboard testing expectations and focused commands in `docs/development/testing-and-quality.md`.

## Constraints
- Do not install additional UI or test libraries.
- Prefer role/name/text queries over class-name assertions except where animation classes are the behavior under test.
- Preserve existing visual design and component APIs unless tests expose a real accessibility or state bug.
- Keep tests deterministic by mocking realtime clients, timers, and fetch responses.

## Verification
- `pnpm run test:dashboard -- tests/dashboard/accessibility/dashboard-quality-regressions.test.tsx tests/dashboard/components/ui/ActionFeedbackRegion.test.tsx tests/dashboard/v2/settings-danger-panel.test.tsx tests/dashboard/v2/settings-page-state.test.tsx tests/dashboard/v2/runtime-event-feed.test.tsx tests/dashboard/v2/use-project-effective-settings.test.tsx tests/dashboard/hooks/use-realtime-resource.test.tsx dashboard/src/v2/components/__tests__/NotificationPanel.test.tsx dashboard/src/v2/lib/__tests__/motion/interaction-tokens.test.tsx`
- `pnpm run test:dashboard`
- `pnpm run typecheck:dashboard`
- `pnpm run build`
- Success means dashboard tests fail on accessibility, confirmation, reduced-motion, cache invalidation, and async-state regressions while using stable user-facing assertions.

✅ QA Review

⏳ QA review runs after this PR is opened. Check the task card in the dashboard for the outcome once it lands.

🤖 Model & Provider

Provider	Codex CLI
Model	gpt-5.5

⏱️ Timing

Started	2026-07-06 19:03:03 UTC
Finished	2026-07-06 19:14:18 UTC
Duration	11m 16s

📊 Token Usage

Metric	Value
Input tokens	217,428
Cached input tokens	3,168,128
Output tokens	11,648
Total tokens	3,397,204
Invocations	1
Tool calls	66
Active time	9m 30s

Included usage estimate (subscription/local login): $3.02

🌿 Branch Info

Base: feature/CODUX-143-qs-coverage-observability-and-ci-reliability-audit-3
Head: task/feature-codux-143-qs-coverage-observability-and--t07-codex-mr9l882g

---

🤖 Generated by Code UX