Scrum 185 us 802 sprint 4 final qa integration e2 e and regression testing

[Sunny-Hasho]

Summary

This PR delivers full Sprint 4 QA integration and regression coverage for the current chat-session implementation. It rewrites outdated automation (backend xUnit, frontend Vitest, Playwright API/UI), aligns tests with current API/UI contracts, and improves browser-visible E2E execution with a dedicated slow headed Playwright flow.

SCRUM Ticket: SCRUM-185

---

Type of Change

• feat — New feature
• fix — Bug fix
• refactor — Code restructuring (no behaviour change)
• ci — CI/CD changes
• chore — Maintenance (deps, config, tooling)
• docs — Documentation update
• test — Adding or updating tests

---

Changes Made

• Rewrote Playwright API suites for current contracts:
  • chat-sessions.spec.ts, branching.spec.ts, notes.spec.ts, providers.spec.ts
  • replaced legacy canvas-era specs and updated shared API/global setup helpers
• Rewrote Playwright UI Sprint 4 journeys in tests/playwright/tests/ui/sprint4-flows.spec.ts:
  • canvas/session access checks
  • branch/note/export affordance checks
  • PDF selection-mode entry check
  • visible branch + note interaction flow for headed runs
• Added stable UI preview tooling:
  • ui-chrome-slow project (slowMo: 500) in playwright.config.ts
  • test:ui:slow script in tests/playwright/package.json
  • updated tests/playwright/README.md run docs
• Updated supporting automated coverage:
  • backend controller test additions for chat session/note/delete behavior
  • frontend service tests for current chat-session payload/route contracts
• Added QA artifacts:
  • output/test-contract-matrix.md
  • output/qa-regression-report.md

---

How to Test

1. Start full stack locally:
   • docker compose up --build
2. Run backend tests:
   • dotnet test backend/Coliee.API.Tests/Coliee.API.Tests.csproj
3. Run frontend tests:
   • cd frontend
   • npm test
4. Run Playwright API tests:
   • cd tests/playwright
   • npm run test:api
5. Run Playwright UI tests:
   • npm run test:ui
6. Run browser-visible slow flow:
   • npm run test:ui:slow -- tests/ui/sprint4-flows.spec.ts
7. Verify expected outcome:
   • backend/frontend/playwright suites pass
   • slow headed run visibly shows branching/note creation interactions

---

Screenshots (if applicable)

• Add Playwright HTML report screenshot for UI suite pass.
• Add headed/slow run screenshot (or short recording) showing branch and note interaction flow.
• Add QA report snapshot from output/qa-regression-report.md summary section.

---

Checklist

• Code follows the project's style guidelines
• Self-reviewed my own code
• Added/updated comments where necessary
• No new warnings or errors introduced
• Tested locally with docker compose up --build
• All CI checks pass

---