config-tariffs.spec.js

import { test, expect } from "@playwright/test";
import { start, stop, restart, baseUrl } from "./evcc";
import { enableExperimental } from "./utils";

const CONFIG_GRID_ONLY = "config-grid-only.evcc.yaml";
const CONFIG_WITH_TARIFFS = "config-with-tariffs.evcc.yaml";

test.use({ baseURL: baseUrl() });
test.describe.configure({ mode: "parallel" });

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

const SELECT_ALL = "ControlOrMeta+KeyA";

async function goToConfig(page) {
  await page.goto("/#/config");
  await enableExperimental(page);
}

test.describe("tariffs", async () => {
  test("tariffs not configured", async ({ page }) => {
    await start(CONFIG_GRID_ONLY);
    await goToConfig(page);

    await expect(page.getByTestId("tariffs")).toBeVisible();
    await expect(page.getByTestId("tariffs")).toContainText(
      ["Tariffs", "Currency", "EUR"].join("")
    );
  });

  test("tariffs via ui", async ({ page }) => {
    await start(CONFIG_GRID_ONLY);
    await goToConfig(page);

    await page.getByTestId("tariffs").getByRole("button", { name: "edit" }).click();
    const modal = await page.getByTestId("tariffs-modal");
    await expect(modal).toBeVisible();
    await page.waitForLoadState("networkidle");

    // default content
    await expect(modal).toContainText("#currency: EUR");

    // clear and enter invalid yaml
    await modal.locator(".monaco-editor .view-line").nth(0).click();

    for (let i = 0; i < 4; i++) {
      await page.keyboard.press(SELECT_ALL, { delay: 10 });
      await page.keyboard.press("Backspace", { delay: 10 });
    }

    await page.keyboard.type("foo: bar\n");
    await page.getByRole("button", { name: "Save" }).click();
    await expect(modal.getByTestId("error")).toContainText("invalid keys: foo");

    // clear and enter valid yaml
    await modal.locator(".monaco-editor .view-line").nth(0).click();
    for (let i = 0; i < 4; i++) {
      await page.keyboard.press(SELECT_ALL, { delay: 10 });
      await page.keyboard.press("Backspace", { delay: 10 });
    }

    await page.keyboard.type("currency: CHF\n");
    await page.keyboard.type("grid:\n");
    await page.keyboard.type("  type: fixed\n");
    await page.keyboard.type("price: 0.123\n");

    await page.getByRole("button", { name: "Save" }).click();
    await expect(modal.getByTestId("error")).not.toBeVisible();

    // modal closes
    await expect(modal).not.toBeVisible();

    // restart button appears
    const restartButton = await page
      .getByTestId("bottom-banner")
      .getByRole("button", { name: "Restart" });
    await expect(restartButton).toBeVisible();

    await restart(CONFIG_GRID_ONLY);

    // restart done
    await expect(restartButton).not.toBeVisible();

    await expect(page.getByTestId("tariffs")).toContainText(
      ["Currency", "CHF", "Grid price", "12.3 rp"].join("")
    );
  });

  test("tariffs from evcc.yaml", async ({ page }) => {
    await start(CONFIG_WITH_TARIFFS);
    await goToConfig(page);

    await expect(page.getByTestId("tariffs")).toBeVisible();
    await expect(page.getByTestId("tariffs")).toContainText(
      [
        "Tariffs",
        "Currency",
        "SEK",
        "Grid price",
        "0.3 SEK",
        "Feed-in price",
        "-0.1 SEK",
        "Grid CO₂",
        "300 g",
      ].join("")
    );
  });
});