100 lines
4.1 KiB
TypeScript
100 lines
4.1 KiB
TypeScript
import { test, expect } from "@playwright/test";
|
|
import { start, stop, restart, baseUrl } from "./evcc";
|
|
import { expectModalHidden, expectModalVisible, finishLoadpoint } from "./utils";
|
|
|
|
test.use({ baseURL: baseUrl() });
|
|
|
|
test.beforeAll(async () => {
|
|
await start(undefined, undefined, "");
|
|
});
|
|
test.afterAll(async () => {
|
|
await stop();
|
|
});
|
|
|
|
const PASSWORD = "secret";
|
|
|
|
test.describe("onboarding", async () => {
|
|
test("password, loadpoint, grid, pv", async ({ page }) => {
|
|
await page.goto("/");
|
|
|
|
// set admin password
|
|
const admin = page.getByTestId("password-setup-modal");
|
|
await expectModalVisible(admin);
|
|
await admin.getByLabel("New password").fill(PASSWORD);
|
|
await admin.getByLabel("Repeat password").fill(PASSWORD);
|
|
await admin.getByRole("button", { name: "Create Password" }).click();
|
|
await expectModalHidden(admin);
|
|
|
|
// onboarding
|
|
await expect(page.locator("body")).toContainText("Hello aboard!");
|
|
await page.getByRole("link", { name: "Let's start configuration" }).click();
|
|
|
|
// config page (already logged in from password creation)
|
|
await expect(page.getByRole("heading", { name: "Configuration" })).toBeVisible();
|
|
await expect(page.getByTestId("welcome-banner")).toBeVisible();
|
|
await expect(page.getByTestId("welcome-banner")).toContainText("Start with creating a");
|
|
|
|
// create loadpoint with charger
|
|
await page.getByTestId("add-loadpoint").click();
|
|
const lpModal = page.getByTestId("loadpoint-modal");
|
|
await expectModalVisible(lpModal);
|
|
await lpModal.getByRole("button", { name: "Add charging point" }).click();
|
|
await lpModal.getByLabel("Title").fill("Solar Carport");
|
|
await lpModal.getByRole("button", { name: "Add charger" }).click();
|
|
|
|
const chargerModal = page.getByTestId("charger-modal");
|
|
await chargerModal.getByLabel("Manufacturer").selectOption("Demo charger");
|
|
await chargerModal.getByLabel("Charge status").selectOption("C");
|
|
await chargerModal.getByLabel("Power").fill("3000");
|
|
await chargerModal.getByRole("button", { name: "Save" }).click();
|
|
await expectModalHidden(chargerModal);
|
|
await expectModalVisible(lpModal);
|
|
await finishLoadpoint(page);
|
|
|
|
await restart();
|
|
|
|
await expect(page.getByTestId("welcome-banner")).not.toBeVisible();
|
|
|
|
// create grid meter
|
|
await page.getByRole("button", { name: "Add grid meter" }).click();
|
|
const gridModal = page.getByTestId("meter-modal");
|
|
await expectModalVisible(gridModal);
|
|
await gridModal.getByLabel("Manufacturer").selectOption("Demo meter");
|
|
await gridModal.getByLabel("Power").fill("-2000");
|
|
await gridModal.getByRole("button", { name: "Save" }).click();
|
|
await expectModalHidden(gridModal);
|
|
|
|
// create pv meter
|
|
await page.getByRole("button", { name: "Add solar or battery" }).click();
|
|
const pvModal = page.getByTestId("meter-modal");
|
|
await expectModalVisible(pvModal);
|
|
await pvModal.getByRole("button", { name: "Add solar meter" }).click();
|
|
await pvModal.getByLabel("Title").fill("PV South");
|
|
await pvModal.getByLabel("Manufacturer").selectOption("Demo meter");
|
|
await pvModal.getByLabel("Power").fill("5000");
|
|
await pvModal.getByRole("button", { name: "Save" }).click();
|
|
await expectModalHidden(pvModal);
|
|
|
|
// restart
|
|
const restartButton = await page
|
|
.getByTestId("bottom-banner")
|
|
.getByRole("button", { name: "Restart" });
|
|
await expect(restartButton).toBeVisible();
|
|
await restart();
|
|
await expect(restartButton).not.toBeVisible();
|
|
|
|
// navigate to main screen
|
|
await page.getByRole("link", { name: "Charge" }).click();
|
|
|
|
// verify configuration
|
|
await page.getByTestId("visualization").click();
|
|
await expect(page.getByTestId("energyflow-entry-production")).toContainText("5.0 kW");
|
|
await expect(page.getByTestId("energyflow-entry-loadpoints")).toContainText("3.0 kW");
|
|
await expect(page.getByTestId("energyflow-entry-gridexport")).toContainText("2.0 kW");
|
|
|
|
const loadpoint = page.getByTestId("loadpoint");
|
|
await expect(loadpoint.getByRole("heading", { name: "Solar Carport" })).toBeVisible();
|
|
await expect(loadpoint).toContainText("3.0 kW");
|
|
await expect(loadpoint).toContainText("Charging…");
|
|
});
|
|
});
|