Chore: homepage tests (#6278)

src/widgets/openwrt/component.test.jsx

@@ -0,0 +1,26 @@
+// @vitest-environment jsdom
+
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+
+const { Interface, System } = vi.hoisted(() => ({
+  Interface: vi.fn(() => <div data-testid="openwrt.interface" />),
+  System: vi.fn(() => <div data-testid="openwrt.system" />),
+}));
+
+vi.mock("./methods/interface", () => ({ default: Interface }));
+vi.mock("./methods/system", () => ({ default: System }));
+
+import Component from "./component";
+
+describe("widgets/openwrt/component", () => {
+  it("renders System when interfaceName is not set", () => {
+    render(<Component service={{ widget: { type: "openwrt" } }} />);
+    expect(screen.getByTestId("openwrt.system")).toBeInTheDocument();
+  });
+
+  it("renders Interface when interfaceName is set", () => {
+    render(<Component service={{ widget: { type: "openwrt", interfaceName: "eth0" } }} />);
+    expect(screen.getByTestId("openwrt.interface")).toBeInTheDocument();
+  });
+});

src/widgets/openwrt/methods/interface.test.jsx

@@ -0,0 +1,37 @@
+// @vitest-environment jsdom
+
+import { screen } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+
+import { renderWithProviders } from "test-utils/render-with-providers";
+
+const { useWidgetAPI } = vi.hoisted(() => ({
+  useWidgetAPI: vi.fn(),
+}));
+
+vi.mock("utils/proxy/use-widget-api", () => ({ default: useWidgetAPI }));
+
+import Component from "./interface";
+
+describe("widgets/openwrt/methods/interface", () => {
+  it("returns null while loading", () => {
+    useWidgetAPI.mockReturnValue({ data: undefined, error: undefined });
+    const { container } = renderWithProviders(<Component service={{ widget: { type: "openwrt" } }} />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("renders status and byte counters when loaded", () => {
+    useWidgetAPI.mockReturnValue({ data: { up: true, bytesTx: 100, bytesRx: 200 }, error: undefined });
+
+    renderWithProviders(<Component service={{ widget: { type: "openwrt" } }} />, { settings: { hideErrors: false } });
+
+    expect(screen.getByText("widget.status")).toBeInTheDocument();
+    expect(screen.getByText("openwrt.bytesTx")).toBeInTheDocument();
+    expect(screen.getByText("openwrt.bytesRx")).toBeInTheDocument();
+
+    // t("common.bytes") mock returns the numeric value as a string.
+    expect(screen.getByText("100")).toBeInTheDocument();
+    expect(screen.getByText("200")).toBeInTheDocument();
+    expect(screen.getByText("openwrt.up")).toBeInTheDocument();
+  });
+});

src/widgets/openwrt/methods/system.test.jsx

@@ -0,0 +1,33 @@
+// @vitest-environment jsdom
+
+import { screen } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+
+import { renderWithProviders } from "test-utils/render-with-providers";
+
+const { useWidgetAPI } = vi.hoisted(() => ({
+  useWidgetAPI: vi.fn(),
+}));
+
+vi.mock("utils/proxy/use-widget-api", () => ({ default: useWidgetAPI }));
+
+import Component from "./system";
+
+describe("widgets/openwrt/methods/system", () => {
+  it("returns null while loading", () => {
+    useWidgetAPI.mockReturnValue({ data: undefined, error: undefined });
+    const { container } = renderWithProviders(<Component service={{ widget: { type: "openwrt" } }} />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("renders uptime and cpu load when loaded", () => {
+    useWidgetAPI.mockReturnValue({ data: { uptime: 123, cpuLoad: "0.5" }, error: undefined });
+
+    renderWithProviders(<Component service={{ widget: { type: "openwrt" } }} />, { settings: { hideErrors: false } });
+
+    expect(screen.getByText("openwrt.uptime")).toBeInTheDocument();
+    expect(screen.getByText("openwrt.cpuLoad")).toBeInTheDocument();
+    expect(screen.getByText("123")).toBeInTheDocument();
+    expect(screen.getByText("0.5")).toBeInTheDocument();
+  });
+});

src/widgets/openwrt/proxy.test.js

@@ -0,0 +1,59 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+import createMockRes from "test-utils/create-mock-res";
+
+const { sendJsonRpcRequest, getServiceWidget, logger } = vi.hoisted(() => ({
+  sendJsonRpcRequest: vi.fn(),
+  getServiceWidget: vi.fn(),
+  logger: { debug: vi.fn() },
+}));
+
+vi.mock("utils/logger", () => ({
+  default: () => logger,
+}));
+vi.mock("utils/config/service-helpers", () => ({
+  default: getServiceWidget,
+}));
+vi.mock("utils/proxy/handlers/jsonrpc", () => ({
+  sendJsonRpcRequest,
+}));
+vi.mock("widgets/widgets", () => ({
+  default: {
+    openwrt: {
+      api: "{url}",
+    },
+  },
+}));
+
+import openwrtProxyHandler from "./proxy";
+
+describe("widgets/openwrt/proxy", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it("logs in and retries after an unauthorized response", async () => {
+    getServiceWidget.mockResolvedValue({ type: "openwrt", url: "http://openwrt", username: "u", password: "p" });
+
+    sendJsonRpcRequest
+      // initial call -> unauthorized
+      .mockResolvedValueOnce([200, "application/json", Buffer.from(JSON.stringify({ error: { code: -32002 } }))])
+      // login -> sets ubus token
+      .mockResolvedValueOnce([200, "application/json", Buffer.from(JSON.stringify([0, { ubus_rpc_session: "sess" }]))])
+      // retry system info -> ok
+      .mockResolvedValueOnce([
+        200,
+        "application/json",
+        Buffer.from(JSON.stringify([0, { uptime: 1, load: [0, 131072, 0] }])),
+      ]);
+
+    const req = { query: { group: "g", service: "svc", index: "0" } };
+    const res = createMockRes();
+
+    await openwrtProxyHandler(req, res);
+
+    expect(sendJsonRpcRequest).toHaveBeenCalledTimes(3);
+    expect(res.statusCode).toBe(200);
+    expect(JSON.parse(res.body).cpuLoad).toBe("2.00");
+  });
+});

src/widgets/openwrt/widget.test.js

@@ -0,0 +1,11 @@
+import { describe, it } from "vitest";
+
+import { expectWidgetConfigShape } from "test-utils/widget-config";
+
+import widget from "./widget";
+
+describe("openwrt widget config", () => {
+  it("exports a valid widget config", () => {
+    expectWidgetConfigShape(widget);
+  });
+});