pleno-vue/tests/e2e/superuser-system-status.smoke.spec.js

import { expect, test } from "@playwright/test";
import { mockApi, seedAuthenticatedState } from "./support/network.js";

function json(body, status = 200) {
  return {
    status,
    contentType: "application/json",
    body: JSON.stringify(body),
  };
}

async function primeSuperuserSession(page) {
  const token = "superuser-system-status-token";
  await seedAuthenticatedState(page, token);
  await page.goto("/login");
  await page.evaluate(async (sessionToken) => {
    const sessionModule = await import("/src/components/session/token/SessionUser.vue");
    window.localStorage.setItem("token", sessionToken);
    sessionModule.SessionUser.token.value = sessionToken;
    sessionModule.SessionUser.authenticated.value = true;
    sessionModule.SessionUser.permissions.value = ["superuser", "user"];
    sessionModule.SessionUser.initiated.value = true;
  }, token);
}

async function installSystemStatusMock(page, snapshot) {
  await page.route(/\/superuser\/system\/status(?:\?.*)?$/, async (route) => {
    await route.fulfill(
      json({
        success: true,
        data: snapshot,
        meta: {},
        includes: {},
      })
    );
  });
}

const degradedSnapshot = {
  overall_status: "degraded",
  generated_at: "2026-04-08T08:45:00.000Z",
  refresh_after_seconds: 30,
  runtime: {
    cpu: { status: "ok", usage_percent: 34.5, source: "proc_stat", checked_at: "2026-04-08T08:45:00.000Z" },
    memory: {
      status: "degraded",
      usage_percent: 91.3,
      used_bytes: 6442450944,
      total_bytes: 8589934592,
      source: "cgroup_v2",
      checked_at: "2026-04-08T08:45:00.000Z",
    },
    disk: {
      status: "ok",
      usage_percent: 56.2,
      used_bytes: 53687091200,
      total_bytes: 107374182400,
      path: "/var/www/html",
      checked_at: "2026-04-08T08:45:00.000Z",
    },
  },
  dependencies: {
    database: {
      status: "ok",
      latency_ms: 4.2,
      database: "truckwash",
      server_version: "8.0.36",
      checked_at: "2026-04-08T08:45:00.000Z",
    },
    redis: {
      status: "down",
      latency_ms: 12.8,
      database: 0,
      checked_at: "2026-04-08T08:45:00.000Z",
      error: "Connection refused",
    },
    minio: {
      status: "degraded",
      latency_ms: 7.1,
      endpoint: "http://minio:9000",
      checked_at: "2026-04-08T08:45:00.000Z",
      buckets: [
        { name: "attachments", status: "ok" },
        { name: "backups", status: "down", error: "Missing bucket" },
      ],
    },
  },
  modules: [
    {
      key: "openai",
      enabled: true,
      configured: true,
      probe_supported: true,
      status: "ok",
      status_reason: "OpenAI API connectivity confirmed.",
      checked_at: "2026-04-08T08:45:00.000Z",
    },
    {
      key: "bird",
      enabled: true,
      configured: true,
      probe_supported: true,
      status: "degraded",
      status_reason: "Bird API returned HTTP 503.",
      checked_at: "2026-04-08T08:45:00.000Z",
    },
  ],
  sessions: {
    active_window_minutes: 15,
    active_users: 3,
    active_sessions: 4,
    recent_sessions: [
      {
        session_kind: "user",
        principal_id: 101,
        display_name: "Acme Logistics",
        context_label: "Customer 1001",
        customer_number_context: 1001,
        device_type: "desktop",
        user_agent: "Mozilla/5.0",
        last_route: "/superuser/vehicles",
        first_seen_at: "2026-04-08T08:20:00.000Z",
        last_seen_at: "2026-04-08T08:44:00.000Z",
        active: true,
      },
    ],
  },
  warnings: ["Redis is unavailable; module probe caching is bypassed."],
};

const databaseCompatibilitySnapshot = {
  ...degradedSnapshot,
  overall_status: "ok",
  runtime: {
    ...degradedSnapshot.runtime,
    memory: {
      status: "ok",
      usage_percent: 48.2,
      used_bytes: 4294967296,
      total_bytes: 8589934592,
      source: "cgroup_v2",
      checked_at: "2026-04-08T08:45:00.000Z",
    },
  },
  dependencies: {
    ...degradedSnapshot.dependencies,
    redis: {
      status: "ok",
      latency_ms: 1.9,
      database: 0,
      checked_at: "2026-04-08T08:45:00.000Z",
    },
    minio: {
      status: "ok",
      latency_ms: 5.4,
      endpoint: "http://minio:9000",
      checked_at: "2026-04-08T08:45:00.000Z",
      buckets: [
        { name: "attachments", status: "ok" },
        { name: "backups", status: "ok" },
      ],
    },
  },
  warnings: [],
};

test.describe("Superuser system status smoke", () => {
  test.beforeEach(async ({ page }) => {
    await mockApi(page, {
      authenticated: true,
      permissions: ["superuser", "user"],
    });
    await primeSuperuserSession(page);
  });

  test("@smoke superuser status dashboard renders degraded infrastructure and recent sessions", async ({ page }) => {
    await installSystemStatusMock(page, degradedSnapshot);

    await page.goto("/superuser");

    await expect(page).toHaveURL(/\/superuser$/);
    await expect(page.getByTestId("system-status-dashboard")).toBeVisible();
    await expect(page.getByTestId("status-card-database")).toContainText("truckwash");
    await expect(page.locator("body")).toContainText("Acme Logistics");
    await expect(page.locator("body")).toContainText("/superuser/vehicles");
    await expect(page.locator("body")).toContainText("Redis is unavailable; module probe caching is bypassed.");
    await expect(page.locator('a[href="/superuser/configuration/openai"]').last()).toBeVisible();
  });

  test("@smoke superuser database compatibility page renders shared database status snapshot", async ({ page }) => {
    await installSystemStatusMock(page, databaseCompatibilitySnapshot);

    await page.goto("/superuser/system/database");

    await expect(page).toHaveURL(/\/superuser\/system\/database$/);
    await expect(page.getByTestId("database-status-card")).toBeVisible();
    await expect(page.getByTestId("database-status-card")).toContainText("truckwash");
    await expect(page.getByTestId("database-status-card")).toContainText("8.0.36");
  });
});