homepage/src/widgets/ombi/component.test.jsx
2026-02-20 20:25:34 -08:00

52 lines
1.9 KiB
JavaScript

// @vitest-environment jsdom
import { screen } from "@testing-library/react";
import { beforeEach, describe, expect, it, vi } from "vitest";
import { renderWithProviders } from "test-utils/render-with-providers";
import { expectBlockValue } from "test-utils/widget-assertions";
const { useWidgetAPI } = vi.hoisted(() => ({ useWidgetAPI: vi.fn() }));
vi.mock("utils/proxy/use-widget-api", () => ({ default: useWidgetAPI }));
import Component from "./component";
describe("widgets/ombi/component", () => {
beforeEach(() => {
vi.clearAllMocks();
});
it("renders placeholders while loading", () => {
useWidgetAPI.mockReturnValue({ data: undefined, error: undefined });
const { container } = renderWithProviders(<Component service={{ widget: { type: "ombi" } }} />, {
settings: { hideErrors: false },
});
expect(container.querySelectorAll(".service-block")).toHaveLength(3);
expect(screen.getByText("ombi.pending")).toBeInTheDocument();
expect(screen.getByText("ombi.approved")).toBeInTheDocument();
expect(screen.getByText("ombi.available")).toBeInTheDocument();
});
it("renders error UI when endpoint errors", () => {
useWidgetAPI.mockReturnValue({ data: undefined, error: { message: "nope" } });
renderWithProviders(<Component service={{ widget: { type: "ombi" } }} />, { settings: { hideErrors: false } });
expect(screen.getAllByText(/widget\.api_error/i).length).toBeGreaterThan(0);
expect(screen.getByText("nope")).toBeInTheDocument();
});
it("renders request counts when loaded", () => {
useWidgetAPI.mockReturnValue({ data: { pending: 1, approved: 2, available: 3 }, error: undefined });
const { container } = renderWithProviders(<Component service={{ widget: { type: "ombi" } }} />, {
settings: { hideErrors: false },
});
expectBlockValue(container, "ombi.pending", 1);
expectBlockValue(container, "ombi.approved", 2);
expectBlockValue(container, "ombi.available", 3);
});
});