lhcb-ntuple-wizard-test 2.0.7 → 2.2.0

package/dist/tests/pages/DecaySearchPage.test.js

@@ -0,0 +1,228 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { DecaySearchPage } from "../../pages/DecaySearchPage";
+import { MemoryRouter } from "react-router-dom";
+import { createMockRow, mockDecay } from "../testUtils";
+// ---------------------------------------------------------------------------
+// Provider mocks
+// ---------------------------------------------------------------------------
+let mockRows = [];
+const mockSetRows = vi.fn();
+vi.mock("../../providers/RowsProvider", () => ({
+    useRows: () => ({
+        rows: mockRows,
+        configuredRows: [],
+        setRows: mockSetRows,
+        updateRow: vi.fn(),
+        removeRow: vi.fn(),
+        generateAllFiles: vi.fn(),
+    }),
+}));
+vi.mock("../../providers/WizardConfigProvider", () => ({
+    useWizardConfig: () => ({ variant: "standalone", basePath: "" }),
+}));
+// ---------------------------------------------------------------------------
+// Child component mocks — replace heavy components with lightweight stubs
+// ---------------------------------------------------------------------------
+// Stub DecayList: clicking an unselected item selects it; clicking a selected item deselects it
+vi.mock("../../components/DecayList", () => ({
+    DecayList: ({ decays, selectedDecays, onItemSelected, }) => (_jsx("ul", { "data-testid": "decay-list", children: decays.map((d) => {
+            const isSelected = selectedDecays.some((sd) => sd.descriptors.plain === d.descriptors.plain);
+            return (_jsx("li", { "data-testid": "decay-list-item", "data-selected": isSelected, onClick: () => isSelected
+                    ? onItemSelected(selectedDecays.filter((sd) => sd.descriptors.plain !== d.descriptors.plain))
+                    : onItemSelected([...selectedDecays, d]), children: d.descriptors.plain }, d.descriptors.plain));
+        }) })),
+}));
+vi.mock("../../components/ParticleDropdown", () => ({
+    ParticleDropdown: ({ placeholder }) => (_jsx("input", { "data-testid": "particle-dropdown", placeholder: placeholder })),
+}));
+vi.mock("../../components/TagDropdown", () => ({
+    TagDropdown: ({ placeholder }) => (_jsx("input", { "data-testid": "tag-dropdown", placeholder: placeholder })),
+    // Keep the real getSelectTagOptions so the useEffect that sets selectedTags works correctly
+    getSelectTagOptions: (tags, filter) => Object.keys(tags)
+        .filter((k) => filter(tags[k]))
+        .map((k) => ({ value: k, label: k })),
+}));
+// Make useTransition fire synchronously so showDecaysList=true immediately
+vi.mock("react", async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useTransition: () => [false, (fn) => fn()],
+    };
+});
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+function renderPage() {
+    return render(_jsx(MemoryRouter, { children: _jsx(DecaySearchPage, {}) }));
+}
+// Wait for the tag-loading effect to run so the decay list is visible
+async function renderPageReady() {
+    const result = renderPage();
+    await waitFor(() => expect(screen.queryByTestId("loading-indicator")).not.toBeInTheDocument());
+    return result;
+}
+// ---------------------------------------------------------------------------
+// Tests — structure
+// ---------------------------------------------------------------------------
+describe("DecaySearchPage — structure", () => {
+    beforeEach(() => {
+        mockRows = [];
+    });
+    it("renders the 'Decay search' heading", async () => {
+        await renderPageReady();
+        expect(screen.getByText(/decay search/i)).toBeInTheDocument();
+    });
+    it("renders the guide link button", async () => {
+        await renderPageReady();
+        expect(screen.getByTestId("guide-link")).toBeInTheDocument();
+    });
+    it("renders particle dropdown controls", async () => {
+        await renderPageReady();
+        expect(screen.getAllByTestId("particle-dropdown").length).toBeGreaterThan(0);
+    });
+    it("renders tag dropdown controls", async () => {
+        await renderPageReady();
+        expect(screen.getAllByTestId("tag-dropdown").length).toBeGreaterThan(0);
+    });
+    it("renders the 'Show only selected' checkbox", async () => {
+        await renderPageReady();
+        expect(screen.getByText(/show only selected/i)).toBeInTheDocument();
+    });
+});
+// ---------------------------------------------------------------------------
+// Tests — decay list
+// ---------------------------------------------------------------------------
+describe("DecaySearchPage — decay list", () => {
+    beforeEach(() => {
+        mockRows = [];
+    });
+    it("renders the decay list after tags load", async () => {
+        await renderPageReady();
+        expect(screen.getByTestId("decay-list")).toBeInTheDocument();
+    });
+    it("shows the decay from mockMetadata in the list", async () => {
+        await renderPageReady();
+        expect(screen.getByText("[B+ -> K+ mu+ mu-]cc")).toBeInTheDocument();
+    });
+});
+// ---------------------------------------------------------------------------
+// Tests — Select button
+// ---------------------------------------------------------------------------
+describe("DecaySearchPage — Select button", () => {
+    beforeEach(() => {
+        mockRows = [];
+    });
+    it("renders the Select button", async () => {
+        await renderPageReady();
+        expect(screen.getByRole("button", { name: /select/i })).toBeInTheDocument();
+    });
+    it("shows 0 selected decays initially", async () => {
+        await renderPageReady();
+        // The badge inside the button shows the count
+        expect(screen.getByText("0")).toBeInTheDocument();
+    });
+    it("increments the selected count when a decay is clicked", async () => {
+        await renderPageReady();
+        fireEvent.click(screen.getByTestId("decay-list-item"));
+        await waitFor(() => expect(screen.getByText("1")).toBeInTheDocument());
+    });
+    it("pre-populates selectedDecays from existing rows", async () => {
+        mockRows = [createMockRow({ id: 0, decay: mockDecay })];
+        await renderPageReady();
+        // The count badge should show 1 because the row's decay is pre-selected
+        expect(screen.getByText("1")).toBeInTheDocument();
+    });
+});
+// ---------------------------------------------------------------------------
+// Tests — sendData / setRows
+// ---------------------------------------------------------------------------
+describe("DecaySearchPage — sending data", () => {
+    beforeEach(() => {
+        mockRows = [];
+        mockSetRows.mockClear();
+    });
+    it("calls setRows when the Select button is clicked", async () => {
+        await renderPageReady();
+        fireEvent.click(screen.getByRole("button", { name: /select/i }));
+        expect(mockSetRows).toHaveBeenCalledOnce();
+    });
+    it("passes selected decays to setRows", async () => {
+        await renderPageReady();
+        // Select a decay from the list
+        fireEvent.click(screen.getByTestId("decay-list-item"));
+        // Click the Select button
+        fireEvent.click(screen.getByRole("button", { name: /select/i }));
+        const calledWith = mockSetRows.mock.calls[0][0];
+        expect(calledWith).toHaveLength(1);
+        expect(calledWith[0].decay.descriptors.plain).toBe("[B+ -> K+ mu+ mu-]cc");
+    });
+    it("preserves existing row config (dtt, line, paths) for re-selected decays", async () => {
+        const existingRow = createMockRow({
+            id: 0,
+            decay: mockDecay,
+            paths: ["/some/path/DIMUON.DST"],
+        });
+        mockRows = [existingRow];
+        await renderPageReady();
+        fireEvent.click(screen.getByRole("button", { name: /select/i }));
+        const calledWith = mockSetRows.mock.calls[0][0];
+        // The existing row should be preserved (same paths)
+        expect(calledWith[0].paths).toEqual(["/some/path/DIMUON.DST"]);
+    });
+    it("removes a row when its decay is deselected before clicking Select", async () => {
+        // Render with an existing row so the decay starts pre-selected
+        mockRows = [createMockRow({ id: 0, decay: mockDecay })];
+        await renderPageReady();
+        // Click the decay list item to deselect it (mock toggles selection)
+        const listItem = screen.getByTestId("decay-list-item");
+        expect(listItem).toHaveAttribute("data-selected", "true");
+        fireEvent.click(listItem);
+        await waitFor(() => expect(screen.getByText("0")).toBeInTheDocument());
+        // Click Select — the deselected decay's row should not be included
+        fireEvent.click(screen.getByRole("button", { name: /select/i }));
+        const calledWith = mockSetRows.mock.calls[0][0];
+        expect(calledWith).toHaveLength(0);
+    });
+});
+// ---------------------------------------------------------------------------
+// Tests — filter controls behaviour
+// ---------------------------------------------------------------------------
+describe("DecaySearchPage — filter controls", () => {
+    beforeEach(() => {
+        mockRows = [];
+    });
+    it("renders the 'Head' dropdown button", async () => {
+        await renderPageReady();
+        expect(screen.getByRole("button", { name: /head/i })).toBeInTheDocument();
+    });
+    it("renders the 'Contains' dropdown button", async () => {
+        await renderPageReady();
+        expect(screen.getByRole("button", { name: /contains/i })).toBeInTheDocument();
+    });
+    it("renders the 'Tags' dropdown button", async () => {
+        await renderPageReady();
+        expect(screen.getByRole("button", { name: /tags/i })).toBeInTheDocument();
+    });
+    it("shows a ParticleDropdown for head with placeholder when headMatchType=exactly (default)", async () => {
+        await renderPageReady();
+        // Two ParticleDropdowns exist (head + contains); find the head one by placeholder
+        const headDropdown = screen.getByPlaceholderText("DecayLatex head");
+        expect(headDropdown).toBeInTheDocument();
+    });
+    it("switches to a TagDropdown for head when headMatchType is changed to 'category'", async () => {
+        await renderPageReady();
+        // Click the Head dropdown toggle to open it
+        const headBtn = screen.getByRole("button", { name: /head/i });
+        fireEvent.click(headBtn);
+        // Click the "category" dropdown item
+        const categoryItem = screen.getByText("category");
+        fireEvent.click(categoryItem);
+        // Now TagDropdown should replace ParticleDropdown for the head filter
+        const tagDropdowns = screen.getAllByTestId("tag-dropdown");
+        const headTagDropdown = tagDropdowns.find((el) => el.getAttribute("placeholder") === "DecayLatex head");
+        expect(headTagDropdown).toBeInTheDocument();
+    });
+});

