import { test } from "@playwright/test";
import { highlightAndExpectVisible } from "@playwright/utils/highlight";

test("AnalogInputsSettingsModal opens after clicking settings", async ({
  page,
}) => {
  await page.goto("/analogInputs");
  // Wähle die erste Tabellenzeile und in der 5. Spalte (Einstellungen) den Button
  const firstRow = page.locator("table tbody tr").first();
  const settingsButton = firstRow.locator("td").nth(4).locator("button");
  await highlightAndExpectVisible(page, settingsButton);
  await settingsButton.click();
  await highlightAndExpectVisible(
    page,
    page.getByRole("button", { name: "Modal schließen" })
  );
});