test(e2e): exhaustive click-through suite + destructive narrow tests

PR 14: adds a tier-3.5 Playwright pass that opens every refactored page,
clicks every visible button/link/role=button, and asserts no console
errors, no app-side network 4xx/5xx, and no click-time exceptions.

Helper:
- tests/helpers/click-everything.ts — shared `clickEverythingOnPage`
  with default skips for destructive selectors (archive, delete,
  transfer, sign-out), auto-closing of dialogs, and return-to-start
  after navigation.

Exhaustive specs (tests/e2e/exhaustive/):
- 01-yachts: list + detail + transfer dialog
- 02-companies: list + detail + add-membership dialog
- 03-reservations: berth list + detail reservations tab + reserve
  dialog
- 04-client-detail: list + detail walking every tab
- 05-eoi-generate: generate dialog opens with Documenso option
- 06-invoice-form: new-invoice dialog billing-entity toggle
- 07-berths: list + detail walking every tab
- 08-portal: client portal yachts / memberships / reservations
- 09-navigation: every primary nav target loads cleanly

Destructive specs (tests/e2e/destructive/):
- 01-yacht-archive: create-via-API → archive via UI → assert removed.
  Skips with a clear message when the global setup does not seed an
  owner client (avoids brittle failures while the full destructive
  fixture lands).

Playwright config: testDir hoisted to ./tests/e2e; new `exhaustive` and
`destructive` projects share the existing setup project. New scripts
test:e2e / test:e2e:smoke / test:e2e:exhaustive / test:e2e:destructive
in package.json drive each project independently.

CI integration deferred — no .github/workflows/* exists in this repo
yet, so the PR 14 task to wire a separate CI job is N/A. The new
projects will pick up automatically when a workflow lands.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Matt Ciaccio
2026-04-26 14:06:10 +02:00
parent 0ed401d083
commit 4c67b9dbd4
13 changed files with 678 additions and 3 deletions

View File

@@ -0,0 +1,41 @@
import { test, expect } from '@playwright/test';
import { login, navigateTo } from '../smoke/helpers';
const NAV_TARGETS = [
'/clients',
'/yachts',
'/companies',
'/berths',
'/interests',
'/invoices',
'/expenses',
];
test.describe('exhaustive: navigation', () => {
test.beforeEach(async ({ page }) => {
await login(page, 'super_admin');
});
test('every primary nav target loads without console or network errors', async ({ page }) => {
const errors: string[] = [];
page.on('console', (msg) => {
if (msg.type() === 'error')
errors.push(`[console:${page.url()}] ${msg.text().slice(0, 200)}`);
});
page.on('response', (resp) => {
if (resp.status() >= 500)
errors.push(`[network:${page.url()}] ${resp.status()} ${resp.url()}`);
});
for (const target of NAV_TARGETS) {
await navigateTo(page, target);
await page.waitForLoadState('networkidle');
// Confirm we landed on the requested page.
expect(page.url(), `navigation to ${target}`).toContain(target);
}
expect(errors, JSON.stringify(errors, null, 2)).toEqual([]);
});
});