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

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

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

@@ -0,0 +1,145 @@
+import { Fragment as _Fragment, 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 mockSetSearchParams = vi.hoisted(() => vi.fn());
+const mockWithConfirmDeleteModal = vi.hoisted(() => vi.fn((cb) => cb()));
+const mockTemplateGet = vi.hoisted(() => vi.fn(() => ({ list: true })));
+const mockTemplatePut = vi.hoisted(() => vi.fn((id, keys) => ({ id, keys })));
+const mockTemplateDelete = vi.hoisted(() => vi.fn((id) => ({ id })));
+const mockAnalyticSearchPost = vi.hoisted(() => vi.fn((body) => body));
+const mockGroupedHitPost = vi.hoisted(() => vi.fn((field, body) => ({ field, body })));
+const modalContextToken = vi.hoisted(() => ({ name: 'modal-context' }));
+let searchParamsValue = new URLSearchParams('analytic=Alpha&type=personal');
+vi.mock('@mui/icons-material', () => ({
+    Check: () => _jsx("div", { children: "check-icon" }),
+    Delete: () => _jsx("div", { children: "delete-icon" }),
+    SsidChart: () => _jsx("div", { children: "ssid-icon" })
+}));
+vi.mock('@mui/material', () => ({
+    Autocomplete: ({ options, value, onChange, renderInput }) => (_jsxs("div", { children: [renderInput({}), _jsx("button", { onClick: () => onChange(null, options[0] ?? null), children: typeof value === 'object' ? value?.name : value || 'empty' })] })),
+    Button: ({ children, onClick, disabled }) => (_jsx("button", { onClick: onClick, disabled: disabled, children: children })),
+    CircularProgress: () => _jsx("div", { children: "loading" }),
+    Divider: () => _jsx("div", { children: "divider" }),
+    FormControl: ({ children }) => _jsx("div", { children: children }),
+    LinearProgress: () => _jsx("div", { children: "progress" }),
+    Stack: ({ children }) => _jsx("div", { children: children }),
+    TextField: ({ label, size }) => _jsx("div", { children: label ?? size }),
+    ToggleButton: ({ children, value }) => _jsx("button", { "data-value": value, children: children }),
+    ToggleButtonGroup: ({ children, onChange }) => (_jsxs("div", { children: [_jsx("button", { onClick: () => onChange(null, 'global'), children: "switch-global" }), children] })),
+    Tooltip: ({ children }) => _jsx(_Fragment, { children: children })
+}));
+vi.mock('@tui/core', () => ({
+    AppInfoPanel: ({ i18nKey }) => _jsx("div", { children: i18nKey }),
+    PageCenter: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('api', () => ({
+    default: {
+        search: {
+            analytic: {
+                post: mockAnalyticSearchPost
+            },
+            grouped: {
+                hit: {
+                    post: mockGroupedHitPost
+                }
+            }
+        },
+        template: {
+            get: mockTemplateGet,
+            put: mockTemplatePut,
+            del: mockTemplateDelete
+        }
+    }
+}));
+vi.mock('components/app/providers/ModalProvider', () => ({
+    ModalContext: modalContextToken
+}));
+vi.mock('components/elements/hit/HitOutline', () => ({
+    DEFAULT_FIELDS: ['default.field']
+}));
+vi.mock('components/hooks/useMyApi', () => ({
+    default: () => ({ dispatchApi: mockDispatchApi })
+}));
+vi.mock('components/hooks/useMySnackbar', () => ({
+    default: () => ({ showSuccessMessage: mockShowSuccessMessage })
+}));
+vi.mock('components/routes/templates/TemplateEditor', () => ({
+    default: ({ fields, onAdd, onRemove }) => (_jsxs("div", { children: [_jsx("div", { children: fields.join(',') }), _jsx("button", { onClick: () => onAdd('field.added'), children: "add-field" }), _jsx("button", { onClick: () => onRemove(fields[0]), children: "remove-field" })] }))
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('react-router', () => ({
+    useSearchParams: () => [searchParamsValue, mockSetSearchParams]
+}));
+vi.mock('react', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useContext: (context) => {
+            if (context === modalContextToken)
+                return { withConfirmDeleteModal: mockWithConfirmDeleteModal };
+            return actual.useContext(context);
+        }
+    };
+});
+vi.mock('utils/exampleHit', () => ({
+    getExampleHit: () => ({ howler: { analytic: 'example' } })
+}));
+vi.mock('utils/stringUtils', () => ({
+    sanitizeLuceneQuery: (value) => value
+}));
+import TemplateViewer from './TemplateViewer';
+describe('TemplateViewer', () => {
+    beforeEach(() => {
+        searchParamsValue = new URLSearchParams('analytic=Alpha&type=personal');
+        mockDispatchApi.mockReset();
+        mockShowSuccessMessage.mockReset();
+        mockSetSearchParams.mockReset();
+        mockWithConfirmDeleteModal.mockClear();
+        mockTemplateGet.mockClear();
+        mockTemplatePut.mockClear();
+        mockTemplateDelete.mockClear();
+        mockAnalyticSearchPost.mockClear();
+        mockGroupedHitPost.mockClear();
+    });
+    it('loads an existing template, saves field changes, and deletes the template', async () => {
+        mockDispatchApi.mockResolvedValue({ items: [] });
+        mockDispatchApi
+            .mockResolvedValueOnce({ items: [{ name: 'Alpha' }] })
+            .mockResolvedValueOnce([{ template_id: 'tpl-1', analytic: 'Alpha', type: 'personal', keys: ['field.one'] }])
+            .mockResolvedValueOnce({ items: [] })
+            .mockResolvedValueOnce({
+            template_id: 'tpl-1',
+            analytic: 'Alpha',
+            type: 'personal',
+            keys: ['field.one', 'field.added']
+        })
+            .mockResolvedValueOnce({});
+        render(_jsx(TemplateViewer, {}));
+        await waitFor(() => expect(mockTemplateGet).toHaveBeenCalled());
+        await waitFor(() => expect(screen.getByText('field.one')).toBeInTheDocument());
+        expect(mockSetSearchParams).toHaveBeenCalled();
+        fireEvent.click(screen.getByText('add-field'));
+        fireEvent.click(screen.getByText('button.save'));
+        await waitFor(() => expect(mockTemplatePut).toHaveBeenCalledWith('tpl-1', ['field.one', 'field.added']));
+        fireEvent.click(screen.getByText('button.delete'));
+        await waitFor(() => expect(mockTemplateDelete).toHaveBeenCalledWith('tpl-1'));
+        expect(mockShowSuccessMessage).toHaveBeenCalledWith('route.templates.manager.delete.success');
+    });
+    it('falls back to default fields when toggling to a type without a saved template', async () => {
+        mockDispatchApi.mockResolvedValue({ items: [] });
+        mockDispatchApi
+            .mockResolvedValueOnce({ items: [{ name: 'Alpha' }] })
+            .mockResolvedValueOnce([{ template_id: 'tpl-1', analytic: 'Alpha', type: 'personal', keys: ['field.one'] }])
+            .mockResolvedValueOnce({ items: [] });
+        render(_jsx(TemplateViewer, {}));
+        await waitFor(() => expect(screen.getByText('field.one')).toBeInTheDocument());
+        fireEvent.click(screen.getByText('add-field'));
+        fireEvent.click(screen.getByText('switch-global'));
+        await waitFor(() => expect(screen.getByText('default.field')).toBeInTheDocument());
+    });
+});

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

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