ui-soxo-bootstrap-core 2.6.40-dev.0 → 2.6.40-dev.11

package/core/modules/reporting/components/reporting-dashboard/display-columns/display-cell-renderer.test.js

@@ -1,126 +1,199 @@
-import React from 'react';
-import {
-  isLegacyActionEntry,
-  isActionTypeEntry,
-  getRedirectLink,
-  getActionLabel,
-  renderDisplayCell,
-} from './display-cell-renderer';
-
-describe('display-cell-renderer', () => {
-  test('identifies legacy and new action entries correctly', () => {
-    expect(isLegacyActionEntry({ field: 'action' })).toBe(true);
-    expect(isLegacyActionEntry({ field: 'action_text', type: 'action' })).toBe(false);
-
-    expect(isActionTypeEntry({ field: 'action_text', type: 'action' })).toBe(true);
-    expect(isActionTypeEntry({ field: 'action', type: 'action' })).toBe(false);
-  });
-
-  test('builds redirect link from replace variables', () => {
-    const link = getRedirectLink(
-      {
-        redirect_link: '/bill/@opb_id;/visit/@opno;',
-        replace_variables: [{ field: 'opb_id' }, { field: 'opno' }],
-      },
-      { opb_id: 10, opno: 'OP100' },
-    );
-
-    expect(link).toBe('/bill/10/visit/OP100');
-  });
-
-  test('keeps legacy action label behavior unchanged', () => {
-    const entry = {
-      field: 'action',
-      display_name_link: 'Open',
-    };
-
-    expect(getActionLabel(entry, { action: 'Dynamic Value' })).toBe('Open');
-    expect(getActionLabel({ field: 'action' }, { action: 'Dynamic Value' })).toBe('View');
-  });
-
-  test('resolves new action label with fallback precedence', () => {
-    expect(getActionLabel({ type: 'action', field: 'action_text' }, { action_text: 'Review' })).toBe('Review');
-    expect(getActionLabel({ type: 'action', field: 'action_text', label: 'Open' }, {})).toBe('Open');
-    expect(getActionLabel({ type: 'action', field: 'action_text', display_name_link: 'Inspect' }, {})).toBe('Inspect');
-    expect(getActionLabel({ type: 'action', field: 'action_text' }, {})).toBe('View');
-  });
-
-  test('renders link column as anchor', () => {
-    const element = renderDisplayCell({
-      entry: { type: 'link', field: 'report_url' },
-      record: { report_url: 'https://example.com/report' },
-      refresh: jest.fn(),
-      CustomComponents: {},
-    });
-
-    expect(element.type).toBe('a');
-    expect(element.props.href).toBe('https://example.com/report');
-  });
-
-  test('renders custom component with mapped props', () => {
-    const MockComponent = () => null;
-    const element = renderDisplayCell({
-      entry: {
-        field: 'custom',
-        component: 'MockComponent',
-        props: [{ field: 'status', value: 'description' }],
-        config: { sample: true },
-      },
-      record: { status: 'Pending', opb_id: 1 },
-      refresh: jest.fn(),
-      CustomComponents: { MockComponent },
-    });
-
-    expect(element.type).toBe(MockComponent);
-    expect(element.props.description).toBe('Pending');
-    expect(element.props.sample).toBe(true);
-    expect(element.props.opb_id).toBe(1);
-  });
-
-  test('renders styled tag/span/icon/text for non-action path', () => {
-    const tagElement = renderDisplayCell({
-      entry: { field: 'status', enableColor: true, columnType: 'tag' },
-      record: { color_code: 'green', status: 'Done' },
-      refresh: jest.fn(),
-      CustomComponents: {},
-    });
-    expect(tagElement.props.color).toBe('green');
-    expect(tagElement.props.children).toBe('Done');
-
-    const spanElement = renderDisplayCell({
-      entry: { field: 'status', enableColor: true, columnType: 'span' },
-      record: { color_code: '#ff0000', status: 'Hold' },
-      refresh: jest.fn(),
-      CustomComponents: {},
-    });
-    expect(spanElement.type).toBe('span');
-    expect(spanElement.props.style.color).toBe('#ff0000');
-
-    const iconElement = renderDisplayCell({
-      entry: {
-        field: 'state',
-        displayIcons: {
-          Pending: {
-            icon: 'ClockCircleOutlined',
-            color: 'orange',
-            size: '14px',
-          },
-        },
-      },
-      record: { state: 'Pending' },
-      refresh: jest.fn(),
-      CustomComponents: {},
-    });
-    expect(iconElement.props.style.color).toBe('orange');
-
-    const textElement = renderDisplayCell({
-      entry: { field: 'remarks', color: '#333' },
-      record: { remarks: 'All good' },
-      refresh: jest.fn(),
-      CustomComponents: {},
-    });
-    expect(textElement.type).toBe('span');
-    expect(textElement.props.children).toBe('All good');
-  });
-});
-
+import React from 'react';
+import {
+  isLegacyActionEntry,
+  isActionTypeEntry,
+  getRedirectLink,
+  getFileLocation,
+  getActionLabel,
+  renderDisplayCell,
+} from './display-cell-renderer';
+
+describe('display-cell-renderer', () => {
+  test('identifies legacy and new action entries correctly', () => {
+    expect(isLegacyActionEntry({ field: 'action' })).toBe(true);
+    expect(isLegacyActionEntry({ field: 'action_text', type: 'action' })).toBe(false);
+
+    expect(isActionTypeEntry({ field: 'action_text', type: 'action' })).toBe(true);
+    expect(isActionTypeEntry({ field: 'action', type: 'action' })).toBe(false);
+  });
+
+  test('builds redirect link from replace variables', () => {
+    const link = getRedirectLink(
+      {
+        redirect_link: '/bill/@opb_id;/visit/@opno;',
+        replace_variables: [{ field: 'opb_id' }, { field: 'opno' }],
+      },
+      { opb_id: 10, opno: 'OP100' },
+    );
+
+    expect(link).toBe('/bill/10/visit/OP100');
+  });
+
+  test('resolves file location from direct config value or record field', () => {
+    expect(getFileLocation({ file_location: 'https://example.com/report.pdf' }, {})).toBe('https://example.com/report.pdf');
+    expect(getFileLocation({ file_location: 'document_url' }, { document_url: 'https://example.com/record.pdf' })).toBe(
+      'https://example.com/record.pdf',
+    );
+  });
+
+  test('keeps legacy action label behavior unchanged', () => {
+    const entry = {
+      field: 'action',
+      display_name_link: 'Open',
+    };
+
+    expect(getActionLabel(entry, { action: 'Dynamic Value' })).toBe('Open');
+    expect(getActionLabel({ field: 'action' }, { action: 'Dynamic Value' })).toBe('View');
+  });
+
+  test('resolves new action label with fallback precedence', () => {
+    expect(getActionLabel({ type: 'action', field: 'action_text' }, { action_text: 'Review' })).toBe('Review');
+    expect(getActionLabel({ type: 'action', field: 'action_text', label: 'Open' }, {})).toBe('Open');
+    expect(getActionLabel({ type: 'action', field: 'action_text', display_name_link: 'Inspect' }, {})).toBe('Inspect');
+    expect(getActionLabel({ type: 'action', field: 'action_text' }, {})).toBe('View');
+  });
+
+  test('renders link column as anchor', () => {
+    const element = renderDisplayCell({
+      entry: { type: 'link', field: 'report_url' },
+      record: { report_url: 'https://example.com/report' },
+      refresh: jest.fn(),
+      CustomComponents: {},
+    });
+
+    expect(element.type).toBe('a');
+    expect(element.props.href).toBe('https://example.com/report');
+  });
+
+  test('renders custom component with mapped props', () => {
+    const MockComponent = () => null;
+    const element = renderDisplayCell({
+      entry: {
+        field: 'custom',
+        component: 'MockComponent',
+        props: [{ field: 'status', value: 'description' }],
+        config: { sample: true },
+      },
+      record: { status: 'Pending', opb_id: 1 },
+      refresh: jest.fn(),
+      CustomComponents: { MockComponent },
+    });
+
+    expect(element.type).toBe(MockComponent);
+    expect(element.props.description).toBe('Pending');
+    expect(element.props.sample).toBe(true);
+    expect(element.props.opb_id).toBe(1);
+  });
+
+  test('renders file action entry as pdf viewer trigger', () => {
+    const element = renderDisplayCell({
+      entry: {
+        type: 'action',
+        field: 'action_text',
+        redirect_link_type: 'file',
+        file_location: 'https://example.com/report.pdf',
+        label: 'Open PDF',
+      },
+      record: { action_text: 'Preview PDF' },
+      refresh: jest.fn(),
+      CustomComponents: {},
+    });
+
+    expect(typeof element.type).toBe('function');
+    expect(element.props.entry.redirect_link_type).toBe('file');
+    expect(element.props.entry.file_location).toBe('https://example.com/report.pdf');
+  });
+
+  test('passes file action props to CustomComponents.FileUpload when available', () => {
+    const FileUpload = () => null;
+    const element = renderDisplayCell({
+      entry: {
+        type: 'action',
+        field: 'action_text',
+        redirect_link_type: 'file',
+        file_location: 'document_path',
+        file_type: 'document_type',
+        default_scale: 'zoom_level',
+        viewer_type: 'inline_viewer',
+        require_linux_path: 'needs_linux_path',
+        replace_branch: 'should_replace_branch',
+        file_loader_config: {
+          sample: true,
+        },
+      },
+      record: {
+        action_text: 'Preview',
+        document_path: '\\\\server\\reports\\doc.pdf',
+        document_type: 'pdf',
+        zoom_level: 1.25,
+        inline_viewer: true,
+        needs_linux_path: true,
+        should_replace_branch: false,
+      },
+      refresh: jest.fn(),
+      CustomComponents: { FileUpload },
+    });
+
+    expect(typeof element.type).toBe('function');
+
+    const modalContent = element.props.children[1].props.children;
+    expect(modalContent.type).toBe(FileUpload);
+    expect(modalContent.props.url).toBe('\\\\server\\reports\\doc.pdf');
+    expect(modalContent.props.type).toBe('pdf');
+    expect(modalContent.props.defaultScale).toBe(1.25);
+    expect(modalContent.props.viewerType).toBe(true);
+    expect(modalContent.props.config).toEqual({
+      requireLinuxPath: true,
+      replaceBranch: false,
+      sample: true,
+    });
+    expect(modalContent.props.record.document_path).toBe('\\\\server\\reports\\doc.pdf');
+  });
+
+  test('renders styled tag/span/icon/text for non-action path', () => {
+    const tagElement = renderDisplayCell({
+      entry: { field: 'status', enableColor: true, columnType: 'tag' },
+      record: { color_code: 'green', status: 'Done' },
+      refresh: jest.fn(),
+      CustomComponents: {},
+    });
+    expect(tagElement.props.color).toBe('green');
+    expect(tagElement.props.children).toBe('Done');
+
+    const spanElement = renderDisplayCell({
+      entry: { field: 'status', enableColor: true, columnType: 'span' },
+      record: { color_code: '#ff0000', status: 'Hold' },
+      refresh: jest.fn(),
+      CustomComponents: {},
+    });
+    expect(spanElement.type).toBe('span');
+    expect(spanElement.props.style.color).toBe('#ff0000');
+
+    const iconElement = renderDisplayCell({
+      entry: {
+        field: 'state',
+        displayIcons: {
+          Pending: {
+            icon: 'ClockCircleOutlined',
+            color: 'orange',
+            size: '14px',
+          },
+        },
+      },
+      record: { state: 'Pending' },
+      refresh: jest.fn(),
+      CustomComponents: {},
+    });
+    expect(iconElement.props.style.color).toBe('orange');
+
+    const textElement = renderDisplayCell({
+      entry: { field: 'remarks', color: '#333' },
+      record: { remarks: 'All good' },
+      refresh: jest.fn(),
+      CustomComponents: {},
+    });
+    expect(textElement.type).toBe('span');
+    expect(textElement.props.children).toBe('All good');
+  });
+});
+