import { test, clearNotices } from './shot'
import { readFileSync } from 'node:fs'
import path from 'node:path'

/**
 * Trip-planner tabs and dialogs.
 *
 * Tabs are reached by their visible label rather than a test id, deliberately:
 * if a label is renamed (as Budget → Costs was in 3.3.0) this run fails loudly
 * instead of silently capturing the wrong panel — which is exactly how the
 * current wiki ended up with screenshots the text contradicts.
 */

const seed = JSON.parse(
  readFileSync(path.join(process.cwd(), 'e2e', '.tmp', 'seed.json'), 'utf8'),
) as { tripId: number }

test.beforeEach(async ({ page }) => {
  await page.goto(`/trips/${seed.tripId}`)
  await clearNotices(page)
})

async function openTab(page: import('@playwright/test').Page, label: string) {
  await page.getByRole('button', { name: label, exact: true }).first().click()
  await page.waitForTimeout(700)
}

test('costs panel', async ({ page, shot }) => {
  await openTab(page, 'Costs')
  await shot.page_('Costs')
})

test('lists — packing', async ({ page, shot }) => {
  await openTab(page, 'Lists')
  await shot.page_('PackingList')
})

test('transports', async ({ page, shot }) => {
  await openTab(page, 'Transports')
  await shot.page_('Transports')
})

test('bookings', async ({ page, shot }) => {
  await openTab(page, 'Book')
  await shot.page_('Bookings')
})