feat(portal): harden industrial dashboard tabs smoke

2026-06-04 08:21:53 +03:00
parent 2645082183
commit 9f5f99ae65
5 changed files with 356 additions and 46 deletions
@@ -0,0 +1,181 @@
+#!/usr/bin/env node
+import { createRequire } from "node:module";
+import fs from "node:fs";
+import path from "node:path";
+import process from "node:process";
+import { fileURLToPath } from "node:url";
+
+const require = createRequire(import.meta.url);
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
+
+function loadPlaywright() {
+  const home = process.env.HOME || "";
+  const candidates = [
+    "playwright",
+    "playwright-core",
+    process.env.PLAYWRIGHT_CORE_MODULE,
+    home ? path.join(home, ".agents/skills/playwright/node_modules/playwright-core") : "",
+  ].filter(Boolean);
+  for (const candidate of candidates) {
+    try {
+      return require(candidate);
+    } catch {
+      // Try the next local Playwright installation.
+    }
+  }
+  throw new Error("Playwright module not found");
+}
+
+function env(name, fallback = "") {
+  const value = process.env[name];
+  return value && value.trim() ? value.trim() : fallback;
+}
+
+function authHeaders() {
+  const explicit = env("DETMIR_PORTAL_SMOKE_AUTH_HEADER");
+  if (explicit) return { Authorization: explicit };
+  const basic = env("DETMIR_PORTAL_SMOKE_BASIC_AUTH", env("DETMIR_BASIC_AUTH"));
+  if (basic) return { Authorization: `Basic ${basic}` };
+  return {};
+}
+
+function extractDataTabs(html) {
+  return [...html.matchAll(/data-tab=["']([^"']+)["']/g)].map((match) => match[1]);
+}
+
+function assertStaticTabHandlers() {
+  const index = fs.readFileSync(path.join(root, "adk-rust/crates/detmir-portal/src/static/index.html"), "utf8");
+  const app = fs.readFileSync(path.join(root, "adk-rust/crates/detmir-portal/src/static/app.js"), "utf8");
+  const tabs = [...new Set(extractDataTabs(index))];
+  const missing = tabs.filter((tab) => !app.includes(`state.tab === "${tab}"`));
+  if (missing.length) {
+    throw new Error(`data-tab without app.js handler: ${missing.join(", ")}`);
+  }
+  return tabs;
+}
+
+const expectedTabs = [
+  { tab: "operator", label: "Обзор", marker: "Управленческая сводка" },
+  { tab: "employees", label: "Сотрудники", marker: "Карточки сотрудников" },
+  { tab: "departments", label: "Подразделения", marker: "Рейтинг подразделений" },
+  { tab: "owner", label: "Риски", marker: "Контроль безопасности" },
+  { tab: "incidents", label: "Расследования", marker: "Расследования и доказательная база" },
+  { tab: "perimeter", label: "Сетевой периметр", marker: "Состояние доступных сигналов" },
+  { tab: "reports", label: "Отчеты", marker: "Срезы отчета" },
+  { tab: "settings", label: "Настройки", marker: "Параметры расчета" },
+];
+
+async function main() {
+  const staticTabs = assertStaticTabHandlers();
+  const missingExpected = expectedTabs.filter((item) => !staticTabs.includes(item.tab));
+  if (missingExpected.length) {
+    throw new Error(`expected tabs absent in index.html: ${missingExpected.map((item) => item.tab).join(", ")}`);
+  }
+
+  const { chromium } = loadPlaywright();
+  const url = env("DETMIR_PORTAL_SMOKE_URL", "http://127.0.0.1:8720/portal/");
+  const timeout = Number(env("DETMIR_PORTAL_SMOKE_TIMEOUT_MS", "30000"));
+  const browser = await chromium.launch({
+    headless: true,
+    args: ["--no-sandbox", "--disable-dev-shm-usage"],
+  });
+  const context = await browser.newContext({
+    ignoreHTTPSErrors: true,
+    viewport: { width: 1440, height: 950 },
+    extraHTTPHeaders: authHeaders(),
+  });
+  const page = await context.newPage();
+  const errors = [];
+  const badResponses = [];
+  page.on("pageerror", (error) => errors.push(error.message));
+  page.on("console", (message) => {
+    if (message.type() === "error") errors.push(message.text());
+  });
+  page.on("response", (response) => {
+    if (response.status() >= 400) badResponses.push({ url: response.url(), status: response.status() });
+  });
+
+  const results = [];
+  const checks = [];
+  try {
+    await page.goto(url, { waitUntil: "domcontentloaded", timeout });
+    await page.waitForSelector(".tab", { timeout });
+    for (const item of expectedTabs) {
+      await page.click(`button[data-tab="${item.tab}"]`, { timeout });
+      await page.waitForFunction(
+        (marker) => document.body && document.body.innerText.includes(marker),
+        item.marker,
+        { timeout },
+      );
+      const activeTab = await page.locator(".tab.is-active").innerText({ timeout });
+      const bodyText = await page.locator("#content").innerText({ timeout });
+      const stillLoading = bodyText.includes("Загрузка") || bodyText.includes("Обновление периода");
+      const ok = activeTab.trim() === item.label && bodyText.includes(item.marker) && !stillLoading;
+      results.push({ tab: item.tab, label: item.label, marker: item.marker, ok });
+      if (item.tab === "settings") {
+        const requiredSettings = [
+          "Период расчета",
+          "Рабочий день",
+          "Порог WARN",
+          "Порог FAIL",
+          "Источник правил",
+          "Дата последнего пересчета",
+        ];
+        checks.push({
+          name: "settings_readonly_rows",
+          ok: requiredSettings.every((marker) => bodyText.includes(marker)),
+          required: requiredSettings,
+        });
+      }
+    }
+    await page.click('button[data-tab="operator"]', { timeout });
+    await page.waitForFunction(
+      () => document.body && document.body.innerText.includes("Топ рисков"),
+      null,
+      { timeout },
+    );
+    const investigationButtons = await page.locator("[data-open-investigation]").count();
+    if (investigationButtons > 0) {
+      await page.locator("[data-open-investigation]").first().click({ timeout });
+      await page.waitForFunction(
+        () => document.body && document.body.innerText.includes("Расследования и доказательная база"),
+        null,
+        { timeout },
+      );
+      const activeTab = await page.locator(".tab.is-active").innerText({ timeout });
+      checks.push({
+        name: "risk_open_investigation_readonly_navigation",
+        ok: activeTab.trim() === "Расследования",
+        buttons: investigationButtons,
+      });
+    } else {
+      checks.push({
+        name: "risk_open_investigation_readonly_navigation",
+        ok: true,
+        buttons: 0,
+        skipped: "no risk rows in current report",
+      });
+    }
+  } finally {
+    await browser.close();
+  }
+
+  const ok = results.every((item) => item.ok) && checks.every((item) => item.ok) && errors.length === 0 && badResponses.length === 0;
+  const result = {
+    ok,
+    generated_at_utc: new Date().toISOString(),
+    url,
+    static_tabs: staticTabs,
+    tabs: results,
+    checks,
+    errors,
+    bad_responses: badResponses,
+  };
+  process.stdout.write(`${JSON.stringify(result, null, 2)}\n`);
+  process.exitCode = ok ? 0 : 2;
+}
+
+main().catch((error) => {
+  process.stdout.write(`${JSON.stringify({ ok: false, error: error.message }, null, 2)}\n`);
+  process.exitCode = 2;
+});