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

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

@@ -0,0 +1,112 @@
+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());
+let appUserValue = { user: { username: 'demo', roles: ['admin'] } };
+vi.mock('@mui/icons-material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        Add: () => _jsx("div", { children: "add-icon" }),
+        Delete: () => _jsx("div", { children: "delete-icon" }),
+        Label: () => _jsx("div", { children: "label-icon" }),
+        LinkRounded: () => _jsx("div", { children: "link-icon" }),
+        Plagiarism: () => _jsx("div", { children: "plagiarism-icon" })
+    };
+});
+vi.mock('@mui/material', () => ({
+    Box: ({ children }) => _jsx("div", { children: children }),
+    Card: ({ children }) => _jsx("div", { children: children }),
+    CircularProgress: () => _jsx("div", { children: "loading" }),
+    Divider: () => _jsx("div", { children: "divider" }),
+    FormControl: ({ children }) => _jsx("div", { children: children }),
+    Grid: ({ children }) => _jsx("div", { children: children }),
+    IconButton: ({ children, onClick, disabled }) => (_jsx("button", { disabled: disabled, onClick: onClick, children: children })),
+    InputAdornment: ({ children }) => _jsx("div", { children: children }),
+    InputLabel: ({ children }) => _jsx("div", { children: children }),
+    MenuItem: ({ children }) => _jsx("div", { children: children }),
+    Select: ({ onChange }) => (_jsx("button", { onClick: () => onChange({ target: { value: 'Det-2' } }), children: "set-detection" })),
+    Stack: ({ children }) => _jsx("div", { children: children }),
+    TextField: ({ label, value, onChange }) => (_jsxs("label", { children: [label, _jsx("input", { "aria-label": label, value: value, onChange: onChange })] })),
+    Tooltip: ({ children }) => _jsx("div", { children: children }),
+    Typography: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('@tui/core', () => ({
+    useAppUser: () => appUserValue
+}));
+vi.mock('api', () => ({
+    default: {
+        analytic: {
+            notebooks: {
+                post: (id, payload) => ({ id, payload, op: 'post' }),
+                del: (id, notebookIds) => ({ id, notebookIds, op: 'del' })
+            }
+        }
+    }
+}));
+vi.mock('components/elements/addons/layout/FlexOne', () => ({
+    default: () => _jsx("div", { children: "flex" })
+}));
+vi.mock('components/elements/display/HowlerAvatar', () => ({
+    default: ({ userId }) => _jsx("div", { children: `avatar:${userId}` })
+}));
+vi.mock('components/elements/hit/HitNotebooks', () => ({
+    default: ({ selectedNotebook }) => _jsx("div", { children: `hits:${selectedNotebook}` })
+}));
+vi.mock('components/hooks/useMyApi', () => ({
+    default: () => ({ dispatchApi: mockDispatchApi })
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+import AnalyticNotebooks from './AnalyticNotebooks';
+describe('AnalyticNotebooks', () => {
+    beforeEach(() => {
+        appUserValue = { user: { username: 'demo', roles: ['admin'] } };
+        mockDispatchApi.mockReset();
+    });
+    it('adds notebooks and clears the form when the request succeeds', async () => {
+        const setAnalytic = vi.fn();
+        mockDispatchApi.mockResolvedValueOnce({ analytic_id: 'an-1', notebooks: [] });
+        render(_jsx(AnalyticNotebooks, { analytic: { analytic_id: 'an-1', detections: ['Det-1', 'Det-2'], notebooks: [] }, setAnalytic: setAnalytic }));
+        fireEvent.click(screen.getByText('set-detection'));
+        fireEvent.change(screen.getByLabelText('analytic.notebook.name'), { target: { value: 'Notebook 1' } });
+        fireEvent.change(screen.getByLabelText('analytic.notebook.link'), { target: { value: 'https://example.test' } });
+        fireEvent.click(screen.getByText('add-icon'));
+        await waitFor(() => expect(mockDispatchApi).toHaveBeenCalledWith({
+            id: 'an-1',
+            op: 'post',
+            payload: {
+                detection: 'Det-2',
+                link: 'https://example.test',
+                name: 'Notebook 1',
+                value: 'https://example.test'
+            }
+        }, expect.any(Object)));
+        expect(setAnalytic).toHaveBeenCalledWith({ analytic_id: 'an-1', notebooks: [] });
+        expect(screen.getByLabelText('analytic.notebook.name')).toHaveValue('');
+        expect(screen.getByLabelText('analytic.notebook.link')).toHaveValue('');
+    });
+    it('renders notebooks in detection order and deletes removable entries', async () => {
+        const setAnalytic = vi.fn();
+        const analytic = {
+            analytic_id: 'an-1',
+            detections: ['Det-1', 'Det-2'],
+            notebooks: [
+                { id: 'n2', detection: 'Det-2', name: 'Second', value: 'link-2', user: 'other' },
+                { id: 'n1', detection: 'Det-1', name: 'First', value: 'link-1', user: 'demo' }
+            ]
+        };
+        render(_jsx(AnalyticNotebooks, { analytic: analytic, setAnalytic: setAnalytic }));
+        expect(screen.getByText('avatar:demo')).toBeInTheDocument();
+        expect(screen.getByText('hits:First')).toBeInTheDocument();
+        expect(screen.getByText('Det-1')).toBeInTheDocument();
+        fireEvent.click(screen.getAllByText('delete-icon')[0]);
+        await waitFor(() => expect(mockDispatchApi).toHaveBeenCalledWith({ id: 'an-1', notebookIds: ['n1'], op: 'del' }));
+        expect(setAnalytic).toHaveBeenCalledWith({
+            ...analytic,
+            notebooks: [{ id: 'n2', detection: 'Det-2', name: 'Second', value: 'link-2', user: 'other' }]
+        });
+    });
+});

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

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

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

@@ -0,0 +1,97 @@
+import { jsx as _jsx } 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 mockShowSuccessMessage = vi.hoisted(() => vi.fn());
+const mockCountPost = vi.hoisted(() => vi.fn());
+vi.mock('@mui/icons-material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        Check: () => _jsx("div", { children: "check-icon" }),
+        Edit: () => _jsx("div", { children: "edit-icon" })
+    };
+});
+vi.mock('@mui/material', () => ({
+    Alert: ({ children }) => _jsx("div", { children: children }),
+    AlertTitle: ({ children }) => _jsx("div", { children: children }),
+    Box: ({ children }) => _jsx("div", { children: children }),
+    Card: ({ children }) => _jsx("div", { children: children }),
+    CardContent: ({ children }) => _jsx("div", { children: children }),
+    CircularProgress: () => _jsx("div", { children: "loading-indicator" }),
+    Divider: () => _jsx("div", { children: "divider" }),
+    IconButton: ({ children, onClick }) => _jsx("button", { onClick: onClick, children: children }),
+    Skeleton: () => _jsx("div", { children: "loading" }),
+    Stack: ({ children }) => _jsx("div", { children: children }),
+    TextField: ({ value, onChange }) => _jsx("textarea", { "aria-label": "edit-description", value: value, onChange: onChange }),
+    Typography: ({ children }) => _jsx("div", { children: children }),
+    useMediaQuery: () => false,
+    useTheme: () => ({ breakpoints: { down: () => 'md' }, spacing: (n) => `${n * 8}px` })
+}));
+vi.mock('api', () => ({
+    default: {
+        analytic: {
+            put: (id, payload) => ({ id, payload, op: 'put' })
+        },
+        search: {
+            count: {
+                hit: {
+                    post: mockCountPost
+                }
+            }
+        }
+    }
+}));
+vi.mock('chartjs-adapter-dayjs-4', () => ({}));
+vi.mock('components/elements/display/Markdown', () => ({
+    default: ({ md }) => _jsx("div", { children: `markdown:${md}` })
+}));
+vi.mock('components/hooks/useMyApi', () => ({
+    default: () => ({ dispatchApi: mockDispatchApi })
+}));
+vi.mock('components/hooks/useMySnackbar', () => ({
+    default: () => ({ showSuccessMessage: mockShowSuccessMessage })
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('./widgets/Assessment', () => ({ default: () => _jsx("div", { children: "assessment" }) }));
+vi.mock('./widgets/Created', () => ({ default: () => _jsx("div", { children: "created" }) }));
+vi.mock('./widgets/Detection', () => ({ default: () => _jsx("div", { children: "detection" }) }));
+vi.mock('./widgets/Escalation', () => ({ default: () => _jsx("div", { children: "escalation" }) }));
+vi.mock('./widgets/Status', () => ({ default: () => _jsx("div", { children: "status" }) }));
+import AnalyticOverview from './AnalyticOverview';
+describe('AnalyticOverview', () => {
+    beforeEach(() => {
+        mockDispatchApi.mockReset();
+        mockShowSuccessMessage.mockReset();
+        mockCountPost.mockReset();
+    });
+    it('shows an empty-state warning when no hits match the analytic', async () => {
+        mockCountPost.mockResolvedValueOnce({ count: 0 });
+        render(_jsx(AnalyticOverview, { analytic: { analytic_id: 'an-1', name: 'Alpha', description: 'desc' }, setAnalytic: vi.fn() }));
+        await waitFor(() => expect(mockCountPost).toHaveBeenCalledWith({ query: 'howler.analytic:"Alpha"' }));
+        await waitFor(() => {
+            expect(screen.getByText('route.analytics.overview.empty.title')).toBeInTheDocument();
+            expect(screen.getByText('route.analytics.overview.empty.description')).toBeInTheDocument();
+        });
+    });
+    it('renders statistics and saves edited markdown descriptions', async () => {
+        const setAnalytic = vi.fn();
+        mockCountPost.mockResolvedValueOnce({ count: 2 });
+        mockDispatchApi.mockResolvedValueOnce({ analytic_id: 'an-1', description: 'updated' });
+        render(_jsx(AnalyticOverview, { analytic: { analytic_id: 'an-1', name: 'Alpha', description: 'original' }, setAnalytic: setAnalytic }));
+        await waitFor(() => expect(screen.getByText('created')).toBeInTheDocument());
+        expect(screen.getByText('assessment')).toBeInTheDocument();
+        expect(screen.getByText('status')).toBeInTheDocument();
+        expect(screen.getByText('detection')).toBeInTheDocument();
+        expect(screen.getByText('markdown:original')).toBeInTheDocument();
+        fireEvent.click(screen.getByText('edit-icon'));
+        fireEvent.change(screen.getByLabelText('edit-description'), { target: { value: 'updated' } });
+        fireEvent.click(screen.getByText('check-icon'));
+        await waitFor(() => expect(mockDispatchApi).toHaveBeenCalledWith({ id: 'an-1', op: 'put', payload: { description: 'updated' } }, { showError: true, throwError: true }));
+        expect(setAnalytic).toHaveBeenCalledWith({ analytic_id: 'an-1', description: 'updated' });
+        expect(mockShowSuccessMessage).toHaveBeenCalledWith('route.analytics.updated');
+    });
+});

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

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

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

@@ -0,0 +1,70 @@
+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 mockGetOverviews = vi.hoisted(() => vi.fn(async () => undefined));
+const overviewContextToken = vi.hoisted(() => ({ name: 'overview-context' }));
+let overviewsValue = [];
+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('chartjs-adapter-dayjs-4', () => ({}));
+vi.mock('components/app/providers/OverviewProvider', () => ({
+    OverviewContext: overviewContextToken
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('react-router', () => ({
+    Link: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('../overviews/OverviewCard', () => ({
+    default: ({ overview }) => _jsx("div", { children: `overview:${overview.overview_id}:${overview.detection ?? ''}` })
+}));
+vi.mock('react', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useContext: (context) => {
+            if (context === overviewContextToken) {
+                return { getOverviews: mockGetOverviews, overviews: overviewsValue };
+            }
+            return actual.useContext(context);
+        }
+    };
+});
+import AnalyticOverviews from './AnalyticOverviews';
+describe('AnalyticOverviews', () => {
+    beforeEach(() => {
+        overviewsValue = [];
+        mockGetOverviews.mockClear();
+    });
+    it('shows a skeleton when the analytic is missing', () => {
+        render(_jsx(AnalyticOverviews, { analytic: undefined }));
+        expect(screen.getByText('loading')).toBeInTheDocument();
+    });
+    it('loads matching overviews and falls back to the empty state', async () => {
+        overviewsValue = [
+            { overview_id: 'o1', analytic: 'Alpha', detection: 'Det1' },
+            { overview_id: 'o2', analytic: 'Beta' }
+        ];
+        const { rerender } = render(_jsx(AnalyticOverviews, { analytic: { name: 'Alpha' } }));
+        await waitFor(() => expect(mockGetOverviews).toHaveBeenCalled());
+        expect(screen.getByText('overview:o1:Det1')).toBeInTheDocument();
+        expect(screen.getByText('route.overviews.create')).toBeInTheDocument();
+        rerender(_jsx(AnalyticOverviews, { analytic: { name: 'Gamma' } }));
+        await waitFor(() => expect(screen.getByText('empty')).toBeInTheDocument());
+    });
+});

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

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

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

@@ -0,0 +1,167 @@
+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 listMethodContextToken = vi.hoisted(() => ({ name: 'list-method-context' }));
+const mockDispatchApi = 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 mockSetUser = vi.hoisted(() => vi.fn());
+let searchParamsValue = new URLSearchParams();
+let responseValue = {
+    total: 1,
+    items: [
+        { analytic_id: 'an-1', name: 'Alpha', owner: 'owner-1', contributors: ['owner-1', 'user-2'], detections: ['d1'] }
+    ]
+};
+let appUserValue = {
+    user: { username: 'demo', favourite_analytics: [] },
+    setUser: mockSetUser
+};
+vi.mock('@mui/icons-material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        Star: () => _jsx("div", { children: "star" }),
+        StarBorder: () => _jsx("div", { children: "star-border" })
+    };
+});
+vi.mock('@mui/material', () => ({
+    AvatarGroup: ({ children }) => _jsx("div", { children: children }),
+    Card: ({ children, onClick }) => _jsx("div", { onClick: onClick, children: children }),
+    CardContent: ({ children }) => _jsx("div", { children: children }),
+    CardHeader: ({ title }) => _jsx("div", { children: title }),
+    Chip: ({ label }) => _jsx("div", { children: label }),
+    Divider: () => _jsx("div", { children: "divider" }),
+    Grid: ({ children }) => _jsx("div", { children: children }),
+    IconButton: ({ children, onClick }) => _jsx("button", { onClick: onClick, children: children }),
+    Stack: ({ children }) => _jsx("div", { children: children }),
+    Tooltip: ({ children }) => _jsx("div", { children: children }),
+    Typography: ({ children }) => _jsx("div", { children: children }),
+    useTheme: () => ({ palette: { text: { disabled: '#999' } }, spacing: (v) => `${v * 8}px` })
+}));
+vi.mock('@tui/core', () => ({
+    useAppUser: () => appUserValue
+}));
+vi.mock('api', () => ({
+    default: {
+        analytic: {
+            favourite: {
+                post: (id) => ({ id, op: 'add' }),
+                del: (id) => ({ id, op: 'remove' })
+            }
+        },
+        search: {
+            analytic: {
+                post: 'analytic-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/layout/FlexOne', () => ({
+    default: () => _jsx("div", { children: "flex" })
+}));
+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/HowlerAvatar', () => ({
+    default: ({ userId }) => _jsx("div", { children: `avatar:${userId}` })
+}));
+vi.mock('components/elements/display/ItemManager', () => ({
+    default: (props) => (_jsxs("div", { children: [_jsx("button", { onClick: () => props.onSearch(), children: "search" }), _jsx("button", { onClick: () => props.onPageChange(50), children: "page" }), _jsx("div", { children: props.aboveSearch }), props.response?.items?.map((item) => (_jsx("div", { children: props.renderer({ item: { item } }, () => 'card') }, item.analytic_id)))] }))
+}));
+vi.mock('components/hooks/useMyApi', () => ({
+    default: () => ({ dispatchApi: mockDispatchApi })
+}));
+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('react', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useContext: (context) => {
+            if (context === listMethodContextToken) {
+                return { load: mockLoad };
+            }
+            return actual.useContext(context);
+        }
+    };
+});
+import AnalyticSearch from './AnalyticSearch';
+describe('AnalyticSearch', () => {
+    beforeEach(() => {
+        searchParamsValue = new URLSearchParams();
+        responseValue = {
+            total: 1,
+            items: [
+                {
+                    analytic_id: 'an-1',
+                    name: 'Alpha',
+                    owner: 'owner-1',
+                    contributors: ['owner-1', 'user-2'],
+                    detections: ['d1', 'd2', 'd3', 'd4', 'd5', 'd6']
+                }
+            ]
+        };
+        appUserValue = {
+            user: { username: 'demo', favourite_analytics: [] },
+            setUser: mockSetUser
+        };
+        mockDispatchApi.mockReset().mockImplementation(async (value) => value);
+        mockNavigate.mockReset();
+        mockSetSearchParams.mockReset();
+        mockLoad.mockReset();
+        mockRequest.mockReset().mockResolvedValue(responseValue);
+        mockSetUser.mockReset();
+    });
+    it('searches analytics, paginates, navigates, and toggles favourites', async () => {
+        render(_jsx(AnalyticSearch, {}));
+        await waitFor(() => expect(mockRequest).toHaveBeenCalledWith('analytic-search', {
+            query: 'name:** OR detections:**',
+            rows: 25,
+            offset: 0
+        }));
+        expect(mockLoad).toHaveBeenCalledWith([expect.objectContaining({ id: 'an-1' })]);
+        expect(screen.getByText('Alpha')).toBeInTheDocument();
+        expect(screen.getByText('avatar:owner-1')).toBeInTheDocument();
+        expect(screen.getByText('avatar:user-2')).toBeInTheDocument();
+        expect(screen.getByText('+ 1')).toBeInTheDocument();
+        fireEvent.click(screen.getByText('page'));
+        expect(mockSetSearchParams).toHaveBeenCalled();
+        fireEvent.click(screen.getByText('star-border'));
+        await waitFor(() => expect(mockSetUser).toHaveBeenCalledWith(expect.objectContaining({ favourite_analytics: ['an-1'] })));
+        fireEvent.click(screen.getByText('Alpha'));
+        expect(mockNavigate).toHaveBeenCalledWith('/analytics/an-1');
+    });
+    it('removes favourites when the analytic is already pinned', async () => {
+        appUserValue = {
+            user: { username: 'demo', favourite_analytics: ['an-1'] },
+            setUser: mockSetUser
+        };
+        render(_jsx(AnalyticSearch, {}));
+        fireEvent.click(screen.getByText('star'));
+        await waitFor(() => expect(mockSetUser).toHaveBeenCalledWith(expect.objectContaining({ favourite_analytics: [] })));
+    });
+});

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

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

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 {};