@datarailsshared/dr_renderer 1.2.453 → 1.2.455

package/tests/highcharts_renderer.test.js

@@ -8,6 +8,51 @@ import addInDynamicRanges from './mock/add-in-dynamic-ranges.json';
 import widgets from './mock/widgets.json';
 import initPivotTable from "../src/pivottable";
 import initDRPivotTable from "../src/dr_pivottable";
+import { DrGaugeChart, GAUGE_OPTIONS_DEFAULT } from "../src/charts/dr_gauge_chart";
+
+const mockDrChartRender = jest.fn();
+
+const mockGaugeRange = {
+    low: 30,
+    medium: 60,
+    high: 90,
+    max: 1000
+};
+
+jest.mock('../src/charts/dr_gauge_chart', () => {
+    return {
+        DrGaugeChart: jest.fn().mockImplementation(() => {
+            return {
+                render: mockDrChartRender
+            };
+        }),
+        GAUGE_OPTIONS_DEFAULT: {
+            segments: [{
+                from: 0,
+                to: 50,
+                color: 'red',
+                title: 'Title 1'
+            },
+            {
+                from: 51,
+                to: 80,
+                color: 'blue',
+                title: 'Title 2'
+            },
+            {
+                from: 81,
+                to: 100,
+                color: 'green',
+                title: 'Title 3'
+            }],
+            goal: {
+                name: 'Goal',
+                value: 180
+            },
+            isAbsoluteValue: false
+        }
+    };
+});
 
 const getHighchartsRenderer = require('../src/highcharts_renderer');
 const DataFormatter = require('../src/dataformatter');
@@ -8668,6 +8713,156 @@ describe('highcharts_renderer', () => {
         });
     });
 
+    describe('transformOldGaugeOptions', () => {
+        it('should copy default segments', () => {
+            expect(highchartsRenderer.transformOldGaugeOptions({
+                opt1: 1,
+                opt2: '2'
+            })).toEqual({
+                opt1: 1,
+                opt2: '2',
+                segments: GAUGE_OPTIONS_DEFAULT.segments
+            });
+        });
+
+        it('should not copy default segments if it\'s already exist', () => {
+            expect(highchartsRenderer.transformOldGaugeOptions({
+                opt1: 1,
+                opt2: '2',
+                segments: []
+            })).toEqual({
+                opt1: 1,
+                opt2: '2',
+                segments: []
+            });
+        });
+
+        it('should add goal', () => {
+            const res = highchartsRenderer.transformOldGaugeOptions({
+                opt1: 1,
+                opt2: '2',
+                range: mockGaugeRange
+            });
+            expect(res.goal).toEqual({
+                name: GAUGE_OPTIONS_DEFAULT.goal.name,
+                value: mockGaugeRange.max
+            });
+        });
+
+        it('should not replace the goal if it\'s already exist', () => {
+            const res = highchartsRenderer.transformOldGaugeOptions({
+                opt1: 1,
+                opt2: '2',
+                range: mockGaugeRange,
+                goal: {
+                    title: 'custom title',
+                    value: 123
+                }
+            });
+            expect(res.goal).toEqual({
+                title: 'custom title',
+                value: mockGaugeRange.max
+            });
+        });
+
+        it('should prepopulate segments with the old range data', () => {
+            const res = highchartsRenderer.transformOldGaugeOptions({
+                opt1: 1,
+                opt2: '2',
+                range: {
+                    low: 20,
+                    medium: 30,
+                    high: 70,
+                    max: 200
+                }
+            });
+            expect(res.segments).toEqual([{
+                from: 0,
+                to: 20,
+                color: GAUGE_OPTIONS_DEFAULT.segments[0].color,
+                title: GAUGE_OPTIONS_DEFAULT.segments[0].title,
+            },
+            {
+                from: 21,
+                to: 30,
+                color: GAUGE_OPTIONS_DEFAULT.segments[1].color,
+                title: GAUGE_OPTIONS_DEFAULT.segments[1].title
+            },
+            {
+                from: 31,
+                to: 100,
+                color: GAUGE_OPTIONS_DEFAULT.segments[2].color,
+                title: GAUGE_OPTIONS_DEFAULT.segments[2].title
+            }]);
+        });
+
+        it('should remove old range object', () => {
+            const res = highchartsRenderer.transformOldGaugeOptions({
+                opt1: 1,
+                opt2: '2',
+                range: {
+                    low: 20,
+                    medium: 30,
+                    high: 70,
+                    max: 200
+                }
+            });
+            expect(res.range).toBeUndefined();
+        });
+    });
+
+    describe('Function ptRenderGaugeEnhanced', () => {
+        it('should render a gauge chart', () => {
+            const optsMock = {
+                chartOptions: {
+                    opt3: 'opt3'
+                }
+            };
+
+            const transformedOptsMock = {
+                opt1: 'opt1',
+                opt2: 'opt2'
+            }
+
+            spyOn(highchartsRenderer, 'transformOldGaugeOptions').and.returnValue(transformedOptsMock);
+
+            const pivotDataMock = {
+                getColKeys: () => [[1], [2], [3]],
+            };
+
+            highchartsRenderer.ptRenderGaugeEnhanced(pivotDataMock, optsMock);
+            expect(highchartsRenderer.transformOldGaugeOptions).toHaveBeenCalledWith({
+                opt3: 'opt3'
+            });
+            expect(mockDrChartRender).toHaveBeenCalled();
+        });
+
+        it('should render a gauge chart', () => {
+            const optsMock = {
+                chartOptions: {
+                    opt3: 'opt3'
+                }
+            };
+
+            const transformedOptsMock = {
+                opt1: 'opt1',
+                opt2: 'opt2'
+            }
+
+            spyOn(highchartsRenderer, 'transformOldGaugeOptions').and.returnValue(transformedOptsMock);
+
+            const pivotDataMock = {
+                getColKeys: () => [[1], [2], [3]],
+            };
+
+            highchartsRenderer.ptRenderGaugeEnhanced(pivotDataMock, optsMock);
+            expect(highchartsRenderer.transformOldGaugeOptions).toHaveBeenCalledWith({
+                opt3: 'opt3'
+            });
+            expect(mockDrChartRender).toHaveBeenCalled();
+        });
+    });
+
     describe('Function ptRenderGauge', () => {
 
         const pivotDataMock = {