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

const devices = [1, 2].map(id => ({ id, name: "Роутер " + id, host: "192.0.2." + id, enabled: true, country: "RU" }))
const tunnel = (id: string, vni: number) => ({ id: "*" + id, serverId: id, name: "vxlan-" + id, vni, port: 0, dstPort: 8472, vtepIp: "192.0.2." + id, remoteVteps: ["198.51.100.1"], l2mtu: 1500, arpProxy: false, macLearning: true, comment: "", enabled: true, status: "up" })

test("VXLAN: свежесть, неизвестный статус и честный режим просмотра", async ({ page }) => {
  await page.clock.install({ time: new Date("2026-09-30T05:00:00Z") })
  let phase = 0, writes = 0
  await page.route("**/health", r => r.fulfill({ json: { ok: true } }))
  await page.route("**/api/**", r => {
    const path = new URL(r.request().url()).pathname
    if (r.request().method() !== "GET") writes++
    if (path === "/api/vxlan" && phase === 2) return r.fulfill({ status: 503, json: { error: "Опрос VXLAN недоступен" } })
    return r.fulfill({ json: path === "/api/vxlan" ? { tunnels: phase === 1 ? [tunnel("1", 100)] : [tunnel("1", 100), tunnel("2", phase === 3 ? 300 : 200)], failures: phase === 1 ? [{ serverId: "2", error: "Таймаут тест" }] : [] }
      : path === "/api/servers" ? devices : path === "/api/auth/config" ? { required: false } : {} })
  })
  await page.goto("/vxlan?server=2")
  const rows = page.locator("tr[data-row-id]")
  await expect(rows).toHaveCount(1)
  await expect(page.getByText("Только просмотр", { exact: true })).toBeVisible()
  await expect(page.getByRole("button", { name: "Новый VXLAN" })).toHaveCount(0)
  const time = page.getByRole("group", { name: "Свежесть VXLAN" }).locator("time")
  const first = await time.getAttribute("datetime")
  await page.clock.fastForward(60_000)
  phase = 1
  await page.getByRole("button", { name: "Обновить", exact: true }).click()
  await expect(page.getByRole("alert").filter({ hasText: "Не все устройства ответили" })).toBeVisible()
  await expect(rows).toContainText("Неизвестно")
  await expect(time).toHaveAttribute("datetime", first!)
  await page.getByRole("button", { name: "Действия: vxlan-2" }).click()
  for (const name of ["Редактировать", "Отключить", "Удалить"]) await expect(page.getByRole("menuitem", { name, exact: true })).toHaveCount(0)
  await page.getByRole("menuitem", { name: "Экспорт .rsc", exact: true }).click()
  const dialog = page.getByRole("dialog")
  await expect(dialog).toContainText("актуальность не подтверждена")
  await expect(dialog).toContainText("vni=200")
  phase = 3
  const refresh = page.getByRole("button", { name: "Обновить", exact: true, includeHidden: true })
  await refresh.evaluate(el => (el as HTMLButtonElement).click())
  await expect(rows).toContainText("300")
  await expect(dialog).toContainText("vni=200")
  await expect(dialog).toContainText("актуальность не подтверждена")
  await page.keyboard.press("Escape")
  await expect(time).not.toHaveAttribute("datetime", first!)
  const after = await time.getAttribute("datetime")
  phase = 2
  await page.clock.fastForward(60_000)
  await refresh.click()
  await expect(page.getByText("Ошибка загрузки: Опрос VXLAN недоступен", { exact: true })).toBeVisible()
  await expect(rows).toHaveCount(1)
  await expect(rows).toContainText("Неизвестно")
  await expect(page.getByLabel("Сводка VXLAN")).toContainText("—")
  await expect(time).toHaveAttribute("datetime", after!)
  expect(writes).toBe(0)
})