import { test, expect } from "@playwright/test"
const headers = { "access-control-allow-origin": "*", "access-control-allow-methods": "GET,OPTIONS", "access-control-allow-headers": "Content-Type,Authorization" }
const tunnel = (port: string) => ({ id: "*1", name: port === "8101" ? "Новый VXLAN" : "Старый VXLAN", serverId: "1", vni: port === "8101" ? 200 : 100, port: 0, dstPort: 8472, vtepIp: "192.0.2.1", remoteVteps: [], l2mtu: 1500, arpProxy: false, macLearning: true, comment: "", enabled: true, status: "up" })

for (const change of ["backend", "mode"]) for (const fails of [false, true]) {
  test(`VXLAN: позднее чтение после смены ${change}/${fails}`, async ({ page }) => {
    await page.route("**/health", r => r.fulfill({ headers, json: { ok: true } }))
    await page.route("**/api/**", r => {
      const url = new URL(r.request().url()), path = url.pathname
      return r.fulfill({ headers, json: path === "/api/vxlan" ? { tunnels: [tunnel(url.port)] } : path === "/api/servers" ? [{ id: 1, name: "Роутер", host: "192.0.2.1", enabled: true, country: "RU" }] : path === "/api/auth/config" ? { required: false } : {} })
    })
    await page.goto("/settings")
    await page.getByRole("link", { name: /^VXLAN/ }).click()
    await expect(page.locator("tr[data-row-id]")).toContainText("Старый VXLAN")
    let release: (() => void) | undefined, started = false
    const gate = new Promise<void>(resolve => { release = resolve })
    await page.route("**/api/vxlan", async r => {
      if (new URL(r.request().url()).port !== "8000") return r.fallback()
      started = true
      await gate
      return r.fulfill(fails ? { headers, status: 503, json: { error: "Старая ошибка VXLAN" } } : { headers, json: { tunnels: [] } })
    })
    await page.getByRole("button", { name: "Обновить", exact: true }).click()
    await expect.poll(() => started).toBe(true)
    await page.goBack()
    await expect(page).toHaveURL(/settings/)
    if (change === "backend") {
      const input = page.getByPlaceholder("http://localhost:8000")
      await input.fill("http://localhost:8101")
      await input.press("Enter")
    } else await page.getByRole("button", { name: "Моковые", exact: true }).click()
    await page.getByRole("link", { name: /^VXLAN/ }).click()
    if (change === "backend") await expect(page.locator("tr[data-row-id]")).toContainText("Новый VXLAN")
    else await expect(page.getByText("Моковые данные", { exact: true })).toBeVisible()
    const response = page.waitForResponse(r => r.url().includes(":8000/api/vxlan"))
    release!()
    await (await response).finished()
    await page.evaluate(() => new Promise<void>(resolve => requestAnimationFrame(() => requestAnimationFrame(() => resolve()))))
    if (change === "backend") await expect(page.locator("tr[data-row-id]")).toContainText("Новый VXLAN")
    await expect(page.getByText("Ошибка загрузки:", { exact: false })).toHaveCount(0)
  })
}