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

package/components/routes/overviews/Overviews.test.js

@@ -0,0 +1,154 @@
+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 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 mockOverviewDelete = vi.hoisted(() => vi.fn((overviewId) => ({ overviewId })));
+const analyticContextToken = vi.hoisted(() => ({ name: 'analytic-context' }));
+const listMethodContextToken = vi.hoisted(() => ({ name: 'list-method-context' }));
+let searchParamsValue = new URLSearchParams();
+let responseValue = {
+    total: 2,
+    items: [
+        { overview_id: 'ov-1', analytic: 'Alpha', detection: 'Match' },
+        { overview_id: 'ov-2', analytic: 'Bravo', detection: 'Unknown' }
+    ]
+};
+let analyticContextValue = {
+    analytics: [{ name: 'Alpha', detections: ['match'] }]
+};
+vi.mock('@mui/icons-material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        Article: () => _jsx("div", { children: "article-icon" })
+    };
+});
+vi.mock('@mui/material', () => ({
+    Typography: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('api', () => ({
+    default: {
+        search: {
+            overview: {
+                post: 'overview-search'
+            }
+        },
+        overview: {
+            del: mockOverviewDelete
+        }
+    }
+}));
+vi.mock('components/app/providers/AnalyticProvider', () => ({
+    AnalyticContext: analyticContextToken
+}));
+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(50), children: "page" }), _jsx("button", { onClick: () => props.onCreate(), children: "create" }), _jsx("button", { onClick: () => props.onSelect({ id: 'ov-1', item: responseValue.items[0] }), 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, disabled: item.overview_id === 'ov-2' } }, () => 'card') }, item.overview_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('./OverviewCard', () => ({
+    default: ({ overview, error, onRemove, className }) => (_jsxs("div", { children: [_jsx("span", { children: `${overview.overview_id}:${String(error)}:${className}` }), _jsxs("button", { onClick: () => onRemove(overview.overview_id), children: ["remove-", overview.overview_id] })] }))
+}));
+vi.mock('react', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useContext: (context) => {
+            if (context === analyticContextToken) {
+                return analyticContextValue;
+            }
+            if (context === listMethodContextToken) {
+                return { load: mockLoad };
+            }
+            return actual.useContext(context);
+        }
+    };
+});
+import Overviews from './Overviews';
+describe('Overviews', () => {
+    beforeEach(() => {
+        searchParamsValue = new URLSearchParams();
+        responseValue = {
+            total: 2,
+            items: [
+                { overview_id: 'ov-1', analytic: 'Alpha', detection: 'Match' },
+                { overview_id: 'ov-2', analytic: 'Bravo', detection: 'Unknown' }
+            ]
+        };
+        analyticContextValue = { analytics: [{ name: 'Alpha', detections: ['match'] }] };
+        mockDispatchApi.mockReset();
+        mockShowSuccessMessage.mockReset();
+        mockNavigate.mockReset();
+        mockSetSearchParams.mockReset();
+        mockLoad.mockReset();
+        mockRequest.mockReset();
+        mockRemove.mockReset();
+        mockGetSearchRequestData.mockClear();
+        mockOverviewDelete.mockReset();
+    });
+    it('searches, loads list items, paginates, and navigates', async () => {
+        render(_jsx(Overviews, {}));
+        await waitFor(() => expect(mockRequest).toHaveBeenCalledWith('overview-search', { query: '*:*', rows: 25, offset: 0 }));
+        expect(mockLoad).toHaveBeenCalledWith([
+            expect.objectContaining({ id: 'ov-1', disabled: false }),
+            expect.objectContaining({ id: 'ov-2', disabled: true })
+        ]);
+        fireEvent.click(screen.getByText('page'));
+        expect(mockSetSearchParams).toHaveBeenCalled();
+        fireEvent.click(screen.getByText('select'));
+        expect(mockNavigate).toHaveBeenCalledWith('/overviews/view?analytic=Alpha&detection=Match');
+        fireEvent.click(screen.getByText('create'));
+        expect(mockNavigate).toHaveBeenCalledWith('/overviews/view');
+    });
+    it('removes overviews and tolerates delete errors', async () => {
+        mockDispatchApi.mockResolvedValueOnce({});
+        render(_jsx(Overviews, {}));
+        fireEvent.click(screen.getByText('remove-ov-1'));
+        await waitFor(() => expect(mockOverviewDelete).toHaveBeenCalledWith('ov-1'));
+        expect(mockRemove).toHaveBeenCalledWith('ov-1');
+        expect(mockShowSuccessMessage).toHaveBeenCalledWith('route.overviews.manager.delete.success');
+        const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => undefined);
+        mockDispatchApi.mockRejectedValueOnce(new Error('delete failed'));
+        fireEvent.click(screen.getByText('remove-ov-2'));
+        await waitFor(() => expect(warnSpy).toHaveBeenCalled());
+    });
+});

