pn-new-crm/tests/e2e/exhaustive/04-client-detail.spec.ts

import { test, expect } from '@playwright/test';

import { clickEverythingOnPage } from '../../helpers/click-everything';
import { login, navigateTo, PORT_SLUG } from '../smoke/helpers';

test.describe('exhaustive: client detail (refactored)', () => {
  test.beforeEach(async ({ page }) => {
    await login(page, 'super_admin');
  });

  test('list page', async ({ page }) => {
    await navigateTo(page, '/clients');
    await page.waitForLoadState('networkidle');

    const result = await clickEverythingOnPage(page);
    expect(result.errors, JSON.stringify(result.errors, null, 2)).toEqual([]);
  });

  test('detail page — every tab and button (yachts / memberships / reservations / etc.)', async ({
    page,
  }) => {
    await navigateTo(page, '/clients');
    await page.waitForLoadState('networkidle');

    const firstRow = page.locator('tbody tr a, tbody tr button').first();
    if (!(await firstRow.isVisible({ timeout: 3000 }).catch(() => false))) {
      test.skip(true, 'no clients seeded');
      return;
    }
    await firstRow.click();
    await page.waitForURL(new RegExp(`/${PORT_SLUG}/clients/[^/]+`), { timeout: 10_000 });
    await page.waitForLoadState('networkidle');

    // Walk every tab — the refactor added yachts/memberships/reservations tabs.
    const tabs = await page.getByRole('tab').all();
    for (const tab of tabs) {
      if (await tab.isVisible({ timeout: 250 }).catch(() => false)) {
        await tab.click();
        await page.waitForLoadState('networkidle');
      }
    }

    const result = await clickEverythingOnPage(page);
    expect(result.errors, JSON.stringify(result.errors, null, 2)).toEqual([]);
  });
});