@cccsaurora/howler-ui 3.1.0-dev.1655 → 3.1.0-dev.1657

package/components/routes/analytics/AnalyticTemplates.test.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { render, screen, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const mockDispatchApi = vi.hoisted(() => vi.fn());
+vi.mock('@mui/icons-material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return { ...actual, Article: () => _jsx("div", { children: "article-icon" }) };
+});
+vi.mock('@mui/material', () => ({
+    Box: ({ children }) => _jsx("div", { children: children }),
+    Fab: ({ children }) => _jsx("div", { children: children }),
+    Skeleton: () => _jsx("div", { children: "loading" }),
+    Stack: ({ children }) => _jsx("div", { children: children }),
+    Typography: ({ children }) => _jsx("div", { children: children }),
+    useMediaQuery: () => false
+}));
+vi.mock('@tui/core', () => ({
+    AppListEmpty: () => _jsx("div", { children: "empty" })
+}));
+vi.mock('api', () => ({
+    default: {
+        template: {
+            get: () => ({})
+        }
+    }
+}));
+vi.mock('chartjs-adapter-dayjs-4', () => ({}));
+vi.mock('components/hooks/useMyApi', () => ({
+    default: () => ({ dispatchApi: mockDispatchApi })
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('react-router', () => ({
+    Link: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('../templates/TemplateCard', () => ({
+    default: ({ template }) => (_jsx("div", { children: `template:${template.template_id}:${template.detection ?? ''}:${template.type}` }))
+}));
+import AnalyticTemplates from './AnalyticTemplates';
+describe('AnalyticTemplates', () => {
+    beforeEach(() => {
+        mockDispatchApi.mockReset();
+    });
+    it('shows a skeleton when the analytic is missing', () => {
+        mockDispatchApi.mockResolvedValue([]);
+        render(_jsx(AnalyticTemplates, { analytic: undefined }));
+        expect(screen.getByText('loading')).toBeInTheDocument();
+    });
+    it('loads matching templates and shows empty state when none match', async () => {
+        mockDispatchApi.mockResolvedValueOnce([
+            { template_id: 't1', analytic: 'Alpha', detection: 'Det1', type: 'global' },
+            { template_id: 't2', analytic: 'Beta', type: 'personal' }
+        ]);
+        const { rerender } = render(_jsx(AnalyticTemplates, { analytic: { name: 'Alpha' } }));
+        await waitFor(() => expect(screen.getByText('template:t1:Det1:global')).toBeInTheDocument());
+        expect(screen.getByText('route.templates.create')).toBeInTheDocument();
+        mockDispatchApi.mockResolvedValueOnce([{ template_id: 't2', analytic: 'Beta', type: 'personal' }]);
+        rerender(_jsx(AnalyticTemplates, { analytic: { name: 'Gamma' } }));
+        await waitFor(() => expect(screen.getByText('empty')).toBeInTheDocument());
+    });
+});

package/components/routes/analytics/TriageSettings.test.d.ts

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

package/components/routes/analytics/TriageSettings.test.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const mockDispatchApi = vi.hoisted(() => vi.fn());
+const apiConfigContextToken = vi.hoisted(() => ({ name: 'api-config-context' }));
+let configValue = { lookups: { 'howler.assessment': ['malicious', 'suspicious'] } };
+vi.mock('@mui/icons-material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        Check: () => _jsx("div", { children: "check-icon" }),
+        Delete: () => _jsx("div", { children: "delete-icon" }),
+        Remove: () => _jsx("div", { children: "remove-icon" })
+    };
+});
+vi.mock('@mui/material', () => ({
+    Card: ({ children }) => _jsx("div", { children: children }),
+    Chip: ({ label, onClick }) => _jsx("button", { onClick: onClick, children: label }),
+    Divider: () => _jsx("div", { children: "divider" }),
+    Grid: ({ children }) => _jsx("div", { children: children }),
+    IconButton: ({ children, onClick, disabled }) => (_jsx("button", { disabled: disabled, onClick: onClick, children: children })),
+    InputAdornment: ({ children }) => _jsx("div", { children: children }),
+    LinearProgress: () => _jsx("div", { children: "progress" }),
+    Paper: ({ children }) => _jsx("div", { children: children }),
+    Stack: ({ children }) => _jsx("div", { children: children }),
+    Table: ({ children }) => _jsx("div", { children: children }),
+    TableBody: ({ children }) => _jsx("div", { children: children }),
+    TableCell: ({ children }) => _jsx("div", { children: children }),
+    TableContainer: ({ children }) => _jsx("div", { children: children }),
+    TableHead: ({ children }) => _jsx("div", { children: children }),
+    TableRow: ({ children }) => _jsx("div", { children: children }),
+    TextField: ({ label, value, onChange, onKeyDown }) => (_jsxs("label", { children: [label, _jsx("input", { "aria-label": label, value: value, onChange: onChange, onKeyDown: onKeyDown })] })),
+    Tooltip: ({ children }) => _jsx("div", { children: children }),
+    Typography: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('api', () => ({
+    default: {
+        analytic: {
+            put: (id, payload) => ({ id, payload, op: 'put' })
+        }
+    }
+}));
+vi.mock('chartjs-adapter-dayjs-4', () => ({}));
+vi.mock('components/app/providers/ApiConfigProvider', () => ({
+    ApiConfigContext: apiConfigContextToken
+}));
+vi.mock('components/elements/EditRow', () => ({
+    default: ({ onEdit }) => _jsx("button", { onClick: () => onEdit('true'), children: "toggle-skip" })
+}));
+vi.mock('components/hooks/useMyApi', () => ({
+    default: () => ({ dispatchApi: mockDispatchApi })
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('react', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useContext: (context) => {
+            if (context === apiConfigContextToken) {
+                return { config: configValue };
+            }
+            return actual.useContext(context);
+        }
+    };
+});
+import TriageSettings from './TriageSettings';
+describe('TriageSettings', () => {
+    beforeEach(() => {
+        configValue = { lookups: { 'howler.assessment': ['malicious', 'suspicious'] } };
+        mockDispatchApi.mockReset().mockImplementation(async (_request) => ({ analytic_id: 'an-1' }));
+    });
+    it('updates skip rationale, assessments, and rationales', async () => {
+        const setAnalytic = vi.fn();
+        render(_jsx(TriageSettings, { analytic: { analytic_id: 'an-1', triage_settings: { valid_assessments: ['malicious'], rationales: ['because'] } }, setAnalytic: setAnalytic }));
+        fireEvent.click(screen.getByText('toggle-skip'));
+        await waitFor(() => expect(mockDispatchApi).toHaveBeenCalledWith({ id: 'an-1', op: 'put', payload: { triage_settings: { skip_rationale: true } } }, { throwError: true, showError: true }));
+        fireEvent.click(screen.getByText('Malicious'));
+        await waitFor(() => expect(mockDispatchApi).toHaveBeenCalledWith({ id: 'an-1', op: 'put', payload: { triage_settings: { valid_assessments: [] } } }, { throwError: true, showError: true }));
+        fireEvent.click(screen.getByText('delete-icon'));
+        await waitFor(() => expect(mockDispatchApi).toHaveBeenCalledWith({ id: 'an-1', op: 'put', payload: { triage_settings: { rationales: [] } } }, { throwError: true, showError: true }));
+        fireEvent.change(screen.getByLabelText('route.analytics.rationales.new'), { target: { value: 'new reason' } });
+        fireEvent.keyDown(screen.getByLabelText('route.analytics.rationales.new'), { key: 'Enter' });
+        await waitFor(() => expect(mockDispatchApi).toHaveBeenCalledWith({ id: 'an-1', op: 'put', payload: { triage_settings: { rationales: ['because', 'new reason'] } } }, { throwError: true, showError: true }));
+        expect(setAnalytic).toHaveBeenCalled();
+    });
+});

package/components/routes/analytics/widgets/Assessment.test.d.ts

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

package/components/routes/analytics/widgets/Assessment.test.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { render, screen, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const mockFacetPost = vi.hoisted(() => vi.fn());
+vi.mock('@mui/material', () => ({
+    Box: ({ children }) => _jsx("div", { children: children }),
+    Skeleton: () => _jsx("div", { children: "loading" }),
+    Typography: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('api', () => ({
+    default: {
+        search: {
+            facet: { hit: { post: mockFacetPost } }
+        }
+    }
+}));
+vi.mock('chartjs-adapter-dayjs-4', () => ({}));
+vi.mock('components/hooks/useMyChart', () => ({
+    default: () => ({
+        bar: (title) => ({ title })
+    })
+}));
+vi.mock('react-chartjs-2', () => ({
+    Bar: ({ data, options }) => _jsx("div", { children: JSON.stringify({ data, options }) })
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+import Assessment from './Assessment';
+describe('Assessment', () => {
+    beforeEach(() => {
+        mockFacetPost.mockReset();
+    });
+    it('shows a skeleton when no analytic is provided', () => {
+        render(_jsx(Assessment, { analytic: undefined }));
+        expect(screen.getByText('loading')).toBeInTheDocument();
+    });
+    it('renders a bar chart with facet data', async () => {
+        mockFacetPost.mockResolvedValueOnce({ 'howler.assessment': { malicious: 3, suspicious: 1 } });
+        render(_jsx(Assessment, { analytic: { name: 'Alpha' } }));
+        await waitFor(() => expect(screen.getByText(/route.analytics.assessment.title/)).toBeInTheDocument());
+        expect(screen.getByText(/"malicious"/)).toBeInTheDocument();
+    });
+});

package/components/routes/analytics/widgets/Created.test.d.ts

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

package/components/routes/analytics/widgets/Created.test.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { render, screen, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const mockHistogramPost = vi.hoisted(() => vi.fn());
+vi.mock('@mui/material', () => ({
+    Skeleton: () => _jsx("div", { children: "loading" })
+}));
+vi.mock('api', () => ({
+    default: {
+        search: {
+            histogram: { hit: { post: mockHistogramPost } }
+        }
+    }
+}));
+vi.mock('chartjs-adapter-dayjs-4', () => ({}));
+vi.mock('components/hooks/useMyChart', () => ({
+    default: () => ({
+        line: (title) => ({ title })
+    })
+}));
+vi.mock('react-chartjs-2', () => ({
+    Line: ({ data, options }) => _jsx("div", { children: JSON.stringify({ data, options }) })
+}));
+import Created from './Created';
+describe('Created', () => {
+    beforeEach(() => {
+        mockHistogramPost.mockReset();
+    });
+    it('renders a skeleton while no analytic is provided', () => {
+        render(_jsx(Created, { analytic: undefined }));
+        expect(screen.getByText('loading')).toBeInTheDocument();
+    });
+    it('loads histogram data into the line chart', async () => {
+        mockHistogramPost.mockResolvedValueOnce({ '2024-01-01T00:00:00Z': 2, '2024-01-02T00:00:00Z': 0 });
+        render(_jsx(Created, { analytic: { name: 'Alpha' } }));
+        await waitFor(() => expect(mockHistogramPost).toHaveBeenCalled());
+        expect(screen.getByText(/route.analytics.ingestion.title/)).toBeInTheDocument();
+        expect(screen.getByText(/"label":"Alpha"/)).toBeInTheDocument();
+    });
+});

package/components/routes/analytics/widgets/DetectionStatus.test.d.ts

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

package/components/routes/analytics/widgets/DetectionStatus.test.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+const mockStacked = vi.hoisted(() => vi.fn(({ field }) => _jsx("div", { children: field })));
+vi.mock('@mui/material', () => ({
+    useTheme: () => ({ palette: { grey: { 500: '#999' } } })
+}));
+vi.mock('chartjs-adapter-dayjs-4', () => ({}));
+vi.mock('./Stacked', () => ({
+    default: (props) => mockStacked(props)
+}));
+import Detection from './Detection';
+import Status from './Status';
+describe('Detection and Status', () => {
+    it('pass their analytic fields into the shared stacked widget', () => {
+        render(_jsxs("div", { children: [_jsx(Detection, { analytic: { name: 'Alpha' } }), _jsx(Status, { analytic: { name: 'Alpha' } })] }));
+        expect(screen.getByText('howler.detection')).toBeInTheDocument();
+        expect(screen.getByText('howler.status')).toBeInTheDocument();
+    });
+});

package/components/routes/analytics/widgets/Stacked.test.d.ts

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

package/components/routes/analytics/widgets/Stacked.test.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { render, screen, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const mockFacetPost = vi.hoisted(() => vi.fn());
+const mockHistogramPost = vi.hoisted(() => vi.fn());
+vi.mock('@mui/material', () => ({
+    Skeleton: () => _jsx("div", { children: "loading" })
+}));
+vi.mock('api', () => ({
+    default: {
+        search: {
+            facet: { hit: { post: mockFacetPost } },
+            histogram: { hit: { post: mockHistogramPost } }
+        }
+    }
+}));
+vi.mock('chartjs-adapter-dayjs-4', () => ({}));
+vi.mock('components/hooks/useMyChart', () => ({
+    default: () => ({
+        line: (title) => ({ plugins: { legend: { title } }, scales: { y: { beginAtZero: true } } })
+    })
+}));
+vi.mock('react-chartjs-2', () => ({
+    Line: ({ data, options }) => _jsx("div", { children: JSON.stringify({ data, options }) })
+}));
+import Stacked from './Stacked';
+describe('Stacked', () => {
+    beforeEach(() => {
+        mockFacetPost.mockReset();
+        mockHistogramPost.mockReset();
+    });
+    it('shows a skeleton without an analytic', () => {
+        render(_jsx(Stacked, { analytic: undefined, field: "howler.status" }));
+        expect(screen.getByText('loading')).toBeInTheDocument();
+    });
+    it('loads facet and histogram data into stacked chart datasets', async () => {
+        mockFacetPost.mockResolvedValueOnce({ 'howler.status': { open: 4, closed: 2 } });
+        mockHistogramPost
+            .mockResolvedValueOnce({ '2024-01-01T00:00:00Z': 2, '2024-01-02T00:00:00Z': 3 })
+            .mockResolvedValueOnce({ '2024-01-01T00:00:00Z': 1, '2024-01-02T00:00:00Z': 1 });
+        render(_jsx(Stacked, { analytic: { name: 'Alpha' }, field: "howler.status", color: value => `${value}-color` }));
+        await waitFor(() => expect(mockFacetPost).toHaveBeenCalledWith({ query: 'howler.analytic:("Alpha")', fields: ['howler.status'] }));
+        await waitFor(() => expect(mockHistogramPost).toHaveBeenCalledTimes(2));
+        const output = screen.getByText(/route.analytics.status.title/).textContent ?? '';
+        expect(output).toContain('"stacked":true');
+        expect(output).toContain('"label":"open"');
+        expect(output).toContain('"label":"closed"');
+        expect(output).toContain('"borderColor":"open-color"');
+    });
+});

package/components/routes/cases/Cases.test.d.ts

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

package/components/routes/cases/Cases.test.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import dayjs from 'dayjs';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const mockNavigate = vi.hoisted(() => vi.fn());
+const mockSetSearchParams = vi.hoisted(() => vi.fn());
+const mockLoad = vi.hoisted(() => vi.fn());
+const mockRequest = vi.hoisted(() => vi.fn());
+const listMethodContextToken = vi.hoisted(() => ({ name: 'list-method-context' }));
+let searchParamsValue = new URLSearchParams();
+let responseValue = {
+    total: 1,
+    items: [{ case_id: 'case-1', owner: 'demo' }]
+};
+vi.mock('@mui/icons-material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        Topic: () => _jsx("div", { children: "topic-icon" })
+    };
+});
+vi.mock('@mui/material', () => ({
+    Stack: ({ children }) => _jsx("div", { children: children }),
+    Typography: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('api', () => ({
+    default: {
+        v2: {
+            fuzzy: {
+                post: 'case-search'
+            }
+        }
+    }
+}));
+vi.mock('components/app/providers/SearchResponseProvider', () => ({
+    __esModule: true,
+    default: ({ children }) => _jsx("div", { children: children }),
+    createSearchResponseContext: () => ({}),
+    useSearchResponseContext: () => ({
+        response: responseValue,
+        request: mockRequest
+    })
+}));
+vi.mock('components/elements/addons/lists', () => ({
+    TuiListProvider: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/elements/addons/lists/TuiListProvider', () => ({
+    TuiListMethodContext: listMethodContextToken
+}));
+vi.mock('components/elements/display/ItemManager', () => ({
+    default: (props) => (_jsxs("div", { children: [_jsx("button", { onClick: () => props.onSearch(), children: "search" }), _jsx("button", { onClick: () => props.onPageChange(30), children: "page" }), _jsx("button", { onClick: () => props.onSelect({ id: 'case-1' }), children: "select" }), _jsx("div", { children: props.searchFilters }), props.response?.items?.map((item) => (_jsx("div", { children: props.renderer({ item: { item } }, () => 'card') }, item.case_id)))] }))
+}));
+vi.mock('components/hooks/useMyLocalStorage', () => ({
+    useMyLocalStorageItem: () => [25]
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('react-router', () => ({
+    useNavigate: () => mockNavigate,
+    useSearchParams: () => [searchParamsValue, mockSetSearchParams]
+}));
+vi.mock('./search/CaseAssigneeFilter', () => ({
+    default: ({ onChange }) => _jsx("button", { onClick: () => onChange(['Alice Example']), children: "assignee-filter" })
+}));
+vi.mock('./search/CaseDateFilter', () => ({
+    default: ({ onChange, onCustomStartChange, onCustomEndChange }) => (_jsxs("div", { children: [_jsx("button", { onClick: () => onChange('date.range.1.day'), children: "date-range" }), _jsx("button", { onClick: () => onChange('date.range.custom'), children: "date-custom" }), _jsx("button", { onClick: () => onCustomStartChange(dayjs('2026-01-01T00:00:00.000Z')), children: "custom-start" }), _jsx("button", { onClick: () => onCustomEndChange(dayjs('2026-01-02T00:00:00.000Z')), children: "custom-end" })] }))
+}));
+vi.mock('./search/CaseStatusFilter', () => ({
+    default: ({ onChange }) => _jsx("button", { onClick: () => onChange(['open', 'triaged']), children: "status-filter" })
+}));
+vi.mock('../../elements/case/CaseCard', () => ({
+    default: ({ case: caseItem, className }) => _jsx("div", { children: `${caseItem.case_id}:${className}` })
+}));
+vi.mock('react', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useContext: (context) => {
+            if (context === listMethodContextToken) {
+                return { load: mockLoad };
+            }
+            return actual.useContext(context);
+        }
+    };
+});
+import Cases from './Cases';
+describe('Cases', () => {
+    beforeEach(() => {
+        searchParamsValue = new URLSearchParams();
+        responseValue = {
+            total: 1,
+            items: [{ case_id: 'case-1', owner: 'demo' }]
+        };
+        mockNavigate.mockReset();
+        mockSetSearchParams.mockReset();
+        mockLoad.mockReset();
+        mockRequest.mockReset();
+    });
+    it('searches cases, applies filters, paginates, and navigates to selected cases', async () => {
+        render(_jsx(Cases, {}));
+        await waitFor(() => expect(mockRequest).toHaveBeenCalledWith('case-search', {
+            query: '*',
+            filters: ['status:("open" OR "in-progress")'],
+            rows: 25,
+            offset: 0,
+            indexes: ['case']
+        }));
+        expect(mockLoad).toHaveBeenCalledWith([expect.objectContaining({ id: 'case-1' })]);
+        fireEvent.click(screen.getByText('status-filter'));
+        await waitFor(() => expect(mockRequest).toHaveBeenLastCalledWith('case-search', {
+            query: '*',
+            filters: ['status:("open" OR "triaged")'],
+            rows: 25,
+            offset: 0,
+            indexes: ['case']
+        }));
+        fireEvent.click(screen.getByText('assignee-filter'));
+        await waitFor(() => expect(mockRequest.mock.calls.at(-1)?.[1].filters).toEqual(expect.arrayContaining(['(participants:"Alice Example" OR tasks.assignment:"Alice Example")'])));
+        fireEvent.click(screen.getByText('date-range'));
+        await waitFor(() => expect(mockRequest.mock.calls.at(-1)?.[1].filters).toEqual(expect.arrayContaining(['created:[now-1d/d TO now]'])));
+        fireEvent.click(screen.getByText('date-custom'));
+        fireEvent.click(screen.getByText('custom-start'));
+        fireEvent.click(screen.getByText('custom-end'));
+        await waitFor(() => expect(mockRequest.mock.calls.at(-1)?.[1].filters.some((entry) => entry.startsWith('created:['))).toBe(true));
+        fireEvent.click(screen.getByText('page'));
+        expect(mockSetSearchParams).toHaveBeenCalled();
+        fireEvent.click(screen.getByText('select'));
+        expect(mockNavigate).toHaveBeenCalledWith('/cases/case-1');
+    });
+});

package/components/routes/dossiers/Dossiers.test.d.ts

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

package/components/routes/dossiers/Dossiers.test.js

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const modalContextToken = vi.hoisted(() => ({ name: 'modal-context' }));
+const listMethodContextToken = vi.hoisted(() => ({ name: 'list-method-context' }));
+const mockDispatchApi = vi.hoisted(() => vi.fn());
+const mockShowSuccessMessage = vi.hoisted(() => vi.fn());
+const mockNavigate = vi.hoisted(() => vi.fn());
+const mockSetSearchParams = vi.hoisted(() => vi.fn());
+const mockLoad = vi.hoisted(() => vi.fn());
+const mockRequest = vi.hoisted(() => vi.fn());
+const mockRemove = vi.hoisted(() => vi.fn());
+const mockGetSearchRequestData = vi.hoisted(() => vi.fn((data) => ({ offset: data.offset })));
+const mockDossierDelete = vi.hoisted(() => vi.fn((dossierId) => ({ dossierId })));
+let searchParamsValue = new URLSearchParams();
+let responseValue = {
+    total: 2,
+    items: [
+        { dossier_id: 'dos-1', name: 'Alpha' },
+        { dossier_id: 'dos-2', name: 'Bravo' }
+    ]
+};
+vi.mock('@mui/icons-material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return { ...actual, Topic: () => _jsx("div", { children: "topic-icon" }) };
+});
+vi.mock('@mui/material', () => ({
+    Typography: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('api', () => ({
+    default: {
+        search: {
+            dossier: {
+                post: 'dossier-search'
+            }
+        },
+        dossier: {
+            del: mockDossierDelete
+        }
+    }
+}));
+vi.mock('components/app/providers/ModalProvider', () => ({
+    ModalContext: modalContextToken
+}));
+vi.mock('components/app/providers/SearchResponseProvider', () => ({
+    __esModule: true,
+    default: ({ children }) => _jsx("div", { children: children }),
+    createSearchResponseContext: () => ({}),
+    useSearchResponseContext: () => ({
+        response: responseValue,
+        request: mockRequest,
+        remove: mockRemove,
+        getSearchRequestData: mockGetSearchRequestData
+    })
+}));
+vi.mock('components/elements/addons/lists', () => ({
+    TuiListProvider: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/elements/addons/lists/TuiListProvider', () => ({
+    TuiListMethodContext: listMethodContextToken
+}));
+vi.mock('components/elements/display/ItemManager', () => ({
+    default: (props) => (_jsxs("div", { children: [_jsx("button", { onClick: () => props.onSearch(), children: "search" }), _jsx("button", { onClick: () => props.onPageChange(30), children: "page" }), _jsx("button", { onClick: () => props.onCreate(), children: "create" }), _jsx("button", { onClick: () => props.onSelect({ id: 'dos-1' }), children: "select" }), _jsx("div", { children: props.aboveSearch }), _jsx("div", { children: String(props.hasError) }), _jsx("div", { children: String(props.searching) }), props.response?.items?.map((item) => (_jsx("div", { children: props.renderer({ item: { item } }, () => 'card') }, item.dossier_id)))] }))
+}));
+vi.mock('components/hooks/useMyApi', () => ({
+    default: () => ({ dispatchApi: mockDispatchApi })
+}));
+vi.mock('components/hooks/useMyLocalStorage', () => ({
+    useMyLocalStorageItem: () => [25]
+}));
+vi.mock('components/hooks/useMySnackbar', () => ({
+    default: () => ({ showSuccessMessage: mockShowSuccessMessage })
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('react-router', () => ({
+    useNavigate: () => mockNavigate,
+    useSearchParams: () => [searchParamsValue, mockSetSearchParams]
+}));
+vi.mock('./DossierCard', () => ({
+    default: ({ dossier, onDelete, className }) => (_jsxs("div", { children: [_jsx("span", { children: `${dossier.dossier_id}:${className}` }), _jsxs("button", { onClick: () => onDelete({
+                    preventDefault: () => undefined,
+                    stopPropagation: () => undefined
+                }, dossier.dossier_id), children: ["remove-", dossier.dossier_id] })] }))
+}));
+vi.mock('react', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useContext: (context) => {
+            if (context === listMethodContextToken) {
+                return { load: mockLoad };
+            }
+            if (context === modalContextToken) {
+                return { withConfirmDeleteModal: (fn) => void fn() };
+            }
+            return actual.useContext(context);
+        }
+    };
+});
+import Dossiers from './Dossiers';
+describe('Dossiers', () => {
+    beforeEach(() => {
+        searchParamsValue = new URLSearchParams();
+        responseValue = {
+            total: 2,
+            items: [
+                { dossier_id: 'dos-1', name: 'Alpha' },
+                { dossier_id: 'dos-2', name: 'Bravo' }
+            ]
+        };
+        mockDispatchApi.mockReset();
+        mockShowSuccessMessage.mockReset();
+        mockNavigate.mockReset();
+        mockSetSearchParams.mockReset();
+        mockLoad.mockReset();
+        mockRequest.mockReset();
+        mockRemove.mockReset();
+        mockGetSearchRequestData.mockClear();
+        mockDossierDelete.mockReset();
+    });
+    it('searches, paginates, and navigates dossiers', async () => {
+        render(_jsx(Dossiers, {}));
+        await waitFor(() => expect(mockRequest).toHaveBeenCalledWith('dossier-search', { query: '*:*', rows: 25, offset: 0 }));
+        expect(mockLoad).toHaveBeenCalledWith([
+            expect.objectContaining({ id: 'dos-1' }),
+            expect.objectContaining({ id: 'dos-2' })
+        ]);
+        fireEvent.click(screen.getByText('page'));
+        expect(mockSetSearchParams).toHaveBeenCalled();
+        fireEvent.click(screen.getByText('select'));
+        expect(mockNavigate).toHaveBeenCalledWith('/dossiers/dos-1/edit');
+        fireEvent.click(screen.getByText('create'));
+        expect(mockNavigate).toHaveBeenCalledWith('/dossiers/create');
+    });
+    it('deletes dossiers and handles delete failures', async () => {
+        mockDispatchApi.mockResolvedValueOnce({});
+        render(_jsx(Dossiers, {}));
+        fireEvent.click(screen.getByText('remove-dos-1'));
+        await waitFor(() => expect(mockDossierDelete).toHaveBeenCalledWith('dos-1'));
+        expect(mockRemove).toHaveBeenCalledWith('dos-1');
+        expect(mockShowSuccessMessage).toHaveBeenCalledWith('route.dossiers.manager.delete.success');
+        const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => undefined);
+        mockDispatchApi.mockRejectedValueOnce(new Error('delete failed'));
+        fireEvent.click(screen.getByText('remove-dos-2'));
+        await waitFor(() => expect(warnSpy).toHaveBeenCalled());
+    });
+});

package/components/routes/help/ActionDocumentation.test.d.ts

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