Skip to content

Comments

feat: work order list view refactor — card grid to enriched rows#253

Open
daveharmswebdev wants to merge 1 commit intomainfrom
feature/workorder-list-view
Open

feat: work order list view refactor — card grid to enriched rows#253
daveharmswebdev wants to merge 1 commit intomainfrom
feature/workorder-list-view

Conversation

@daveharmswebdev
Copy link
Owner

Summary

  • Story 16-8: Refactored work order list from card grid layout to enriched two-line row layout for better scannability and information density
  • Rows feature color-coded status chips (Reported/Assigned/Completed), column-aligned fields with subtle vertical separators, expand/collapse detail panels, and delete confirmation from the list
  • Mobile responsive reflow at <768px stacks rows into compact cards; category hidden at <1200px
  • Zero changes to store, service, API, routing, or any files outside the component + spec + E2E tests

Changes

File Change
work-orders.component.ts Template + CSS refactor: card grid → enriched row list, expand/collapse, delete confirmation, column separators
work-orders.component.spec.ts Updated selectors, 19 new tests (2484 total passing)
e2e/pages/work-order-list.page.ts New page object for E2E tests
e2e/tests/work-orders/work-order-list.spec.ts 10 new E2E tests with page.route() API interception
e2e/fixtures/test-fixtures.ts Added WorkOrderListPage fixture
sprint-status.yaml Marked 16-8 done
16-8-work-order-list-view-refactor.md Story completion notes

Test plan

  • All 2484 unit tests passing (107 files)
  • 10 new E2E tests covering row layout, expand/collapse, delete dialog, filters, status chips
  • Visual QA: desktop (1280px) and mobile (375px) verified via Playwright screenshots
  • CI pipeline passes
  • Manual verification of row click → detail navigation
  • Manual verification of edit/delete actions from list

🤖 Generated with Claude Code

…16-8)

Replace card grid with two-line enriched rows for better scannability and
information density. Rows feature color-coded status chips, column-aligned
fields with visual separators, expand/collapse detail panels, and delete
confirmation from the list. Mobile responsive reflow at <768px breakpoint.

- 19 new unit tests (2484 total passing)
- 10 new E2E tests with API interception
- Zero changes to store, service, or API

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
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.

1 participant