universe/e2e/02-exchange.spec.ts

import { test, expect } from '@playwright/test'
import { APIRequestContext } from '@playwright/test'
import { getUrls, exchangeBase, httpStatus, snap } from './helpers'

const urls = getUrls()

// ---------------------------------------------------------------------------
// The exchange has TWO doors and this spec used to know only one.
// ---------------------------------------------------------------------------
// `skipIfUnreachable` was a rubber stamp on the wrong host: `lux.exchange`
// fails the TLS handshake from this network (curl, python and chromium all
// agree — net::ERR_SSL_PROTOCOL_ERROR), so every page test here skipped and all
// 36 of 20-exchange-deep's skipped with them. A 49-route product tested by
// nothing, reported as green.
//
// `exchange.lux.network` is the SAME deployment, addressed by its cluster
// hostname, and serves 200 on all 22 routes probed. helpers.exchangeBase()
// picks whichever door answers, once per worker, and says which. The vanity
// host's reachability is now its own assertion below — a real finding, stated
// once, instead of a skip that silences twenty-two pages.
async function base(request: APIRequestContext): Promise<string> {
  return await exchangeBase(request)
}

// ── Exchange Reachability ───────────────────────────────────────────
test.describe('Exchange — Reachability', () => {
  test('the exchange answers on at least one of its hostnames', async ({ request }) => {
    const vanity = await httpStatus(request, urls.exchange, 15_000)
    const origin = await httpStatus(request, urls.exchangeOrigin, 15_000)
    console.log(`  ${new URL(urls.exchange).host}: ${vanity}`)
    console.log(`  ${new URL(urls.exchangeOrigin).host}: ${origin}`)
    expect(Math.max(vanity, origin),
      `neither ${urls.exchange} nor ${urls.exchangeOrigin} responded — the exchange is down`)
      .toBeGreaterThan(0)
  })

  test('lux.exchange — the vanity domain investors type — resolves and serves', async ({ request }) => {
    // Held separately and deliberately. MEASURED 2026-07-26: this is RED from
    // this network with `tlsv1 alert protocol version`, while the cluster host
    // behind it is fine — so the app is up and its front door is not. That is
    // exactly one finding and it is stated exactly once, here, instead of
    // silently skipping the twenty-two route tests that follow.
    const status = await httpStatus(request, urls.exchange, 15_000)
    console.log(`  ${urls.exchange} → ${status}`)
    expect(status,
      `${urls.exchange} does not complete a TLS handshake from here, so an investor typing the `
      + `vanity domain gets nothing — while ${urls.exchangeOrigin} serves the same app at 200`)
      .toBeGreaterThan(0)
  })
})

// ── Exchange Frontend ───────────────────────────────────────────────
test.describe('Exchange — Frontend Accessibility', () => {
  test('lux.exchange loads', async ({ request, page }) => {
    const res = await page.goto(await base(request), { timeout: 30_000, waitUntil: 'domcontentloaded' })
    expect(res?.status()).toBe(200)
    await snap(page, 'exchange-home')
  })

  test('exchange has visible header/nav', async ({ request, page }) => {
    await page.goto(await base(request), { timeout: 30_000, waitUntil: 'domcontentloaded' })
    await page.waitForTimeout(3000)
    const header = page.locator('header, nav, [class*="header"], [class*="nav"]').first()
    await expect(header).toBeVisible({ timeout: 15_000 })
    await snap(page, 'exchange-header')
  })
})

// ── Exchange — Swap UI ──────────────────────────────────────────────
test.describe('Exchange — Swap Interface', () => {
  test('swap page loads', async ({ request, page }) => {
    await page.goto(`${await base(request)}/swap`, { timeout: 30_000, waitUntil: 'domcontentloaded' })
    await page.waitForTimeout(3000)
    await snap(page, 'exchange-swap')
    const content = await page.textContent('body')
    expect(content?.length).toBeGreaterThan(0)
  })

  test('swap has token selectors', async ({ request, page }) => {
    await page.goto(`${await base(request)}/swap`, { timeout: 30_000, waitUntil: 'domcontentloaded' })
    await page.waitForTimeout(5000)
    const swapUI = page.locator(
      'button:has-text("Select"), button:has-text("LUX"), [class*="token"], [class*="swap"], [class*="Swap"]'
    ).first()
    const visible = await swapUI.isVisible({ timeout: 10_000 }).catch(() => false)
    if (visible) {
      await snap(page, 'exchange-swap-tokens')
    }
    expect(await page.title()).toBeTruthy()
  })
})

// ── Exchange — Pool UI ──────────────────────────────────────────────
test.describe('Exchange — Liquidity Pools', () => {
  test('pool page loads', async ({ request, page }) => {
    await page.goto(`${await base(request)}/pool`, { timeout: 30_000, waitUntil: 'domcontentloaded' })
    await page.waitForTimeout(3000)
    await snap(page, 'exchange-pool')
    expect(await page.title()).toBeTruthy()
  })

  test('add liquidity page accessible', async ({ request, page }) => {
    await page.goto(`${await base(request)}/add`, { timeout: 30_000, waitUntil: 'domcontentloaded' })
    await page.waitForTimeout(3000)
    await snap(page, 'exchange-add-liquidity')
    expect(await page.title()).toBeTruthy()
  })
})

// ── Exchange — Network Detection ────────────────────────────────────
test.describe('Exchange — Network Configuration', () => {
  test('exchange connects to correct chain', async ({ request, page }) => {
    await page.goto(await base(request), { timeout: 30_000, waitUntil: 'domcontentloaded' })
    await page.waitForTimeout(5000)
    const content = await page.textContent('body')
    const hasNetwork = content?.toLowerCase().includes('lux') ||
                       content?.toLowerCase().includes('96369') ||
                       content?.toLowerCase().includes('swap')
    expect(hasNetwork).toBeTruthy()
    await snap(page, 'exchange-network')
  })
})