Playwright E2E tests for dapp wallet auth flow

[Cbiux]

Summary

Add Playwright E2E tests for the dapp wallet auth flow — connect, sign challenge, receive JWT, reach dashboard.

Unit tests cover Server crypto; this catches Front regressions (#11).

---

Setup

Directory: Front/e2e/

Tooling: @playwright/test

Mock strategy: Mock Freighter / Wallets Kit at browser level:

await page.addInitScript(() => {
  window.__MOCK_WALLET__ = {
    address: "GD4ELZEONXZANIWRJAED5JPBN7KJG6ZQ5AV46HRLZRTEFNKWJP3UFREL",
    signMessage: async () => "mock_base64_sig",
  };
});

Or use Playwright route interception on /api/auth/* with a running local API (npm run dev:server).

---

Test cases

Spec	Asserts
auth-register.spec.ts	/register → dashboard redirect, sessionStorage has token
auth-guard.spec.ts	/dashboard without session → redirect /login
auth-logout.spec.ts	Clear session → cannot access profile API

---

CI

Add job to .github/workflows/ci.yml:

e2e:
  runs-on: ubuntu-latest
  services:
    mysql: ...
  steps:
    - run: npm run dev:server &  # or test server
    - run: npx playwright test --prefix Front

---

Acceptance criteria

• npx playwright test passes locally with Docker MySQL
• Covers register + login happy path
• Runs in CI (or documented skip if flaky without wallet mock)
• Front/package.json scripts: test:e2e, test:e2e:ui

---

References

• Auth flow: Front/components/wallet-auth-card.tsx
• API client: Front/lib/api-client.ts

[xx7412421-cloud]

Hi maintainer, I’d like to take this if it is still available.

I can implement the Playwright coverage for the dapp wallet auth flow under Front/e2e/, with a scoped plan:

• mock the wallet connection/signing path at browser init or route level;
• cover register/login to dashboard with stored session state;
• cover unauthenticated dashboard redirect;
• cover logout/session cleanup behavior;
• keep the tests focused and runnable with the project’s existing frontend setup.

I’ll wait for assignment before opening a PR.