evcc-io/tests/basics.spec.ts
Maschga c4407c290d
UI: Loadpoint settings: display kW next to min/max current (#22843)
Co-authored-by: Michael Geers <michael@geers.tv>
2025-08-08 13:17:53 +00:00

100 lines
3.5 KiB
TypeScript

import { test, expect } from "@playwright/test";
import { start, stop, baseUrl } from "./evcc";
test.use({ baseURL: baseUrl() });
test.beforeAll(async () => {
await start("basics.evcc.yaml");
});
test.afterAll(async () => {
await stop();
});
test.beforeEach(async ({ page }) => {
await page.goto("/");
});
test.describe("main screen", async () => {
test("site title", async ({ page }) => {
await expect(page.getByRole("heading", { name: "Hello World" })).toBeVisible();
});
test("visualization", async ({ page }) => {
const locator = page.getByTestId("visualization");
await expect(locator).toBeVisible();
await expect(locator).toContainText("1.0 kW");
});
test("one loadpoint", async ({ page }) => {
await expect(page.getByTestId("loadpoint")).toHaveCount(1);
});
test("loadpoint title", async ({ page }) => {
await expect(page.getByRole("heading", { name: "Carport" })).toBeVisible();
});
test("guest vehicle", async ({ page }) => {
await expect(page.getByRole("heading", { name: "Guest vehicle" })).toBeVisible();
});
});
test.describe("session info", async () => {
test("default", async ({ page }) => {
await expect(page.getByTestId("sessionInfoLabel").first()).toContainText("Duration");
});
test("change value", async ({ page }) => {
// by select
await page
.getByTestId("sessionInfoSelect")
.first()
.getByRole("combobox")
.selectOption({ label: "Solar" });
await expect(page.getByTestId("sessionInfoLabel").first()).toContainText("Solar");
// by click on value
await page.getByTestId("sessionInfoValue").first().click();
await expect(page.getByTestId("sessionInfoLabel").first()).toContainText("Duration");
});
test("keep selection on reload", async ({ page }) => {
await expect(page.getByTestId("sessionInfoLabel").first()).toContainText("Duration");
await page
.getByTestId("sessionInfoSelect")
.first()
.getByRole("combobox")
.selectOption({ label: "Solar" });
await expect(page.getByTestId("sessionInfoLabel").first()).toContainText("Solar");
await page.reload();
await expect(page.getByTestId("sessionInfoLabel").first()).toContainText("Solar");
});
});
test.describe("loadpoint settings", async () => {
test("phase selection", async ({ page }) => {
const minCurrentSelected = page.getByLabel("Min. current").locator("option:checked");
const maxCurrentSelected = page.getByLabel("Max. current").locator("option:checked");
await page.getByTestId("loadpoint-settings-button").nth(1).click();
await expect(page.getByLabel("auto-switching")).not.toBeVisible();
await expect(page.getByLabel("3 phase")).toBeChecked();
await expect(page.getByLabel("1 phase")).not.toBeChecked();
await expect(maxCurrentSelected).toHaveText("16 A (11.0 kW) [default]");
await expect(minCurrentSelected).toHaveText("6 A (4.1 kW) [default]");
await page.getByLabel("1 phase").click();
await expect(maxCurrentSelected).toHaveText("16 A (3.7 kW) [default]");
await expect(minCurrentSelected).toHaveText("6 A (1.4 kW) [default]");
});
});
test.describe("network requests", async () => {
test("no failed requests", async ({ page }) => {
await page.waitForLoadState("networkidle");
const failedRequests: string[] = [];
page.on("requestfailed", (request) => failedRequests.push(request.url()));
await page.reload();
await page.waitForLoadState("networkidle");
expect(failedRequests).toHaveLength(0);
});
});