@kronor/dtv 0.2.9

package/src/App.externalRuntime.test.ts

@@ -0,0 +1,190 @@
+import * as React from 'react';
+import { Tag } from 'primereact/tag';
+import { parseViewJson } from './framework/view-parser';
+import { FlexRow, FlexColumn, DateTime } from './framework/cell-renderer-components/LayoutHelpers';
+import { CurrencyAmount } from './framework/cell-renderer-components/CurrencyAmount';
+import { Mapping } from './framework/cell-renderer-components/Mapping';
+import { Link } from './framework/cell-renderer-components/Link';
+
+describe('External Runtime Integration', () => {
+    it('should use external runtime when available', () => {
+        const builtInRuntime = {
+            cellRenderers: {},
+            queryTransforms: {},
+            noRowsComponents: {},
+            customFilterComponents: {},
+            initialValues: {}
+        };
+        const externalRuntime = {
+            cellRenderers: {
+                customCellRenderer: () => 'Custom Cell',
+            },
+            queryTransforms: {
+                customTransform: {
+                    toQuery: (input: any) => ({ value: input }),
+                },
+            },
+            noRowsComponents: {
+                customNoRows: () => 'No rows custom component',
+            },
+            customFilterComponents: {
+                customFilter: () => 'Custom filter',
+            },
+            initialValues: {}
+        };
+
+        const testView = {
+            title: 'Test External Runtime View',
+            id: 'test-external-runtime',
+            collectionName: 'testCollection',
+            paginationKey: 'id',
+            boolExpType: 'TestBoolExp',
+            orderByType: '[TestOrderBy!]',
+            columns: [
+                {
+                    data: [{ type: 'field', path: 'id' }],
+                    name: 'ID',
+                    cellRenderer: { section: 'cellRenderers', key: 'customCellRenderer' },
+                },
+            ],
+            filterSchema: {
+                groups: [{ name: 'default', label: null }],
+                filters: [],
+            },
+        };
+
+        // Test that parseViewJson works with external runtime
+        expect(() => {
+            const view = parseViewJson(testView, builtInRuntime, externalRuntime);
+            expect(view.title).toBe('Test External Runtime View');
+            expect(view.columnDefinitions).toHaveLength(1);
+            expect(view.columnDefinitions[0].name).toBe('ID');
+            expect(typeof view.columnDefinitions[0].cellRenderer).toBe('function');
+        }).not.toThrow();
+    });
+
+    it('should fall back to built-in runtime when external runtime key not found', () => {
+        const builtInRuntime = {
+            cellRenderers: {
+                text: () => 'Built-in Text Cell',
+            },
+            queryTransforms: {},
+            noRowsComponents: {},
+            customFilterComponents: {},
+            initialValues: {}
+        };
+        const externalRuntime = undefined; // No external runtime provided
+
+        const testView = {
+            title: 'Test Fallback Runtime View',
+            id: 'test-fallback-runtime',
+            collectionName: 'testCollection',
+            paginationKey: 'id',
+            boolExpType: 'TestBoolExp',
+            orderByType: '[TestOrderBy!]',
+            columns: [
+                {
+                    data: [{ type: 'field', path: 'id' }],
+                    name: 'ID',
+                    cellRenderer: { section: 'cellRenderers', key: 'text' },
+                },
+            ],
+            filterSchema: {
+                groups: [{ name: 'default', label: null }],
+                filters: [],
+            },
+        };
+
+        // Test that built-in runtime is used when external doesn't have the key
+        expect(() => {
+            const view = parseViewJson(testView, builtInRuntime, externalRuntime);
+            expect(view.title).toBe('Test Fallback Runtime View');
+            // Test the cell renderer function
+            const cellRenderer = view.columnDefinitions[0].cellRenderer;
+            const mockProps = {
+                data: { id: 'test' },
+                setFilterState: () => { },
+                applyFilters: () => { },
+                updateFilterById: () => { },
+                createElement: React.createElement,
+                components: {
+                    Badge: Tag,
+                    FlexRow,
+                    FlexColumn,
+                    Mapping,
+                    DateTime,
+                    CurrencyAmount,
+                    Link
+                },
+                currency: { majorToMinor: (n: number) => n, minorToMajor: (n: number) => n }
+            };
+            expect(cellRenderer(mockProps)).toBe('Built-in Text Cell');
+        }).not.toThrow();
+    });
+
+    it('should prefer external runtime over built-in when both have same key', () => {
+        const builtInRuntime = {
+            cellRenderers: {
+                text: () => 'Built-in Default',
+            },
+            queryTransforms: {},
+            noRowsComponents: {},
+            customFilterComponents: {},
+            initialValues: {}
+        };
+        const externalRuntime = {
+            cellRenderers: {
+                text: () => 'External Override',
+            },
+            queryTransforms: {},
+            noRowsComponents: {},
+            customFilterComponents: {},
+            initialValues: {}
+        };
+
+        const testView = {
+            title: 'Test Precedence View',
+            id: 'test-precedence',
+            collectionName: 'testCollection',
+            paginationKey: 'id',
+            boolExpType: 'TestBoolExp',
+            orderByType: '[TestOrderBy!]',
+            columns: [
+                {
+                    data: [{ type: 'field', path: 'id' }],
+                    name: 'ID',
+                    cellRenderer: { section: 'cellRenderers', key: 'text' },
+                },
+            ],
+            filterSchema: {
+                groups: [{ name: 'default', label: null }],
+                filters: [],
+            },
+        };
+
+        expect(() => {
+            const view = parseViewJson(testView, builtInRuntime, externalRuntime);
+            expect(view.title).toBe('Test Precedence View');
+            // Test that external runtime took precedence
+            const cellRenderer = view.columnDefinitions[0].cellRenderer;
+            const mockProps = {
+                data: { id: 'test' },
+                setFilterState: () => { },
+                applyFilters: () => { },
+                updateFilterById: () => { },
+                createElement: React.createElement,
+                components: {
+                    Badge: Tag,
+                    FlexRow,
+                    FlexColumn,
+                    Mapping,
+                    DateTime,
+                    CurrencyAmount,
+                    Link
+                },
+                currency: { majorToMinor: (n: number) => n, minorToMajor: (n: number) => n }
+            };
+            expect(cellRenderer(mockProps)).toBe('External Override');
+        }).not.toThrow();
+    });
+});