[0xgleb]

Motivation

No test spans the frontend and backend, so when a backend route the frontend consumes is removed or changes shape, every suite stays green and the drift ships -- exactly how the removed GET /hyperliquid/markets (#429) blanked the Portfolio page's ALL SYMBOLS panel in prod.

Closes #438

Solution

• Playwright drives the real frontend through the dev-server proxy against the real backend binary, with a deterministic mock Hyperliquid as the only stubbed system.
• Asserts the Portfolio page renders the symbols the backend serves, plus the response shapes the frontend parsers require (including the order-routing assetIndex).
• A new CI workflow runs the suite on every PR touching frontend/** or src/**.

---

This is part 1 of 3 in a stack made with GitButler:

• 👉 guard the frontend/backend endpoint contract end-to-end #441 (guard the frontend/backend endpoint contract end-to-end)
• add a playwright visual regression suite for the frontend #440 (add a playwright visual regression suite for the frontend)
• fix repository-managed frontend startup #469 (fix repository-managed frontend startup)

[coderabbitai]

Caution

Review failed

An error occurred during the review process. Please try again later.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/contract-e2e

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}