Task: TASK-614 - Initiatives Page E2E Testing
Date: 2026-01-28
Status:
The Initiatives page has 4 unfixed bugs from iteration 1 and 6 new issues discovered. Core dashboard functionality (trend indicators, time estimates) is completely missing despite being prominently featured in the reference design.
- QA-001: Task trend hardcoded to 0
- QA-002: No trend indicators on any stat cards
- QA-003: Initiative cards missing time estimates
- QA-004: Grid layout will create 5 columns instead of 2
- QA-008 (Medium): Cost calculation uses hardcoded token rates
- QA-005-007, 009-010 (Low): Accessibility, UX, performance issues
Total Issues: 10
├─ Critical: 0
├─ High: 0
├─ Medium: 4 (40%)
└─ Low: 6 (60%)
What: Calculate and display trends for all stat cards Why: Core feature in reference design, critical for dashboard insight Impact: Users can't see progress over time Effort: ~4 hours (backend data + frontend display)
What: Add estimatedTimeRemaining to initiative cards
Why: Shown prominently in reference design
Impact: Users can't plan initiative completion
Effort: ~2 hours (calculation logic + prop passing)
What: Change grid from auto-fill to repeat(2, 1fr)
Why: Design specifies exactly 2 columns
Impact: Cards too narrow on wide screens
Effort: ~15 minutes (CSS one-liner)
✓ Page loads without errors ✓ Stat cards display correct values ✓ Initiative cards show progress, cost, tokens ✓ Empty/error/loading states implemented ✓ Mobile responsive design working ✓ Status badges color-coded correctly
✗ Trend indicators on all stat cards ✗ Time estimates on initiative cards ✗ Correct grid column count ✗ Temporal data for task trends ✗ Search/filter functionality ✗ Loading state on navigation
Approach: Code analysis against reference design Confidence: 85-100% for code-based issues Limitation: Could not verify visual appearance, console errors, or runtime behavior without live browser testing
Recommendation: Follow up with live browser testing using Playwright to:
- Verify actual visual appearance
- Check for console errors
- Test interaction flows
- Capture comparison screenshots
web/src/components/initiatives/InitiativesView.tsx(main issues)web/src/components/initiatives/InitiativesView.css(grid layout)web/src/components/initiatives/StatsRow.tsx(trend display)web/src/components/initiatives/InitiativeCard.tsx(accepts time prop, not used)
DO NOT MERGE until at least QA-002, QA-003, and QA-004 are fixed.
The page is functionally incomplete compared to the design specification. While the foundation is solid, critical dashboard features are missing.
- Full Report: QA-REPORT.md
- Detailed Findings: QA-FINDINGS.json
- Visual Comparison: VISUAL-COMPARISON.md
- Reference Design: example_ui/initiatives-dashboard.png