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

const EXPLORER_URL = process.env.EXPLORER_URL || 'https://explorer.d-bis.org'
const CANONICAL_CUSDT = '0x93E66202A11B1772E55407B32B44e5Cd8eda7f22'

test.describe('Explorer sprint smoke', () => {
  test('homepage dashboard loads', async ({ page }) => {
    await page.goto(`${EXPLORER_URL}/`, { waitUntil: 'domcontentloaded', timeout: 20000 })
    await expect(page.getByText(/Network overview/i)).toBeVisible({ timeout: 10000 })
    await expect(page.getByRole('heading', { name: /Recent Transactions/i })).toBeVisible({ timeout: 10000 })
  })

  test('wallet page loads', async ({ page }) => {
    await page.goto(`${EXPLORER_URL}/wallet`, { waitUntil: 'domcontentloaded', timeout: 20000 })
    await expect(page.getByRole('heading', { name: /Wallet Tools/i })).toBeVisible({ timeout: 10000 })
  })

  test('tokens page loads', async ({ page }) => {
    await page.goto(`${EXPLORER_URL}/tokens`, { waitUntil: 'domcontentloaded', timeout: 20000 })
    await expect(page.getByRole('heading', { name: /^Tokens$/i })).toBeVisible({ timeout: 10000 })
    await expect(page.getByText(/Canonical Chain 138 trading set/i).first()).toBeVisible({ timeout: 10000 })
  })

  test('canonical cUSDT token detail loads', async ({ page }) => {
    await page.goto(`${EXPLORER_URL}/tokens/${CANONICAL_CUSDT}`, { waitUntil: 'domcontentloaded', timeout: 20000 })
    await expect(page.getByText(/cUSDT|Tether/i).first()).toBeVisible({ timeout: 10000 })
  })

  test('operations hub loads extended token list note', async ({ page }) => {
    await page.goto(`${EXPLORER_URL}/operations`, { waitUntil: 'networkidle', timeout: 30000 })
    await expect(page.getByRole('heading', { name: /Operations Hub/i })).toBeVisible({ timeout: 10000 })
    await expect(page.getByText(/Extended Metamask dual-chain catalog/i).first()).toBeVisible({ timeout: 10000 })
  })

  test('bridge page loads CCIP route catalog', async ({ page }) => {
    await page.goto(`${EXPLORER_URL}/bridge`, { waitUntil: 'domcontentloaded', timeout: 30000 })
    await expect(page.getByRole('heading', { name: /Bridge & Relay Monitoring/i })).toBeVisible({ timeout: 15000 })
    await expect(page.getByText(/CCIP route catalog/i).first()).toBeVisible({ timeout: 15000 })
  })

  test('operations hub shows surface navigation', async ({ page }) => {
    await page.setViewportSize({ width: 1280, height: 720 })
    await page.goto(`${EXPLORER_URL}/operations`, { waitUntil: 'domcontentloaded', timeout: 30000 })
    await expect(page.getByRole('navigation', { name: /Operations surfaces/i })).toBeVisible({ timeout: 10000 })
    await expect(page.getByRole('link', { name: /Bridge/i }).first()).toBeVisible({ timeout: 10000 })
  })

  test('footer lists public API endpoints', async ({ page }) => {
    await page.goto(`${EXPLORER_URL}/`, { waitUntil: 'domcontentloaded', timeout: 20000 })
    await expect(page.getByRole('contentinfo').getByText(/Public APIs/i)).toBeVisible({ timeout: 10000 })
    await expect(page.getByRole('contentinfo').getByRole('link', { name: /Blockscout stats/i })).toBeVisible({ timeout: 10000 })
  })

  test('analytics page shows track 3 surface note', async ({ page }) => {
    await page.goto(`${EXPLORER_URL}/analytics`, { waitUntil: 'domcontentloaded', timeout: 30000 })
    await expect(page.getByRole('heading', { name: /Analytics & Network Activity/i })).toBeVisible({ timeout: 15000 })
    await expect(page.getByText(/Track 3 public surface/i).first()).toBeVisible({ timeout: 10000 })
  })

  test('operator page shows track 4 surface note', async ({ page }) => {
    await page.goto(`${EXPLORER_URL}/operator`, { waitUntil: 'domcontentloaded', timeout: 30000 })
    await expect(page.getByRole('heading', { name: /^Operator Surface$/i })).toBeVisible({ timeout: 15000 })
    await expect(page.getByText(/Track 4 public surface/i).first()).toBeVisible({ timeout: 10000 })
  })

  test('legacy SPA fallback loads', async ({ page }) => {
    await page.goto(`${EXPLORER_URL}/legacy/index.html`, { waitUntil: 'domcontentloaded', timeout: 30000 })
    await expect(page).toHaveTitle(/DBIS Explorer/i)
    await expect(page.getByRole('heading', { name: /Latest Blocks/i })).toBeVisible({ timeout: 15000 })
  })

  test('wallet connect config exposes browser-auth fallback', async ({ request }) => {
    const response = await request.get(`${EXPLORER_URL}/explorer-api/v1/walletconnect/config`)
    expect(response.ok()).toBeTruthy()
    const payload = await response.json()
    expect(payload.fallbackAuth).toBe('/api/v1/auth/wallet')
    expect(String(payload.message || '')).toMatch(/browser wallet auth/i)
  })
})