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

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

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

  test('berths list - tenancy-related affordances are clickable', async ({ page }) => {
    await navigateTo(page, '/berths');
    await page.waitForLoadState('networkidle');

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

  test('berth detail - tenancies tab opens and is interactive', async ({ page }) => {
    await navigateTo(page, '/berths');
    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 berths seeded');
      return;
    }
    await firstRow.click();
    await page.waitForURL(new RegExp(`/${PORT_SLUG}/berths/[^/]+`), { timeout: 10_000 });
    await page.waitForLoadState('networkidle');

    const tenanciesTab = page.getByRole('tab', { name: /tenancies/i }).first();
    if (await tenanciesTab.isVisible({ timeout: 3000 }).catch(() => false)) {
      await tenanciesTab.click();
      await page.waitForLoadState('networkidle');
    }

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

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

    const createBtn = page.getByRole('button', { name: /create tenancy|reserve/i }).first();
    if (await createBtn.isVisible({ timeout: 3000 }).catch(() => false)) {
      await createBtn.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 });
    }
  });
});