@happyvertical/smrt-fields 0.40.60 → 0.40.61

package/dist/svelte/__tests__/FieldPolicyControlPanel.test.js

@@ -0,0 +1,223 @@
+// @vitest-environment jsdom
+import { render, screen, userEvent } from '@happyvertical/smrt-vitest/svelte';
+import { describe, expect, it, vi } from 'vitest';
+import FieldPolicyControlPanel from '../components/FieldPolicyControlPanel.svelte';
+import SettingsCatalogStub from './fixtures/SettingsCatalogStub.svelte';
+const objectRef = '@test/smrt-fields:ControlPanelDocument';
+function editorState() {
+    return {
+        capabilities: { manage: true, personalize: false },
+        personalLowerDefaultUsable: { title: false },
+        policy: {
+            objectRef,
+            fields: {
+                title: {
+                    fieldName: 'title',
+                    hasDefault: false,
+                    defaultValue: undefined,
+                    visibility: 'basic',
+                    help: null,
+                    label: 'Title',
+                    order: 1,
+                    group: null,
+                    locked: false,
+                    required: false,
+                },
+            },
+            layers: { title: [] },
+        },
+        rows: {
+            app: [],
+            tenant: [
+                {
+                    id: 'org-title',
+                    fieldName: 'title',
+                    scopeType: 'tenant',
+                    tenantId: 'tenant',
+                    userId: null,
+                    defaultValue: null,
+                    displayOrder: null,
+                    help: null,
+                    label: null,
+                    locked: null,
+                    visibility: null,
+                },
+            ],
+            user: [],
+        },
+    };
+}
+function audit(orgIds = ['org-title'], drift = true) {
+    return {
+        caller: {
+            tenantId: 'tenant',
+            userId: 'user',
+            canManageOrg: true,
+            canPersonalize: false,
+        },
+        appRows: [],
+        orgRows: orgIds.map((id) => ({
+            id,
+            objectRef,
+            fieldName: 'title',
+            scopeType: 'tenant',
+            tenantId: 'tenant',
+            userId: null,
+            updatedBy: null,
+            createdAt: null,
+            updatedAt: null,
+            defaultValue: null,
+            displayOrder: null,
+            help: null,
+            label: null,
+            locked: null,
+            visibility: null,
+        })),
+        inheritedOrgKeys: {},
+        userOverrideCounts: {},
+        driftRows: drift
+            ? [
+                {
+                    id: 'stale-row',
+                    objectRef,
+                    fieldName: 'retired',
+                    scopeType: 'tenant',
+                    tenantId: 'tenant',
+                    userId: null,
+                    updatedBy: null,
+                    createdAt: null,
+                    updatedAt: null,
+                    reason: 'unknown-field',
+                    prunable: true,
+                },
+            ]
+            : [],
+        policies: {
+            [objectRef]: editorState().policy,
+        },
+    };
+}
+function data(pageSize = 25) {
+    const selected = {
+        id: `${objectRef}::title`,
+        label: 'title',
+        objectRef,
+        fieldName: 'title',
+        className: 'ControlPanelDocument',
+        packageName: '@test/smrt-fields',
+        fields: { title: { type: 'text' } },
+    };
+    return {
+        page: {
+            items: [selected],
+            selected,
+            query: '',
+            page: 1,
+            pageSize,
+            total: 1,
+        },
+        audit: audit(),
+        objects: [],
+        packages: [],
+        filters: {
+            packageFilter: null,
+            objectFilter: null,
+            customizedOnly: false,
+        },
+    };
+}
+function adapter(options = {}) {
+    return {
+        load: vi.fn(async () => {
+            options.calls?.push('load');
+            return editorState();
+        }),
+        loadAudit: vi.fn(async (input) => {
+            options.calls?.push('audit');
+            return audit();
+        }),
+        create: vi.fn(async () => undefined),
+        update: vi.fn(async () => {
+            options.calls?.push('update');
+        }),
+        delete: vi.fn(async ({ id }) => {
+            options.calls?.push(`delete:${id}`);
+            await options.onDelete?.(id);
+        }),
+    };
+}
+function renderPanel(panelAdapter = adapter(), options = {}) {
+    return render(FieldPolicyControlPanel, {
+        props: {
+            data: options.panelData ?? data(),
+            adapter: panelAdapter,
+            catalog: SettingsCatalogStub,
+            baseUrl: '/settings/fields',
+            confirmAction: options.confirmAction,
+            onchanged: options.onchanged,
+        },
+    });
+}
+describe('FieldPolicyControlPanel', () => {
+    it('uses SSR data for the first render and preserves pageSize in catalog navigation', () => {
+        renderPanel();
+        expect(screen.getByRole('heading', { name: 'Field settings' })).toBeVisible();
+        expect(screen.getByText('Title')).toBeVisible();
+        expect(screen.getByRole('link', { name: 'catalog navigation' })).toHaveAttribute('href', '/settings/fields?pageSize=25');
+    });
+    it('refreshes audit with drift and reloads editor state before notifying after an editor mutation', async () => {
+        const calls = [];
+        const panelAdapter = adapter({ calls });
+        const onchanged = () => calls.push('changed');
+        renderPanel(panelAdapter, { onchanged });
+        await vi.waitFor(() => expect(panelAdapter.load).toHaveBeenCalledTimes(1));
+        calls.length = 0;
+        await userEvent.click(screen.getByRole('button', { name: 'Edit settings' }));
+        await userEvent.click(screen.getByRole('button', { name: 'Save', exact: true }));
+        await vi.waitFor(() => expect(calls).toEqual(['update', 'audit', 'load', 'changed']));
+        expect(panelAdapter.loadAudit).toHaveBeenLastCalledWith({
+            objectRefs: [objectRef],
+            countObjectRefs: [objectRef],
+            includeDrift: true,
+        });
+    });
+    it('does not reset organization rows or prune drift when confirmation is declined', async () => {
+        const panelAdapter = adapter();
+        const confirmAction = vi.fn(() => false);
+        renderPanel(panelAdapter, { confirmAction });
+        await vi.waitFor(() => expect(panelAdapter.load).toHaveBeenCalledTimes(1));
+        vi.mocked(panelAdapter.delete).mockClear();
+        await userEvent.click(screen.getByRole('button', {
+            name: 'Reset all organization overrides for this object',
+        }));
+        await userEvent.click(screen.getByRole('button', { name: 'Prune' }));
+        expect(confirmAction).toHaveBeenCalledTimes(2);
+        expect(panelAdapter.delete).not.toHaveBeenCalled();
+    });
+    it('refreshes audit and editor state after a partial organization reset failure', async () => {
+        const calls = [];
+        const panelAdapter = adapter({
+            calls,
+            onDelete: async (id) => {
+                if (id === 'org-second')
+                    throw new Error('second delete failed');
+            },
+        });
+        renderPanel(panelAdapter, {
+            confirmAction: () => true,
+            panelData: { ...data(), audit: audit(['org-first', 'org-second']) },
+        });
+        await vi.waitFor(() => expect(panelAdapter.load).toHaveBeenCalledTimes(1));
+        calls.length = 0;
+        await userEvent.click(screen.getByRole('button', {
+            name: 'Reset all organization overrides for this object',
+        }));
+        await vi.waitFor(() => expect(calls).toEqual([
+            'delete:org-first',
+            'delete:org-second',
+            'audit',
+            'load',
+        ]));
+        expect(screen.getByRole('alert')).toHaveTextContent('second delete failed');
+    });
+});