import { test, expect } from "@playwright/test";
import { start, stop, baseUrl } from "./evcc";
import { startSimulator, stopSimulator, simulatorUrl, simulatorConfig } from "./simulator";

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

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

test.beforeEach(async ({ page }) => {
  await start(simulatorConfig());

  await page.goto(simulatorUrl());
  await page.getByLabel("Grid Power").fill("500");
  await page.getByTestId("vehicle0").getByLabel("SoC").fill("20");
  await page.getByTestId("loadpoint0").getByText("B (connected)").click();
  await page.getByRole("button", { name: "Apply changes" }).click();
});

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

test.describe("limitSoc", async () => {
  test("survives a reload", async ({ page }) => {
    await page.goto("/");

    await expect(page.getByTestId("limit-soc-value")).toHaveText("100%");
    await page.getByTestId("limit-soc").getByRole("combobox").selectOption("50%");
    await expect(page.getByTestId("limit-soc-value")).toHaveText("50%");

    await page.reload();

    await expect(page.getByTestId("limit-soc-value")).toHaveText("50%");
  });

  test("can be set even if vehicle isn't connected yet", async ({ page }) => {
    await page.goto(simulatorUrl());
    await page.getByTestId("loadpoint0").getByText("A (disconnected)").click();
    await page.getByRole("button", { name: "Apply changes" }).click();

    await page.goto("/");
    await expect(page.getByTestId("vehicle-title")).toContainText("blauer e-Golf");
    await expect(page.getByTestId("vehicle-status")).toHaveText("Disconnected.");
    await expect(page.getByTestId("limit-soc-value")).toHaveText("100%");
    await page.getByTestId("limit-soc").getByRole("combobox").selectOption("50%");
    await expect(page.getByTestId("limit-soc-value")).toHaveText("50%");

    await page.goto(simulatorUrl());
    await page.getByTestId("loadpoint0").getByText("B (connected)").click();
    await page.getByRole("button", { name: "Apply changes" }).click();

    await page.goto("/");
    await expect(page.getByTestId("limit-soc-value")).toHaveText("50%");
  });

  test("limit soc should be resetted when vehicle gets disconnected", async ({ page }) => {
    await page.goto("/");
    await expect(page.getByTestId("limit-soc-value")).toHaveText("100%");
    await page.getByTestId("limit-soc").getByRole("combobox").selectOption("50%");
    await expect(page.getByTestId("limit-soc-value")).toHaveText("50%");

    // disconnect
    await page.goto(simulatorUrl());
    await page.getByTestId("loadpoint0").getByText("A (disconnected)").click();
    await page.getByRole("button", { name: "Apply changes" }).click();

    await page.goto("/");
    await expect(page.getByTestId("vehicle-status")).toHaveText("Disconnected.");
    await expect(page.getByTestId("limit-soc-value")).toHaveText("100%");

    // connect
    await page.goto(simulatorUrl());
    await page.getByTestId("loadpoint0").getByText("B (connected)").click();
    await page.getByRole("button", { name: "Apply changes" }).click();

    await page.goto("/");
    await expect(page.getByTestId("vehicle-status")).toHaveText("Connected.");
    await expect(page.getByTestId("limit-soc-value")).toHaveText("100%");
  });
});

test.describe("limitEnergy", async () => {
  test("survives a reload", async ({ page }) => {
    await page.goto("/");

    await expect(page.getByTestId("vehicle-status")).toHaveText("Connected.");

    await page.getByTestId("change-vehicle").locator("select").selectOption("grüner Honda e");

    await expect(page.getByTestId("limit-energy-value")).toHaveText("none");
    await page.getByTestId("limit-energy").getByRole("combobox").selectOption("10 kWh (+35%)");
    await expect(page.getByTestId("limit-energy-value")).toHaveText("10 kWh");

    await page.reload();
    await expect(page.getByTestId("limit-energy-value")).toHaveText("10 kWh");
  });
  test("should not be reset on vehicle change", async ({ page }) => {
    await page.goto("/");

    await page.getByTestId("change-vehicle").locator("select").selectOption("grüner Honda e");
    await page.getByTestId("limit-energy").getByRole("combobox").selectOption("10 kWh (+35%)");

    await page.getByTestId("change-vehicle").locator("select").selectOption("Guest vehicle");
    await expect(page.getByTestId("limit-energy-value")).toHaveText("10 kWh");
  });
});