Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Test: test file mit *.test.ts

Browse Source
This commit is contained in:
ISA
2025-09-09 11:25:04 +02:00
parent 6cb753c040
commit 4c6fe0db03
8 changed files with 10 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
NEXT_PUBLIC_EXPORT_STATIC=false
NEXT_PUBLIC_USE_CGI=false
# App-Versionsnummer
NEXT_PUBLIC_APP_VERSION=1.6.883
NEXT_PUBLIC_APP_VERSION=1.6.884
NEXT_PUBLIC_CPL_MODE=json # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)

2
.env.production
View File

@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
NEXT_PUBLIC_EXPORT_STATIC=true
NEXT_PUBLIC_USE_CGI=true
# App-Versionsnummer
NEXT_PUBLIC_APP_VERSION=1.6.883
NEXT_PUBLIC_APP_VERSION=1.6.884
NEXT_PUBLIC_CPL_MODE=production

5
CHANGELOG.md
View File

@@ -1,3 +1,8 @@
## [1.6.884] – 2025-09-09
- Tests: TDR ISO und RSL
---
## [1.6.883] – 2025-09-09
- style: TDR

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{
"name": "cpl-v4",
"version": "1.6.883",
"version": "1.6.884",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "cpl-v4",
"version": "1.6.883",
"version": "1.6.884",
"dependencies": {
"@emotion/react": "^11.13.0",
"@emotion/styled": "^11.13.0",

2
package.json
View File

@@ -1,6 +1,6 @@
{
"name": "cpl-v4",
"version": "1.6.883",
"version": "1.6.884",
"private": true,
"scripts": {
"dev": "next dev -p 3000",

104
playwright/tests/components/main/kabelueberwachung/isoModalTest.ts
View File

@@ -1,104 +0,0 @@
import { test, expect } from "@playwright/test";
import { highlightAndExpectVisible } from "@playwright/utils/highlight";
/**
* ISO Modal UI / Behavior Regression Test
* Covers:
* - Opening ISO modal from cable monitoring page
* - Verifies modal structure (header, fullscreen + close buttons)
* - Dropdown (Messkurve <-> Meldungen) presence & options
* - Toolbar elements (KÜ badge, DateRangePicker fields, Mode dropdown, Daten laden button)
* - Style smoke checks via class attributes (non brittle, only key tokens)
* - Switching to Meldungen hides date + mode controls and shows table headers
*/
test.describe("ISO Modal", () => {
test("opens and validates core UI + view toggle behavior", async ({
page,
}) => {
await page.goto("/kabelueberwachung");
// Open first ISO modal (assumes button text like "Isolationswiderstand" appears after click on a cable cell)
// Reuse existing pattern: click cable card primary action button (blue) first occurrence
const firstChartButton = page
.locator(".bg-littwin-blue.text-white")
.first();
await highlightAndExpectVisible(page, firstChartButton);
await firstChartButton.click();
// Heading
const heading = page.getByRole("heading", { name: "Isolationswiderstand" });
await highlightAndExpectVisible(page, heading);
// Modal root (dialog)
const dialog = page.getByRole("dialog");
await expect(dialog).toBeVisible();
// Header icon buttons (fullscreen + close) by role=button count (2)
await expect(
dialog
.locator("button:has(i.bi-fullscreen-exit, i.bi-arrows-fullscreen)")
.first()
).toBeVisible();
await expect(dialog.locator("button:has(i.bi-x-lg)")).toBeVisible();
// Dropdown for Messkurve / Meldungen (Listbox button): should show current selection (default Messkurve)
const viewToggle = dialog.getByRole("button", {
name: /Messkurve|Meldungen/,
});
await highlightAndExpectVisible(page, viewToggle);
// Toolbar smoke checks
await expect(dialog.locator(".toolbar")).toBeVisible();
await expect(dialog.locator(".toolbar").getByText("KÜ")).toBeVisible();
// Date range inputs (Von / Bis labels present when Messkurve)
await expect(dialog.getByText("Von")).toBeVisible();
await expect(dialog.getByText("Bis")).toBeVisible();
// Mode dropdown (Alle Messwerte / Stündlich / Täglich) – open and verify options
const modeBtn = dialog.getByRole("button", {
name: /Alle Messwerte|Stündlich|Täglich/,
});
await modeBtn.click();
await expect(
page.getByRole("option", { name: /Alle Messwerte/ })
).toBeVisible();
await expect(page.getByRole("option", { name: /Stündlich/ })).toBeVisible();
await expect(page.getByRole("option", { name: /Täglich/ })).toBeVisible();
// Select Stündlich then reopen to restore Alle Messwerte
await page.getByRole("option", { name: "Stündlich" }).click();
await modeBtn.click();
await page.getByRole("option", { name: "Alle Messwerte" }).click();
// Daten laden button
const loadBtn = dialog.getByRole("button", { name: "Daten laden" });
await expect(loadBtn).toBeVisible();
// Switch to Meldungen view via view dropdown
await viewToggle.click();
await page.getByRole("option", { name: "Meldungen" }).click();
// In Meldungen: Expect table headers (Prio, Zeitstempel, Quelle, Meldung, Status)
for (const header of [
"Prio",
"Zeitstempel",
"Quelle",
"Meldung",
"Status",
]) {
await highlightAndExpectVisible(
page,
dialog.getByRole("cell", { name: header })
);
}
// Date range + mode controls should be hidden (opacity 0 OR not visible). We assert not visible.
await expect(dialog.getByText("Von")).not.toBeVisible();
await expect(dialog.getByText("Bis")).not.toBeVisible();
// Return to Messkurve and verify canvas appears (chart may load async – wait for any canvas)
await viewToggle.click();
await page.getByRole("option", { name: "Messkurve" }).click();
await expect(dialog.locator("canvas")).toBeVisible();
});
});

92
playwright/tests/components/main/kabelueberwachung/loopModalTest.ts
View File

@@ -1,92 +0,0 @@
import { test, expect } from "@playwright/test";
import { highlightAndExpectVisible } from "@playwright/utils/highlight";
/**
* Loop (RSL) Modal UI / Behavior Regression Test
* Covers:
* - Opening Schleifenwiderstand modal
* - Fullscreen + close buttons
* - View dropdown (Messkurve / Meldungen) using loop slice title
* - Toolbar elements + RSL Start button + progress overlay simulation (dev only)
* - Mode dropdown copy
*/
test.describe("Loop / RSL Modal", () => {
test("opens and validates RSL UI & controls", async ({ page }) => {
await page.goto("/kabelueberwachung");
// Open first Loop modal (assumes second blue button or identical). Use heading filter first.
// Fallback: click the same first blue button again then switch heading if needed.
const firstBlue = page.locator(".bg-littwin-blue.text-white").first();
await highlightAndExpectVisible(page, firstBlue);
await firstBlue.click();
// If heading not Schleifenwiderstand, close & pick another? We'll accept either heading present.
const heading = page.getByRole("heading", {
name: /Schleifenwiderstand|Isolationswiderstand/,
});
await heading.waitFor();
// If we landed in Iso instead of Loop, try second blue button inside the cable card bar.
if (
await page
.getByRole("heading", { name: "Isolationswiderstand" })
.isVisible()
.catch(() => false)
) {
// Close and reopen to get loop: click close icon then second blue button (if available)
await page.locator("button:has(i.bi-x-lg)").click();
const secondBlue = page.locator(".bg-littwin-blue.text-white").nth(1);
await highlightAndExpectVisible(page, secondBlue);
await secondBlue.click();
await highlightAndExpectVisible(
page,
page.getByRole("heading", { name: "Schleifenwiderstand" })
);
}
const dialog = page.getByRole("dialog");
await expect(dialog).toBeVisible();
// Fullscreen + close icons
await expect(
dialog
.locator("button:has(i.bi-arrows-fullscreen, i.bi-fullscreen-exit)")
.first()
).toBeVisible();
await expect(dialog.locator("button:has(i.bi-x-lg)")).toBeVisible();
// Toolbar presence
await expect(dialog.locator(".toolbar")).toBeVisible();
await expect(dialog.locator(".toolbar").getByText("KÜ")).toBeVisible();
// Date labels visible in Messkurve
await expect(dialog.getByText("Von")).toBeVisible();
await expect(dialog.getByText("Bis")).toBeVisible();
// Mode dropdown
const modeBtn = dialog.getByRole("button", {
name: /Alle Messwerte|Stündlich|Täglich/,
});
await modeBtn.click();
await expect(
page.getByRole("option", { name: /Alle Messwerte/ })
).toBeVisible();
await expect(page.getByRole("option", { name: /Stündlich/ })).toBeVisible();
await expect(page.getByRole("option", { name: /Täglich/ })).toBeVisible();
await page.getByRole("option", { name: "Stündlich" }).click();
// RSL Start button (text may be dynamic; look for partial)
const rslButton = dialog.getByRole("button", { name: /RSL/i });
await expect(rslButton).toBeVisible();
// Daten laden button present
const loadBtn = dialog.getByRole("button", { name: "Daten laden" });
await expect(loadBtn).toBeVisible();
// Chart canvas should appear (allow some time after load click)
await loadBtn.click();
await dialog.locator("canvas").waitFor({ timeout: 5000 });
await expect(dialog.locator("canvas")).toBeVisible();
});
});

113
playwright/tests/components/main/kabelueberwachung/tdrModalTest.ts
View File

@@ -1,113 +0,0 @@
import { test, expect } from "@playwright/test";
import { highlightAndExpectVisible } from "@playwright/utils/highlight";
/**
* TDR Modal UI / Behavior Regression Test
* Covers:
* - Opening TDR-Messung modal
* - Header elements (fullscreen + close)
* - Toolbar buttons: reference save + start TDR measurement
* - Measurement dropdown styling & options list formatting
* - View toggle (Messkurve / Meldungen) path reused from ISO
*/
test.describe("TDR Modal", () => {
test("opens and validates TDR UI + dropdown + actions", async ({ page }) => {
await page.goto("/kabelueberwachung");
// Strategy: open a cable card then open TDR via iterative attempts.
// We look for a heading 'TDR-Messung' after clicking blue buttons.
const blueButtons = page.locator(".bg-littwin-blue.text-white");
const count = await blueButtons.count();
for (let i = 0; i < Math.min(count, 4); i++) {
await highlightAndExpectVisible(page, blueButtons.nth(i));
await blueButtons.nth(i).click();
if (
await page
.getByRole("heading", { name: "TDR-Messung" })
.isVisible()
.catch(() => false)
) {
break;
} else {
// Close and try next if wrong modal
if (
await page
.locator("button:has(i.bi-x-lg)")
.isVisible()
.catch(() => false)
) {
await page.locator("button:has(i.bi-x-lg)").click();
}
}
}
const heading = page.getByRole("heading", { name: "TDR-Messung" });
await heading.waitFor();
const dialog = page.getByRole("dialog");
await expect(dialog).toBeVisible();
// Header buttons
await expect(
dialog
.locator("button:has(i.bi-arrows-fullscreen, i.bi-fullscreen-exit)")
.first()
).toBeVisible();
await expect(dialog.locator("button:has(i.bi-x-lg)")).toBeVisible();
// Toolbar base
await expect(dialog.locator(".toolbar")).toBeVisible();
await expect(dialog.locator(".toolbar").getByText("KÜ")).toBeVisible();
// Reference save & start buttons
const refBtn = dialog.getByRole("button", {
name: "TDR-Kurve als Referenz speichern",
});
await expect(refBtn).toBeVisible();
const startBtn = dialog.getByRole("button", {
name: /TDR-Messung starten|TDR läuft/,
});
await expect(startBtn).toBeVisible();
// Measurement dropdown button: Should contain formatted pattern "Fehlerstelle:" when a selection exists
const measurementBtn = dialog.getByRole("button", { name: /Fehlerstelle/ });
await highlightAndExpectVisible(page, measurementBtn);
await measurementBtn.click();
// Options list - wait for at least one option containing Fehlerstelle
const option = page.getByRole("option", { name: /Fehlerstelle/ }).first();
await option.waitFor();
await expect(option).toBeVisible();
// Select first option and verify button text updates (optional assertion already implicit)
await option.click();
await expect(measurementBtn).toContainText("Fehlerstelle");
// Switch to Meldungen view using view dropdown in header
const viewToggle = dialog.getByRole("button", {
name: /Messkurve|Meldungen/,
});
await viewToggle.click();
await page.getByRole("option", { name: "Meldungen" }).click();
// Expect Meldungen columns
for (const header of [
"Prio",
"Zeitstempel",
"Quelle",
"Meldung",
"Status",
]) {
await highlightAndExpectVisible(
page,
dialog.getByRole("cell", { name: header })
);
}
// Switch back to Messkurve
await viewToggle.click();
await page.getByRole("option", { name: "Messkurve" }).click();
await expect(dialog.locator("canvas")).toBeVisible();
});
});