package/components/routes/settings/AdminSection.test.d.ts

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

package/components/routes/settings/AdminSection.test.js

@@ -0,0 +1,26 @@
+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 mockExecuteFunction = vi.hoisted(() => vi.fn());
+vi.mock('plugins/store', () => ({
+    default: { plugins: ['demo'] }
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('react-pluggable', () => ({
+    usePluginStore: () => ({ executeFunction: mockExecuteFunction })
+}));
+vi.mock('./SettingsSection', () => ({
+    default: ({ children, title }) => (_jsxs("div", { children: [_jsx("span", { children: title }), children] }))
+}));
+import AdminSection from './AdminSection';
+describe('AdminSection', () => {
+    it('renders plugin-provided admin settings', () => {
+        mockExecuteFunction.mockReturnValue(_jsx("div", { children: "admin-plugin" }));
+        render(_jsx(AdminSection, {}));
+        expect(screen.getByText('page.settings.admin.title')).toBeInTheDocument();
+        expect(screen.getByText('admin-plugin')).toBeInTheDocument();
+    });
+});

package/components/routes/settings/LocalSection.test.d.ts

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

package/components/routes/settings/LocalSection.test.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { fireEvent, render, screen } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const mockExecuteFunction = vi.hoisted(() => vi.fn());
+const setters = vi.hoisted(() => Array.from({ length: 9 }, () => vi.fn()));
+const storageValues = [true, false, false, true, 'normal', 'list', 25, null, null];
+vi.mock('@mui/icons-material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        List: () => _jsx("div", { children: "list-icon" }),
+        TableChart: () => _jsx("div", { children: "table-icon" }),
+        ViewComfy: () => _jsx("div", { children: "comfy-icon" }),
+        ViewCompact: () => _jsx("div", { children: "dense-icon" }),
+        ViewModule: () => _jsx("div", { children: "normal-icon" })
+    };
+});
+vi.mock('@mui/material', () => ({
+    MenuItem: ({ children }) => _jsx("option", { children: children }),
+    Select: ({ value, onChange }) => (_jsxs("select", { "aria-label": "page-count", value: value, onChange: onChange, children: [_jsx("option", { value: 5, children: "5" }), _jsx("option", { value: 25, children: "25" }), _jsx("option", { value: 50, children: "50" })] })),
+    Stack: ({ children }) => _jsx("div", { children: children }),
+    TableCell: ({ children }) => _jsx("div", { children: children }),
+    TableRow: ({ children }) => _jsx("div", { children: children }),
+    ToggleButton: ({ children, value }) => _jsx("button", { "data-value": value, children: children }),
+    ToggleButtonGroup: ({ children, onChange }) => (_jsxs("div", { children: [_jsx("button", { onClick: () => onChange(null, 'dense'), children: "choose-layout" }), _jsx("button", { onClick: () => onChange(null, 'grid'), children: "choose-display" }), children] })),
+    Typography: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/hooks/useMyLocalStorage', () => ({
+    useMyLocalStorageItem: vi.fn((_, defaultValue) => {
+        const index = vi.mocked.calls ?? 0;
+        return [storageValues[index] ?? defaultValue, setters[index]];
+    })
+}));
+vi.mock('plugins/store', () => ({
+    default: { plugins: ['demo'] }
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('react-pluggable', () => ({
+    usePluginStore: () => ({ executeFunction: mockExecuteFunction })
+}));
+vi.mock('../../elements/EditRow', () => ({
+    default: ({ titleKey, onEdit, value }) => (_jsx("button", { onClick: () => onEdit?.('true'), children: `${titleKey}:${String(value)}` }))
+}));
+vi.mock('./SettingsSection', () => ({
+    default: ({ children, title }) => (_jsxs("div", { children: [_jsx("span", { children: title }), children] }))
+}));
+import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
+import LocalSection from './LocalSection';
+describe('LocalSection', () => {
+    beforeEach(() => {
+        let call = 0;
+        vi.mocked(useMyLocalStorageItem).mockImplementation((_, defaultValue) => {
+            const index = call++;
+            return [storageValues[index] ?? defaultValue, setters[index]];
+        });
+        setters.forEach(fn => fn.mockReset());
+        mockExecuteFunction.mockReset();
+        mockExecuteFunction.mockReturnValue(_jsx("div", { children: "local-plugin" }));
+    });
+    it('updates stored local preferences and renders plugin settings', () => {
+        render(_jsx(LocalSection, {}));
+        fireEvent.click(screen.getByText('page.settings.local.compact.json:true'));
+        expect(setters[0]).toHaveBeenCalledWith(true);
+        fireEvent.click(screen.getAllByText('choose-layout')[0]);
+        expect(setters[4]).toHaveBeenCalledWith('dense');
+        fireEvent.click(screen.getAllByText('choose-display')[1]);
+        expect(setters[5]).toHaveBeenCalledWith('grid');
+        fireEvent.change(screen.getByLabelText('page-count'), { target: { value: '50' } });
+        expect(setters[6]).toHaveBeenCalledWith(50);
+        expect(screen.getByText('local-plugin')).toBeInTheDocument();
+    });
+});

package/components/routes/settings/ProfileSection.test.d.ts

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

package/components/routes/settings/ProfileSection.test.js

@@ -0,0 +1,95 @@
+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 apiConfigContextToken = vi.hoisted(() => ({ name: 'api-config-context' }));
+const mockExecuteFunction = vi.hoisted(() => vi.fn());
+const delayCancel = vi.hoisted(() => vi.fn());
+let configValue = { config: { lookups: { roles: ['admin', 'member'] } } };
+vi.mock('@mui/icons-material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        Add: () => _jsx("div", { children: "add" }),
+        Check: () => _jsx("div", { children: "check" }),
+        ChevronRight: () => _jsx("div", { children: "chevron" }),
+        Clear: () => _jsx("div", { children: "clear" })
+    };
+});
+vi.mock('@mui/material', () => ({
+    Chip: ({ label, onClick, onDelete, icon }) => (_jsxs("button", { onClick: onClick ?? onDelete, children: [label, icon] })),
+    CircularProgress: () => _jsx("div", { children: "progress" }),
+    Grid: ({ children }) => _jsx("div", { children: children }),
+    TableCell: ({ children }) => _jsx("div", { children: children }),
+    TableRow: ({ children, onClick }) => _jsx("div", { onClick: onClick, children: children }),
+    Typography: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/app/providers/ApiConfigProvider', () => ({
+    ApiConfigContext: apiConfigContextToken
+}));
+vi.mock('plugins/store', () => ({
+    default: { plugins: ['demo'] }
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('react-pluggable', () => ({
+    usePluginStore: () => ({ executeFunction: mockExecuteFunction })
+}));
+vi.mock('utils/utils', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        delay: () => ({
+            then: (cb) => {
+                cb();
+                return Promise.resolve();
+            },
+            cancel: delayCancel
+        })
+    };
+});
+vi.mock('../../elements/EditRow', () => ({
+    default: ({ titleKey, value }) => _jsx("div", { children: `${titleKey}:${value}` })
+}));
+vi.mock('./SettingsSection', () => ({
+    default: ({ children, title }) => (_jsxs("div", { children: [_jsx("span", { children: title }), children] }))
+}));
+vi.mock('react', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useContext: (context) => {
+            if (context === apiConfigContextToken)
+                return configValue;
+            return actual.useContext(context);
+        }
+    };
+});
+import ProfileSection from './ProfileSection';
+describe('ProfileSection', () => {
+    beforeEach(() => {
+        configValue = { config: { lookups: { roles: ['admin', 'member'] } } };
+        mockExecuteFunction.mockReset();
+        mockExecuteFunction.mockReturnValue(_jsx("div", { children: "profile-plugin" }));
+        delayCancel.mockReset();
+    });
+    it('adds roles and opens group viewing when handlers are available', async () => {
+        const addRole = vi.fn().mockResolvedValue(undefined);
+        const viewGroups = vi.fn().mockResolvedValue(undefined);
+        render(_jsx(ProfileSection, { user: { username: 'alice', email: 'a@example.com', name: 'Alice', roles: ['member'] }, addRole: addRole, viewGroups: viewGroups }));
+        fireEvent.click(screen.getByText(/admin/));
+        await waitFor(() => expect(addRole).toHaveBeenCalledWith('admin'));
+        fireEvent.click(screen.getByText('page.settings.profile.table.groups'));
+        await waitFor(() => expect(viewGroups).toHaveBeenCalled());
+        expect(screen.getByText('profile-plugin')).toBeInTheDocument();
+    });
+    it('removes roles and shows check icon when removal is disabled', async () => {
+        const removeRole = vi.fn().mockResolvedValue(undefined);
+        const { rerender } = render(_jsx(ProfileSection, { user: { username: 'alice', email: 'a@example.com', roles: ['admin'] }, removeRole: removeRole }));
+        fireEvent.click(screen.getByText(/admin/));
+        await waitFor(() => expect(removeRole).toHaveBeenCalledWith('admin'));
+        rerender(_jsx(ProfileSection, { user: { username: 'alice', email: 'a@example.com', roles: ['admin'] } }));
+        expect(screen.getByText(/admin/)).toHaveTextContent('check');
+    });
+});

package/components/routes/settings/SecuritySection.test.d.ts

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

package/components/routes/settings/SecuritySection.test.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { fireEvent, render, screen } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const apiConfigContextToken = vi.hoisted(() => ({ name: 'api-config-context' }));
+const mockExecuteFunction = vi.hoisted(() => vi.fn());
+const mockGet = vi.hoisted(() => vi.fn());
+let configValue = { config: { configuration: { auth: { allow_apikeys: true } } } };
+vi.mock('@mui/icons-material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        Add: () => _jsx("div", { children: "add-icon" })
+    };
+});
+vi.mock('@mui/material', () => ({
+    Chip: ({ label, onDelete }) => _jsx("button", { onClick: onDelete, children: label }),
+    Grid: ({ children }) => _jsx("div", { children: children }),
+    IconButton: ({ children, onClick }) => _jsx("button", { onClick: onClick, children: children }),
+    TableCell: ({ children }) => _jsx("div", { children: children }),
+    TableRow: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/app/providers/ApiConfigProvider', () => ({
+    ApiConfigContext: apiConfigContextToken
+}));
+vi.mock('components/hooks/useMyLocalStorage', () => ({
+    default: () => ({ get: mockGet })
+}));
+vi.mock('plugins/store', () => ({
+    default: { plugins: ['demo'] }
+}));
+vi.mock('react-i18next', () => ({
+    Trans: ({ i18nKey }) => _jsx("span", { children: i18nKey }),
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('react-pluggable', () => ({
+    usePluginStore: () => ({ executeFunction: mockExecuteFunction })
+}));
+vi.mock('../../elements/EditRow', () => ({
+    default: ({ titleKey, onEdit, value, descriptionKey, validate }) => (_jsxs("div", { children: [_jsx("span", { children: titleKey }), _jsx("span", { children: String(value) }), _jsx("span", { children: String(!!onEdit) }), _jsx("span", { children: String(!!descriptionKey) }), _jsx("span", { children: String(!!validate?.('12')) })] }))
+}));
+vi.mock('./SettingsSection', () => ({
+    default: ({ children, title }) => (_jsxs("div", { children: [_jsx("span", { children: title }), children] }))
+}));
+vi.mock('react', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useContext: (context) => {
+            if (context === apiConfigContextToken)
+                return configValue;
+            return actual.useContext(context);
+        }
+    };
+});
+import SecuritySection from './SecuritySection';
+describe('SecuritySection', () => {
+    beforeEach(() => {
+        configValue = { config: { configuration: { auth: { allow_apikeys: true } } } };
+        mockGet.mockReset();
+        mockExecuteFunction.mockReset();
+        mockExecuteFunction.mockReturnValue(_jsx("div", { children: "plugin-setting" }));
+    });
+    it('renders password, apikeys, and plugin settings for non-oauth users', () => {
+        mockGet.mockReturnValue('token');
+        const removeApiKey = vi.fn();
+        const addApiKey = vi.fn();
+        render(_jsx(SecuritySection, { user: {
+                apikeys: [
+                    ['KeyOne', ['R', 'W'], '2099-01-01'],
+                    ['Expired', [], '2000-01-01']
+                ],
+                api_quota: 5
+            }, editPassword: vi.fn(), addApiKey: addApiKey, removeApiKey: removeApiKey, editQuota: vi.fn() }));
+        expect(screen.getByText('page.settings.security.table.password')).toBeInTheDocument();
+        expect(screen.getByText('keyone (apikey.read, apikey.write)')).toBeInTheDocument();
+        expect(screen.getByText('expired')).toBeInTheDocument();
+        fireEvent.click(screen.getByText('keyone (apikey.read, apikey.write)'));
+        expect(removeApiKey).toHaveBeenCalled();
+        fireEvent.click(screen.getByText('add-icon'));
+        expect(addApiKey).toHaveBeenCalled();
+        expect(screen.getByText('plugin-setting')).toBeInTheDocument();
+    });
+    it('hides password rows for oauth tokens and shows none when no api keys exist', () => {
+        mockGet.mockReturnValue('a.b.c');
+        render(_jsx(SecuritySection, { user: { apikeys: [], api_quota: 1 } }));
+        expect(screen.queryByText('page.settings.security.table.password')).not.toBeInTheDocument();
+        expect(screen.getByText('none')).toBeInTheDocument();
+    });
+});

package/components/routes/settings/Settings.test.d.ts

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

package/components/routes/settings/Settings.test.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+const mockGet = vi.hoisted(() => vi.fn());
+const mockSetUser = vi.hoisted(() => vi.fn());
+let currentUser = { username: 'alice', is_admin: true, roles: ['admin'] };
+vi.mock('@tui/core', () => ({
+    useAppUser: () => ({ user: currentUser, setUser: mockSetUser })
+}));
+vi.mock('components/elements/display/UserPageWrapper', () => ({
+    default: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/hooks/useMyLocalStorage', () => ({
+    default: () => ({ get: mockGet })
+}));
+vi.mock('components/hooks/useMyUserFunctions', () => ({
+    default: () => ({
+        editName: vi.fn(),
+        editPassword: vi.fn(),
+        editQuota: vi.fn(),
+        addApiKey: vi.fn(),
+        removeApiKey: vi.fn(),
+        addRole: vi.fn(),
+        removeRole: vi.fn(),
+        viewGroups: vi.fn()
+    })
+}));
+vi.mock('./AdminSection', () => ({
+    default: () => _jsx("div", { children: "admin-section" })
+}));
+vi.mock('./LocalSection', () => ({
+    default: () => _jsx("div", { children: "local-section" })
+}));
+vi.mock('./ProfileSection', () => ({
+    default: (props) => (_jsx("div", { children: `profile:${String(!!props.editName)}:${String(!!props.addRole)}:${String(!!props.removeRole)}` }))
+}));
+vi.mock('./SecuritySection', () => ({
+    default: (props) => _jsx("div", { children: `security:${String(!!props.editPassword)}:${String(!!props.editQuota)}` })
+}));
+import Settings from './Settings';
+describe('Settings', () => {
+    it('shows admin controls for local admin users', () => {
+        mockGet.mockReturnValue('token');
+        currentUser = { username: 'alice', is_admin: true, roles: ['admin'] };
+        render(_jsx(Settings, {}));
+        expect(screen.getByText('profile:true:true:true')).toBeInTheDocument();
+        expect(screen.getByText('security:true:true')).toBeInTheDocument();
+        expect(screen.getByText('local-section')).toBeInTheDocument();
+        expect(screen.getByText('admin-section')).toBeInTheDocument();
+    });
+    it('disables oauth-sensitive profile controls and hides admin section for non-admin users', () => {
+        mockGet.mockReturnValue('a.b.c');
+        currentUser = { username: 'alice', is_admin: false, roles: ['member'] };
+        render(_jsx(Settings, {}));
+        expect(screen.getByText('profile:false:false:false')).toBeInTheDocument();
+        expect(screen.getByText('security:true:false')).toBeInTheDocument();
+        expect(screen.queryByText('admin-section')).not.toBeInTheDocument();
+    });
+});

package/components/routes/templates/TemplateEditor.test.d.ts

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

package/components/routes/templates/TemplateEditor.test.js

@@ -0,0 +1,94 @@
+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 mockGetHitFields = vi.hoisted(() => vi.fn().mockResolvedValue([{ key: 'field.one' }, { key: 'field.two' }]));
+const apiConfigContextToken = vi.hoisted(() => ({ name: 'api-config-context' }));
+const fieldContextToken = vi.hoisted(() => ({ name: 'field-context' }));
+let configValue = {
+    indexes: {
+        hit: {
+            'field.one': { description: 'Field one description\nextra' },
+            'field.two': { description: 'Field two description' }
+        }
+    }
+};
+vi.mock('@dnd-kit/core', () => ({
+    closestCorners: vi.fn(),
+    DndContext: ({ children, onDragEnd }) => (_jsxs("div", { children: [_jsx("button", { onClick: () => onDragEnd({ active: { id: 'field.one' }, over: { id: 'field.two' } }), children: "drag-end" }), children] }))
+}));
+vi.mock('@dnd-kit/sortable', () => ({
+    SortableContext: ({ children }) => _jsx("div", { children: children }),
+    arrayMove: (items, from, to) => {
+        const next = [...items];
+        const [moved] = next.splice(from, 1);
+        next.splice(to, 0, moved);
+        return next;
+    }
+}));
+vi.mock('@mui/icons-material', () => ({
+    Add: () => _jsx("div", { children: "add-icon" })
+}));
+vi.mock('@mui/material', () => ({
+    Button: ({ children, onClick, disabled }) => (_jsx("button", { onClick: onClick, disabled: disabled, children: children })),
+    Stack: ({ children }) => _jsx("div", { children: children }),
+    Typography: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/app/providers/ApiConfigProvider', () => ({
+    ApiConfigContext: apiConfigContextToken
+}));
+vi.mock('components/app/providers/FieldProvider', () => ({
+    FieldContext: fieldContextToken
+}));
+vi.mock('components/elements/addons/search/phrase/Phrase', () => ({
+    default: ({ value, onChange, onKeyDown }) => (_jsxs("div", { children: [_jsx("input", { "aria-label": "phrase", value: value, onChange: e => onChange(e.target.value) }), _jsx("button", { onClick: () => onKeyDown?.({ isEnter: true }), children: "phrase-enter" })] }))
+}));
+vi.mock('lodash-es', () => ({
+    get: (obj, path) => path.split('.').reduce((acc, key) => acc?.[key], obj),
+    isObject: (value) => value != null && typeof value === 'object'
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('./TemplateDnD', () => ({
+    default: ({ field, data, onRemove, tooltipTitle }) => (_jsxs("div", { children: [_jsx("span", { children: `${field}:${data}:${tooltipTitle}` }), _jsxs("button", { onClick: () => onRemove(field), children: ["remove-", field] })] }))
+}));
+vi.mock('react', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useContext: (context) => {
+            if (context === apiConfigContextToken)
+                return { config: configValue };
+            if (context === fieldContextToken)
+                return { getHitFields: mockGetHitFields };
+            return actual.useContext(context);
+        }
+    };
+});
+import TemplateEditor from './TemplateEditor';
+describe('TemplateEditor', () => {
+    beforeEach(() => {
+        mockGetHitFields.mockClear();
+    });
+    it('loads suggestions, adds and removes fields, and reorders fields', async () => {
+        const onAdd = vi.fn();
+        const onRemove = vi.fn();
+        const setFields = vi.fn();
+        render(_jsx(TemplateEditor, { hit: { field: { one: { value: 1 } }, field2: 'x' }, fields: ['field.one', 'field.two'], setFields: setFields, onRemove: onRemove, onAdd: onAdd }));
+        await waitFor(() => expect(mockGetHitFields).toHaveBeenCalled());
+        expect(screen.getByText('field.one:{"value":1}:Field one description')).toBeInTheDocument();
+        fireEvent.change(screen.getByLabelText('phrase'), { target: { value: 'field.two' } });
+        fireEvent.click(screen.getByText('button.add'));
+        expect(onAdd).not.toHaveBeenCalled();
+        fireEvent.change(screen.getByLabelText('phrase'), { target: { value: 'field.one' } });
+        fireEvent.click(screen.getByText('remove-field.one'));
+        expect(onRemove).toHaveBeenCalledWith('field.one');
+        fireEvent.change(screen.getByLabelText('phrase'), { target: { value: 'field.two' } });
+        fireEvent.click(screen.getByText('phrase-enter'));
+        expect(onAdd).not.toHaveBeenCalled();
+        fireEvent.change(screen.getByLabelText('phrase'), { target: { value: 'field.one' } });
+        fireEvent.click(screen.getByText('drag-end'));
+        expect(setFields).toHaveBeenCalledWith(['field.two', 'field.one']);
+    });
+});

package/components/routes/templates/TemplateViewer.test.d.ts

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