@datarailsshared/dr_renderer 1.2.439 → 1.2.440

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/dr_renderer",
-  "version": "1.2.439",
+  "version": "1.2.440",
   "description": "DataRails charts and tables renderer",
   "keywords": [
     "datarails",

package/tests/highcharts_renderer.test.js

@@ -8321,6 +8321,111 @@ describe('highcharts_renderer', () => {
         });
     });
 
+    describe('highchartsRenderer.ptRenderPieWithDrillDown', () => {
+        beforeEach(() => {
+            jest.spyOn(highchartsRenderer, 'ptCreateSeriesToDrillDownChart')
+                .mockReturnValue([{ name: 'Sample Series', data: [1, 2, 3] }]);
+            jest.spyOn(highchartsRenderer, 'ptCreateElementAndDraw').mockImplementation(() => {});
+        });
+    
+        afterEach(() => {
+            jest.restoreAllMocks();
+        });
+    
+        it('should call ptCreateElementAndDraw with correct chart options', () => {
+            const pivotData = {
+                getColKeys: jest.fn(() => [['Category 1'], ['Category 2']]),
+                getRowKeys: jest.fn(() => [['Row 1'], ['Row 2']]),
+                isDrillDownDisabled: false,
+                getAggregator: jest.fn((row, col) => ({
+                    value: jest.fn(() => 100)
+                })),
+                rows: { 0: { type: 'Date' }, 1: { type: 'Date' } },
+                cols: { 0: { type: 'Category' }, 1: { type: 'Category' } }
+            };
+    
+            const opts = {
+                chartOptions: {
+                    label_pie: {
+                        overlap: true,
+                        show: true
+                    },
+                    chart: {
+                        colors_offset: 1
+                    }
+                }
+            };
+    
+            const drilldownFunc = jest.fn();
+
+            highchartsRenderer.ptRenderPieWithDrillDown(pivotData, opts, drilldownFunc);
+    
+            const expectedChartOptions = {
+                chart: {
+                    type: 'pie',
+                    events: {
+                        drilldown: expect.any(Function),
+                        drillup: expect.any(Function)
+                    }
+                },
+                colors: ["#91e7e7", "#f37789", "#ffdc65", "#0e569d", "#bbe0ff", "#57b2ff", "#5ecfb9", "#c7ffda", "#179ab9", "#008aff"], 
+                plotOptions: {
+                    series: {
+                        animation: true,
+                        dataLabels: {
+                            allowOverlap: true,
+                            color: "#151a41",
+                            enabled: true,
+                            formatter: expect.any(Function),
+                            style: {
+                                "fontFamily": "Poppins", 
+                                "fontSize": "11",
+                                "fontWeight": "normal"
+                            }
+                        },
+                        showInLegend: true
+                    }
+                },
+                tooltip: {
+                    headerFormat: '',
+                    pointFormatter: expect.any(Function)
+                },
+                series: [{ name: 'Sample Series', data: [1, 2, 3] }], 
+                legend: {
+                    align: "right",
+                    borderWidth: 0,
+                    enabled: true,
+                    itemMarginTop: 10,
+                    layout: "vertical",
+                    verticalAlign: "top",
+                    y: 13
+                },
+                drilldown: {}, 
+                subtitle: {
+                    align: "center",
+                    style: {
+                        "color": "#2969b0",
+                        "font-family": "'Poppins', sans-serif",
+                        "font-size": "14px",
+                        "font-weight": "100"
+                    },
+                    text: ""
+                },
+                title: {
+                    align: "center",
+                    style: {
+                        "color": "#2969b0",
+                        "font-family": "'Poppins', sans-serif",
+                        "font-size": "18px",
+                        "font-weight": "300"
+                    },
+                    text: ""
+                }
+            };
+            expect(highchartsRenderer.ptCreateElementAndDraw).toHaveBeenCalledWith(expectedChartOptions, opts);
+        });
+    });
+
     describe('Function ptRenderGauge', () => {
 
         const pivotDataMock = {