mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-06-19 21:31:46 +00:00
Maurice
fc7d8b5d12
Brownfield strangler migration of the backend onto NestJS modules (auth, trips, days, places, assignments, packing, todo, budget, reservations, collab, files, photos, journey, share, settings, backup, oidc, oauth, admin, atlas, vacay, weather, airports, maps, categories, tags, notifications, system-notices) served through a per-prefix dispatcher, keeping the existing SQLite/better-sqlite3 DB and JWT httpOnly cookie auth, with behavioural parity for every route. Client: React 19 upgrade, "page = wiring container + data hook" pattern across all pages, per-domain Zustand stores bound to @trek/shared contracts, and decomposition of the large components (DayPlanSidebar, PackingListPanel, CollabNotes, FileManager, MemoriesPanel, PlacesSidebar, CollabChat, SystemNoticeModal, BudgetPanel, PlaceFormModal, ...) into focused render units backed by in-file hooks. Apply the shared global request pipeline (helmet/CSP, CORS, HSTS, forced HTTPS, the global MFA policy and request logging) to the NestJS instance as well, so a migrated route is protected identically to the legacy fallback rather than bypassing it.
26 lines
1.2 KiB
TypeScript
26 lines
1.2 KiB
TypeScript
import { test, expect } from '@playwright/test'
|
|
|
|
// Trip lifecycle (core): from the dashboard, open the new-trip modal, name the
|
|
// trip, submit, and confirm it shows up on the dashboard. Exercises the whole
|
|
// authenticated stack — dashboard → TripFormModal → POST /api/trips → store →
|
|
// re-render — against the real backend + isolated test DB.
|
|
test('create a trip and see it on the dashboard', async ({ page }) => {
|
|
await page.goto('/dashboard')
|
|
|
|
// The "+ New Trip" card is always rendered in the default (planned) filter.
|
|
await page.locator('.add-trip-card').click()
|
|
|
|
// Scope to the shared Modal (.modal-backdrop). Its form has no in-form submit
|
|
// button (the primary action lives in the footer), so click it explicitly
|
|
// rather than pressing Enter. The Create button is the slate primary button;
|
|
// Cancel is the bordered one.
|
|
const modal = page.locator('.modal-backdrop')
|
|
await expect(modal).toBeVisible()
|
|
|
|
const title = `E2E Trip ${Date.now()}`
|
|
await modal.locator('input[type="text"]').first().fill(title)
|
|
await modal.getByRole('button', { name: 'Create New Trip' }).click()
|
|
|
|
await expect(page.getByText(title).first()).toBeVisible({ timeout: 15_000 })
|
|
})
|