import { mount, config } from "@vue/test-utils"; import { describe, expect, test } from "vitest"; import Status from "./Status.vue"; import { CURRENCY } from "@/types/evcc"; const serializeData = (data: object) => (data ? `:${JSON.stringify(data)}` : ""); config.global.mocks["$t"] = (key: string, data: object) => `${key}${serializeData(data)}`; config.global.mocks["$i18n"] = { locale: "de-DE" }; const allEntries = { pvtimer: false, phasetimer: false, solar: false, climater: false, minsoc: false, limit: false, smartcost: false, planactive: false, planstart: false, }; const expectEntries = (props: InstanceType["$props"], entries: object) => { const expectedEntries = { ...allEntries, ...entries }; const wrapper = mount(Status, { props }); Object.entries(expectedEntries).forEach(([key, value]) => { const selector = `[data-testid=vehicle-status-${key}]`; if (typeof value === "boolean") { expect(wrapper.find(selector).exists(), selector).eq(value); } else { expect(wrapper.find(selector).exists(), selector).eq(true); expect(wrapper.find(selector).text(), selector).eq(value); } }); }; describe("basics", () => { test("no vehicle is connected", () => { expectEntries({ connected: false }, { charger: "main.vehicleStatus.disconnected" }); }); test("vehicle is connected", () => { expectEntries({ connected: true }, { charger: "main.vehicleStatus.connected" }); }); test("show waiting for vehicle if charger is enabled but not charging", () => { expectEntries( { enabled: true, connected: true }, { charger: "main.vehicleStatus.waitForVehicle" } ); }); test("show waiting for authorization if enabled but charger requires auth", () => { expectEntries( { enabled: true, connected: true, chargerStatusReason: "waitingforauthorization" }, { charger: "main.vehicleStatus.waitForAuthorization" } ); }); test("vehicle is charging", () => { expectEntries({ connected: true, charging: true }, { charger: "main.vehicleStatus.charging" }); }); }); describe("min charge", () => { test("active when minSocNotReached is true", () => { expectEntries( { connected: true, minSoc: 20, minSocNotReached: true }, { charger: "main.vehicleStatus.connected", minsoc: "20 %" } ); }); test("not active when minSocNotReached is false", () => { expectEntries( { connected: true, minSoc: 20, minSocNotReached: false }, { charger: "main.vehicleStatus.connected", minsoc: false } ); }); test("not active when minSocNotReached is not set", () => { expectEntries( { connected: true, minSoc: 20 }, { charger: "main.vehicleStatus.connected", minsoc: false } ); }); }); describe("plan", () => { const effectivePlanTime = "2020-03-16T06:00:00Z"; const planProjectedStart = "2020-03-16T02:00:00Z"; const planProjectedEnd = "2020-03-16T05:00:00Z"; test("charging if target time is set, status is charging but planned slot is not active", () => { expectEntries( { effectivePlanTime, charging: true, connected: true }, { charger: "main.vehicleStatus.charging" } ); }); test("active if target time is set, status is charging and planned slot is active", () => { expectEntries( { planProjectedEnd, planActive: true, charging: true, connected: true }, { charger: "main.vehicleStatus.charging", planactive: "Mo 06:00" } ); }); test("waiting for vehicle if a target time is set, the charger is enabled but not charging", () => { expectEntries( { planProjectedEnd, planActive: true, enabled: true, connected: true }, { charger: "main.vehicleStatus.waitForVehicle", planactive: "Mo 06:00" } ); }); test("show projected start if not enabled yet", () => { expectEntries( { effectivePlanTime, planProjectedStart, connected: true }, { charger: "main.vehicleStatus.connected", planstart: "Mo 03:00" } ); }); test("dont show plan status if plan is disabled (e.g. off, fast mode)", () => { expectEntries( { effectivePlanTime, planActive: true, charging: true, connected: true, chargingPlanDisabled: true, }, { charger: "main.vehicleStatus.charging" } ); expectEntries( { effectivePlanTime, planActive: true, charging: false, enabled: true, connected: true, chargingPlanDisabled: true, }, { charger: "main.vehicleStatus.waitForVehicle" } ); expectEntries( { effectivePlanTime, planProjectedStart, connected: true, chargingPlanDisabled: true }, { charger: "main.vehicleStatus.connected" } ); }); }); describe("climating", () => { test("show climating status", () => { expectEntries( { connected: true, enabled: true, vehicleClimaterActive: true, charging: true }, { charger: "main.vehicleStatus.charging", climater: true } ); expectEntries( { connected: true, enabled: true, vehicleClimaterActive: true, charging: false }, { charger: "main.vehicleStatus.waitForVehicle", climater: true } ); }); test("only show climating if enabled", () => { expectEntries( { connected: true, enabled: false, vehicleClimaterActive: true, charging: false }, { charger: "main.vehicleStatus.connected", climater: true } ); }); }); describe("timer", () => { test("show pv enable timer if not enabled yet and timer exists", () => { expectEntries( { pvAction: "enable", connected: true, pvRemainingInterpolated: 90, }, { charger: "main.vehicleStatus.connected", pvtimer: "1:30\u202Fm" } ); }); test("don't show pv enable timer if value is zero", () => { expectEntries( { pvAction: "enable", connected: true, pvRemainingInterpolated: 0, }, { charger: "main.vehicleStatus.connected" } ); }); test("show pv disable timer if charging and timer exists", () => { expectEntries( { pvAction: "disable", connected: true, charging: true, pvRemainingInterpolated: 90, }, { charger: "main.vehicleStatus.charging", pvtimer: "1:30\u202Fm" } ); }); test("show phase enable timer if it exists", () => { expectEntries( { phaseAction: "scale1p", connected: true, charging: true, phaseRemainingInterpolated: 91, }, { charger: "main.vehicleStatus.charging", phasetimer: "1:31\u202Fm" } ); }); test("show phase disable timer if it exists", () => { expectEntries( { phaseAction: "scale3p", connected: true, charging: true, phaseRemainingInterpolated: 91, }, { charger: "main.vehicleStatus.charging", phasetimer: "1:31\u202Fm" } ); }); }); describe("vehicle target soc", () => { test("show target reached if charger enabled but soc has reached vehicle limit", () => { expectEntries( { connected: true, enabled: true, vehicleLimitSoc: 70, vehicleSoc: 70, }, { charger: "main.vehicleStatus.finished", limit: "70 %" } ); }); test("show reached message even if vehicle is slightly below its limit", () => { expectEntries( { connected: true, enabled: true, vehicleLimitSoc: 70, vehicleSoc: 69, }, { charger: "main.vehicleStatus.finished", limit: "70 %" } ); }); }); describe("smart grid charging", () => { test("show clean energy message", () => { expectEntries( { connected: true, enabled: true, charging: true, tariffCo2: 600, smartCostLimit: 500, smartCostType: "co2", }, { charger: "main.vehicleStatus.charging", smartcost: "≤ 500 g" } ); }); test("show clean energy message if active", () => { expectEntries( { connected: true, enabled: true, charging: true, tariffCo2: 400, smartCostLimit: 500, smartCostType: "co2", smartCostActive: true, }, { charger: "main.vehicleStatus.charging", smartcost: "400 g ≤ 500 g" } ); }); test("show cheap energy message", () => { expectEntries( { connected: true, enabled: true, charging: true, tariffGrid: 0.3, smartCostLimit: 0.29, currency: CURRENCY.EUR, }, { charger: "main.vehicleStatus.charging", smartcost: "≤ 29,0 ct" } ); }); test("show cheap energy message if active", () => { expectEntries( { connected: true, enabled: true, charging: true, tariffGrid: 0.28, smartCostLimit: 0.29, currency: CURRENCY.EUR, smartCostActive: true, }, { charger: "main.vehicleStatus.charging", smartcost: "28,0 ct ≤ 29,0 ct" } ); }); });