import { test, expect } from "@playwright/test";
import { start, stop, baseUrl } from "./evcc";
import { openMoreMenu, enableAppContext, expectAppEvent } from "./utils";

test.use({ baseURL: baseUrl() });

test.beforeAll(async () => {
  await start("basics.evcc.yaml");
});
test.afterAll(async () => {
  await stop();
});

test.describe("opening logs", async () => {
  test("via config", async ({ page }) => {
    await page.goto("/");
    const menu = await openMoreMenu(page);
    await menu.getByRole("link", { name: "Configuration" }).click();
    await expect(page.getByRole("heading", { name: "Configuration" })).toBeVisible();
    await page.getByTestId("config-system").getByRole("link", { name: "Logs" }).click();
    await expect(page.getByRole("heading", { name: "Logs", exact: false })).toBeVisible();
  });
  test("via more menu", async ({ page }) => {
    await page.goto("/");
    const menu = await openMoreMenu(page);
    await menu.getByRole("link", { name: "Logs" }).click();
    await expect(page.getByRole("heading", { name: "Logs", exact: false })).toBeVisible();
  });
  test("via notifications", async ({ page }) => {
    await page.goto("/");
    await page.evaluate(() => window.app.raise({ message: "Fake Error" }));
    await page.getByTestId("notification-icon").click();
    await page.getByRole("link", { name: "View full logs" }).click();
    await expect(page.getByRole("heading", { name: "Logs", exact: false })).toBeVisible();
  });
  test("via need help", async ({ page }) => {
    await page.goto("/");
    const menu = await openMoreMenu(page);
    await menu.getByRole("button", { name: "Need Help?" }).click();
    await page.getByRole("link", { name: "View logs" }).click();
    await expect(page.getByRole("heading", { name: "Logs", exact: false })).toBeVisible();
  });
});

test.describe("features", async () => {
  test("content", async ({ page }) => {
    await page.goto("/#/log");
    await page.getByTestId("log-search").fill("UI local");
    await expect(page.getByTestId("log-content")).toContainText("UI local");
  });
});

test.describe("log download in app context", async () => {
  test("dispatches download event", async ({ page }) => {
    await enableAppContext(page);
    await page.goto("/#/log");
    await page.getByRole("link", { name: "Download complete log" }).click();
    expect(await expectAppEvent(page)).toMatchObject({
      type: "download",
      url: expect.stringContaining("/api/system/log?level=debug&format=txt"),
    });
  });
});