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

fix: DigitalOutputsVies.tsx

Browse Source
This commit is contained in:
ISA
2025-09-03 14:06:35 +02:00
parent a9ccdfc9ab
commit 2c92ca0866
8 changed files with 60 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
playwright/tests/pages/digitalOutputs/digitalOutputsTest.ts
View File

@@ -1,5 +1,4 @@
import type { Page } from "@playwright/test";
import { expect } from "@playwright/test";
import { highlightAndExpectVisible } from "@playwright/utils/highlight";
import { navTest } from "@playwright/components/navTest";
import { headerTest } from "@/playwright/components/header/headerTest";
@@ -11,6 +10,7 @@ export async function runDigitalOutputsTest(page: Page) {
await headerTest(page);
await navTest(page);
await footerTest(page);
// Wait a moment for initial redux fetch and render in slower CI environments
await page.waitForTimeout(400);
//----------------------
await highlightAndExpectVisible(page, page.locator("h1"));
@@ -26,13 +26,17 @@ export async function runDigitalOutputsTest(page: Page) {
.locator("svg")
.click();
page.locator("h2").filter({ hasText: "Schaltausgänge" }).click();
await highlightAndExpectVisible(
page,
page.getByRole("cell", { name: "Ausgang", exact: true })
);
const ausgang2Cell = page.getByRole("cell", { name: "Ausgang2" }).nth(1);
await ausgang2Cell.waitFor({ state: "visible", timeout: 15000 }); // bis zu 15 Sekunden warten
await ausgang2Cell.click();
// Wait for the outputs table to render and be visible
const table = page.locator("table");
await table.first().waitFor({ state: "visible", timeout: 15000 });
// Prefer robust selection: select the row by its first cell text matching the id "2"
const rowAusgang2 = table
.getByRole("row")
.filter({ has: page.getByRole("cell", { name: /^\s*2\s*$/ }) })
.first();
await rowAusgang2.waitFor({ state: "visible", timeout: 15000 });
await rowAusgang2.click();
await highlightAndExpectVisible(
page,
page.getByRole("cell", { name: "Schalter" })
@@ -45,12 +49,16 @@ export async function runDigitalOutputsTest(page: Page) {
page,
page.getByRole("cell", { name: "Aktion" })
);
page.getByRole("cell", { name: "1" }).locator("svg").click();
//page.getByRole("cell", { name: "1" }).click();
page.getByRole("cell", { name: "2", exact: true }).locator("svg").click();
page.getByRole("cell", { name: "2", exact: true }).click();
page.getByRole("cell", { name: "3", exact: true }).locator("svg").click();
page.getByRole("cell", { name: "3", exact: true }).click();
page.getByRole("cell", { name: "4", exact: true }).locator("svg").click();
page.getByRole("cell", { name: "4", exact: true }).click();
// Interact with the switch icon within each row deterministically
for (const id of [1, 2, 3, 4]) {
const row = table
.getByRole("row")
.filter({
has: page.getByRole("cell", { name: new RegExp(`^\\s*${id}\\s*$`) }),
})
.first();
await row.waitFor({ state: "visible", timeout: 10000 });
const switchIcon = row.locator("td >> nth=2").locator("svg");
await switchIcon.first().click();
}
}