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

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

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

  test('list page - every visible button/link is clickable without errors', async ({ page }) => {
    await navigateTo(page, '/yachts');
    await page.waitForLoadState('networkidle');

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

  test('detail page - every tab + button (skipping destructive)', async ({ page }) => {
    await navigateTo(page, '/yachts');
    await page.waitForLoadState('networkidle');

    // Click into the first yacht row.
    const firstRow = page.locator('tbody tr a, tbody tr button').first();
    if (await firstRow.isVisible({ timeout: 3000 }).catch(() => false)) {
      await firstRow.click();
      await page.waitForURL(new RegExp(`/${PORT_SLUG}/yachts/[^/]+`), { timeout: 10_000 });
      await page.waitForLoadState('networkidle');

      const result = await clickEverythingOnPage(page);
      expect(result.errors, JSON.stringify(result.errors, null, 2)).toEqual([]);
    } else {
      test.skip(true, 'no yachts seeded - list is empty');
    }
  });

  test('transfer-ownership dialog opens and closes cleanly', async ({ page }) => {
    await navigateTo(page, '/yachts');
    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 yachts seeded');
      return;
    }
    await firstRow.click();
    await page.waitForLoadState('networkidle');

    const transferBtn = page.getByRole('button', { name: /transfer/i }).first();
    if (await transferBtn.isVisible({ timeout: 3000 }).catch(() => false)) {
      await transferBtn.click();
      const dialog = page.getByRole('dialog');
      await expect(dialog).toBeVisible({ timeout: 5000 });
      const cancel = dialog.getByRole('button', { name: /cancel|close/i }).first();
      await cancel.click();
      await expect(dialog).toBeHidden({ timeout: 5000 });
    }
  });
});