package/dist/tests/pages/DecayTreeConfigPage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/pages/DecayTreeConfigPage.test.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import { DecayTreeConfigPage } from "../../pages/DecayTreeConfigPage";
+import { MemoryRouter } from "react-router-dom";
+import { createMockDtt, createMockRow, mockDecay } from "../testUtils";
+// ---------------------------------------------------------------------------
+// Provider mocks
+// ---------------------------------------------------------------------------
+const mockNavigate = vi.fn();
+vi.mock("react-router-dom", async (importOriginal) => {
+    const actual = await importOriginal();
+    return { ...actual, useNavigate: () => mockNavigate };
+});
+let mockRows = [];
+vi.mock("../../providers/RowsProvider", () => ({
+    useRows: () => ({
+        rows: mockRows,
+        configuredRows: mockRows.filter((r) => r.dtt),
+        setRows: vi.fn(),
+        updateRow: vi.fn(),
+        removeRow: vi.fn(),
+        generateAllFiles: vi.fn(),
+    }),
+}));
+vi.mock("../../providers/WizardConfigProvider", () => ({
+    useWizardConfig: () => ({ variant: "standalone", basePath: "" }),
+}));
+// ---------------------------------------------------------------------------
+// Child component mocks
+// ---------------------------------------------------------------------------
+// DecayTreeCard uses Cytoscape which cannot run in jsdom; replace with a stub
+vi.mock("../../components/DecayTreeCard", () => ({
+    DecayTreeCard: () => _jsx("div", { "data-testid": "decay-tree-card" }),
+}));
+vi.mock("../../providers/DttProvider", () => ({ DttProvider: ({ children }) => children }));
+vi.mock("../../providers/RowProvider", () => ({ RowProvider: ({ children }) => children }));
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+function renderPage() {
+    return render(_jsx(MemoryRouter, { children: _jsx(DecayTreeConfigPage, {}) }));
+}
+function createRowWithDtt(id, editTree = false) {
+    return createMockRow({
+        id,
+        decay: mockDecay,
+        dtt: createMockDtt(`Tree${id}`),
+        editTree,
+    });
+}
+// ---------------------------------------------------------------------------
+// Tests — structure
+// ---------------------------------------------------------------------------
+describe("DecayTreeConfigPage — structure", () => {
+    beforeEach(() => {
+        mockRows = [];
+    });
+    it("renders the 'DecayTreeTuple configuration' heading", () => {
+        renderPage();
+        expect(screen.getByText(/decaytreetuple configuration/i)).toBeInTheDocument();
+    });
+    it("renders the Return button", () => {
+        renderPage();
+        expect(screen.getByRole("button", { name: /return/i })).toBeInTheDocument();
+    });
+});
+// ---------------------------------------------------------------------------
+// Tests — conditional rendering based on editTree flag
+// ---------------------------------------------------------------------------
+describe("DecayTreeConfigPage — editTree filtering", () => {
+    it("shows no DecayTreeCard when no rows have editTree=true", () => {
+        mockRows = [createRowWithDtt(0, false), createRowWithDtt(1, false)];
+        renderPage();
+        expect(screen.queryByTestId("decay-tree-card")).not.toBeInTheDocument();
+    });
+    it("shows a DecayTreeCard for each row with editTree=true", () => {
+        mockRows = [createRowWithDtt(0, true), createRowWithDtt(1, true)];
+        renderPage();
+        expect(screen.getAllByTestId("decay-tree-card")).toHaveLength(2);
+    });
+    it("shows only the rows with editTree=true, not others", () => {
+        mockRows = [createRowWithDtt(0, true), createRowWithDtt(1, false), createRowWithDtt(2, true)];
+        renderPage();
+        expect(screen.getAllByTestId("decay-tree-card")).toHaveLength(2);
+    });
+    it("shows no cards when rows list is empty", () => {
+        mockRows = [];
+        renderPage();
+        expect(screen.queryByTestId("decay-tree-card")).not.toBeInTheDocument();
+    });
+});
+// ---------------------------------------------------------------------------
+// Tests — navigation
+// ---------------------------------------------------------------------------
+describe("DecayTreeConfigPage — Return button navigation", () => {
+    beforeEach(() => {
+        mockRows = [];
+    });
+    it("navigates to basePath when Return is clicked", async () => {
+        renderPage();
+        fireEvent.click(screen.getByRole("button", { name: /return/i }));
+        await waitFor(() => expect(mockNavigate).toHaveBeenCalledWith(""));
+    });
+});

package/dist/tests/pages/RequestPage.test.d.ts

@@ -0,0 +1 @@
+export {};