epic website

Guide for epic website

Epic: Website & News

✅ Mission WEBSITE-LINTING: Code Quality & Standards

Status: ✅ Complete Completed: 2026-01-22
Functional Changes:
  • The website codebase is now fully compliant with linting rules.
  • Reduced technical debt and potential runtime errors.

✅ Mission NEWS-CMS: Dynamic News System

Status: ✅ Complete Completed: 2026-01-22
Functional Changes:
  • Dynamic News: Website's news section is powered by file-based CMS/DB-backed CMS.
  • RSS Support: Players can subscribe via RSS readers at /feed.xml.
  • Admin UI: Ops users can manage news content via web interface.

✅ Mission WEB-TEST-COVERAGE: E2E & Unit Test Expansion

Status: ✅ Complete Completed: 2026-01-27
Goal: Achieve 100% coverage on core non-wiki flows (Auth, Checkout, Dashboard) and migrate wiki tests.
Functional Changes:

Infrastructure

  • Installed babel-plugin-istanbul for coverage instrumentation.
  • Configured NYC report merging to combine server/client coverage.

E2E Test Coverage (Playwright)

  • Auth: Login (Success/Fail), Register, Password Reset, Redirects.
  • Checkout: Cart → Address → Payment Mock → Confirmation.
  • Dashboard: Profile view, Order History, Setting updates.
  • Admin: Login guard, Dashboard load.
  • Community: Render verification, interactions.
  • FAQ: Render verification, expansion logic.
  • Legal: Privacy and Terms content verification.
  • News: Article list and detail view.
  • Register: Registration flow and validation.
  • Reserve: Reservation form submission.
  • Support: Support ticket submission.
  • Highscores: Leaderboard render, skill sorting, pagination.
  • Store: Product listing, cart operations, checkout flow.

Wiki Test Migration

  • Moved wiki.spec.ts and wiki-comprehensive.spec.ts from loh-website/e2e to loh-wiki/e2e.
  • Installed Playwright in loh-wiki with proper playwright.config.ts.
  • Added test:playwright scripts to loh-wiki/package.json.

New Unit Tests (Jest + RTL)

  • CartIcon.test.tsx - Cart icon render and badge display.
  • Footer.test.tsx - Footer links and copyright verification.
  • BondCrossSell.test.tsx - Bond upsell component with mocked API.
  • ReserveForm.test.tsx - Reservation form render tests.
Files Changed:
  • loh-website/e2e/*.spec.ts (13 new/modified spec files)
  • loh-website/__tests__/components/*.test.tsx (4 new unit tests)
  • loh-website/babel.config.js (new for Istanbul)
  • loh-website/playwright.config.ts (updated)
  • loh-wiki/playwright.config.ts (new)
  • loh-wiki/package.json (added Playwright deps & scripts)
  • loh-wiki/e2e/wiki.spec.ts (migrated)
  • loh-wiki/e2e/comprehensive.spec.ts (migrated)
Known Issues:
  • Navigation.test.tsx has pre-existing failures (multiple button elements).
  • faq.spec.ts animation test skipped (flaky timing).