const { test, expect } = require("@playwright/test");
const { start, stop } = require("./evcc");
const { startSimulator, stopSimulator } = require("./simulator");

const BASICS_CONFIG = "basics.evcc.yaml";
const SIMULATOR_CONFIG = "simulator.evcc.yaml";

const UI_ROUTES = ["/", "/#/sessions", "/#/config"];

test.describe("Basics", async () => {
  test.beforeAll(async () => {
    await start(BASICS_CONFIG);
  });

  test.afterAll(async () => {
    await stop();
  });

  test("Menu options. No battery and grid.", async ({ page }) => {
    for (const route of UI_ROUTES) {
      await page.goto(route);

      await page.getByTestId("topnavigation-button").click();
      await expect(page.getByRole("button", { name: "General Settings" })).toBeVisible();
      await expect(page.getByRole("button", { name: "Battery Settings" })).not.toBeVisible();
      await expect(page.getByRole("button", { name: "Smart Grid Charging" })).not.toBeVisible();
      await expect(page.getByRole("button", { name: "Need help?" })).toBeVisible();
    }
  });

  test("Need help?", async ({ page }) => {
    await page.goto("/");

    await page.getByTestId("topnavigation-button").click();
    await page.getByRole("button", { name: "Need help?" }).click();

    await expect(page.getByRole("heading", { name: "Need help?" })).toBeVisible();
  });

  test("General Settings", async ({ page }) => {
    await page.goto("/");
    await page.getByTestId("topnavigation-button").click();
    await page.getByRole("button", { name: "General Settings" }).click();

    await expect(page.getByRole("heading", { name: "General Settings" })).toBeVisible();
  });
});

test.describe("Advanced", async () => {
  test.beforeAll(async () => {
    await start(SIMULATOR_CONFIG);
    await startSimulator();
  });

  test.afterAll(async () => {
    await stopSimulator();
    await stop();
  });

  test("Menu options. All available.", async ({ page }) => {
    for (const route of UI_ROUTES) {
      await page.goto(route);

      await page.getByTestId("topnavigation-button").click();
      await expect(page.getByRole("button", { name: "General Settings" })).toBeVisible();
      await expect(page.getByRole("button", { name: "Battery Settings" })).toBeVisible();
      await expect(page.getByRole("button", { name: "Smart Grid Charging" })).toBeVisible();
      await expect(page.getByRole("button", { name: "Need help?" })).toBeVisible();
    }
  });

  test("Battery Settings from top navigation", async ({ page }) => {
    await page.goto("/");
    await page.getByTestId("topnavigation-button").click();
    await page.getByRole("button", { name: "Battery Settings" }).click();

    await expect(page.getByRole("heading", { name: "Battery Settings" })).toBeVisible();
  });

  test("Battery Settings from energyflow", async ({ page }) => {
    await page.goto("/");
    await page.getByTestId("energyflow").click();
    await page
      .getByTestId("energyflow-entry-batterydischarge")
      .getByTestId("energyflow-entry-details")
      .click();

    await expect(page.getByRole("heading", { name: "Battery Settings" })).toBeVisible();
  });

  test("Smart Grid Charging from top navigation", async ({ page }) => {
    await page.goto("/");
    await page.getByTestId("topnavigation-button").click();
    await page.getByRole("button", { name: "Smart Grid Charging" }).click();

    await expect(page.getByRole("heading", { name: "Smart Grid Charging" })).toBeVisible();
  });

  test("Smart Grid Charging from energyflow", async ({ page }) => {
    await page.goto("/");
    await page.getByTestId("energyflow").click();
    await page
      .getByTestId("energyflow-entry-gridimport")
      .getByTestId("energyflow-entry-details")
      .click();

    await expect(page.getByRole("heading", { name: "Smart Grid Charging" })).toBeVisible();
  });
});