Skip to content

fix(e2e): update dashboard tests for timeline card split and UX review fixes#734

Closed
steilerDev wants to merge 4 commits intobetafrom
fix/733-e2e-dashboard-timeline-split
Closed

fix(e2e): update dashboard tests for timeline card split and UX review fixes#734
steilerDev wants to merge 4 commits intobetafrom
fix/733-e2e-dashboard-timeline-split

Conversation

@steilerDev
Copy link
Owner

Summary

Changes

  • e2e/pages/DashboardPage.ts: Updated DashboardCardId type and CARD_TITLES (10 entries)
  • e2e/tests/navigation/dashboard.spec.ts: Updated card count assertions, replaced "Timeline Status" test with 3 timeline card tests
  • client/src/components/MiniGanttCard/MiniGanttCard.tsx: Removed dead code, replaced hardcoded fill="white" with design token
  • client/src/styles/tokens.css: Added --color-warning-bg token (light + dark)

Test plan

  • E2E shards 4, 9, 15 pass (dashboard tests)
  • All other shards unaffected

🤖 Generated with Claude Code

claude added 4 commits March 10, 2026 10:33
**Fix #731 — Invoice Pipeline Click-Through**
- Wrap invoice row content in Link component
- Navigate to /budget/invoices/{id} on click
- Add itemLink CSS class for flex layout and focus states

**Fix #730 — Split Timeline Status into Separate Cards**
- Replace timeline-status card ID with three new IDs: upcoming-milestones, work-item-progress, critical-path
- Remove cardSection and sectionHeader wrapper divs from sub-card components
- Add milestone title Link to /schedule/milestones/{id}
- Add critical path deadline Link to /work-items/{id}
- Delete unused TimelineStatusCards.tsx wrapper and AtRiskItemsCard.tsx
- Update CARD_DEFINITIONS to render 3 separate cards instead of composite

**Fix #729 — Mini Gantt Current Week Redesign**
- Change layout: ROW_HEIGHT 24→36, BAR_HEIGHT 16→24, BAR_HEIGHT_OFFSET 4→6, HEADER_HEIGHT 24→32
- Compute Monday-anchored week instead of 30-day window
- Change header labels: day-of-month → day-of-week (Mon, Tue, etc.)
- Simplify grid: 31 mixed-weight lines → 8 uniform day-boundary lines
- Update today marker to compute relative to week start, only render if within bounds
- Add title text labels on bars (truncated if width < 40px)
- Remove dependency arrow rendering entirely
- Update empty state: "next 30 days" → "this week"
- Update SVG aria-label to reference "this week"

Co-Authored-By: Claude frontend-developer (Haiku 4.5) <[email protected]>
- Delete AtRiskItemsCard.test.tsx (component removed in #730 split)
- InvoicePipelineCard: add Test 13 verifying each invoice row links to
  /budget/invoices/<id> (Fix #731 click-through)
- UpcomingMilestonesCard: add Test 11 verifying milestone title links
  to /schedule/milestones/:id (Fix #730 heading/link changes)
- CriticalPathCard: add Test 11 verifying deadline links to
  /work-items/:id (Fix #730 heading/link changes)
- MiniGanttCard: add daysFromMonday() helper, update all date fixtures
  to use Mon-Sun week window, update empty state text to
  "No work items scheduled this week", replace dependency-arrow line
  count test with grid-line stability assertion (8 lines, no dep
  arrows), update SVG aria-label assertion to include "this week"
  (Fix #729 mini Gantt current week redesign)
- DashboardPage: replace 'Timeline Status' with 'Upcoming Milestones',
  'Work Item Progress', 'Critical Path' in ALL_CARD_TITLES, update
  skeleton count 14→18 (9 data-backed cards × 2 layouts), fix Test 18
  sibling card assertion to use 'Upcoming Milestones'

Fixes #729, #730, #731

Co-Authored-By: Claude qa-integration-tester (Sonnet 4.5) <[email protected]>
…code

- MiniGanttCard.tsx: Remove dead dependency arrow code (itemRowMap, visibleDependencies useMemo blocks, arrowDefault/arrowCritical color properties) — dependency arrows were previously removed, leaving stale code behind
- MiniGanttCard.tsx: Replace hardcoded fill="white" on bar text with design token (--color-text-inverse) for dark mode compatibility
- tokens.css: Add missing --color-warning-bg token (light: #fff7ed, dark: rgba(251, 146, 60, 0.1)) used by .badgeYellow in TimelineStatusCards and HouseholdItemDetailPage

Co-Authored-By: Claude frontend-developer (Haiku 4.5) <[email protected]>
Replace the single 'Timeline Status' card references with the three
separate cards introduced during UAT fixes: 'Upcoming Milestones',
'Work Item Progress', and 'Critical Path'. Updates DashboardCardId
type, CARD_TITLES array, Scenario 2/4 test descriptions, and the
dismiss button count assertion from 8 to 10.

Co-Authored-By: Claude e2e-test-engineer (Opus 4.6) <[email protected]>
@steilerDev
Copy link
Owner Author

Closing — will recreate from fresh beta base

@steilerDev steilerDev closed this Mar 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants