@datarailsshared/dr_renderer 1.2.407 → 1.2.409

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/highcharts_renderer.js +9 -7
  3. package/tests/highcharts_renderer.test.js +743 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datarailsshared/dr_renderer",
3
- "version": "1.2.407",
3
+ "version": "1.2.409",
4
4
  "description": "DataRails charts and tables renderer",
5
5
  "keywords": [
6
6
  "datarails",
package/src/highcharts_renderer.js CHANGED
@@ -5165,10 +5165,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5165
5165
  else if (format == 'week')
5166
5166
  return highchartsRenderer.returnRawDataWeekValue(tryParse);
5167
5167
 
5168
- format = format.replace('dd', 'DD');
5169
- format = format.replace('yyyy', 'YYYY');
5170
- format = format.replace('yy', 'YY');
5171
- format = lodash.replace(format, /h/g, 'H');
5168
+ format = highchartsRenderer.adjustFormatToSupportedByMoment(format);
5172
5169
 
5173
5170
  const timeframe = highchartsRenderer.getTimeframeByFormat(format);
5174
5171
  const fiscalYearMonthsModifier = highchartsRenderer.getFiscalYearMonthModifier();
@@ -8543,8 +8540,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
8543
8540
  const fiscalYearMonthsModifier = highchartsRenderer.getFiscalYearMonthModifier();
8544
8541
 
8545
8542
  if (format) {
8546
- format = format.replace(/y/g, 'Y');
8547
- format = format.replace(/d/g, 'D');
8543
+ format = highchartsRenderer.adjustFormatToSupportedByMoment(dateField.format);
8548
8544
  } else if (colName === 'VT_Month') {
8549
8545
  format = 'MMM YYYY';
8550
8546
  }
@@ -9429,7 +9425,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
9429
9425
  if (aggregationConfig && aggregationConfig.aggregate_by && aggregationConfig.is_formatting_by_aggregation_method) {
9430
9426
  return highchartsRenderer.getDateFormatByTimeframe(aggregationConfig.aggregate_by, dateField.format);
9431
9427
  }
9432
- return dateField.format;
9428
+ return highchartsRenderer.adjustFormatToSupportedByMoment(dateField.format);
9433
9429
  }
9434
9430
 
9435
9431
  highchartsRenderer.getDateFormatByTimeframe = function(timeframe, defaultDateFormat) {
@@ -9808,6 +9804,12 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
9808
9804
  disableAnimation = disabled;
9809
9805
  };
9810
9806
 
9807
+ highchartsRenderer.adjustFormatToSupportedByMoment = function(format) {
9808
+ return typeof format === 'string'
9809
+ ? format.replace(/y/g, 'Y').replace(/d/g, 'D').replace(/h/g, 'H')
9810
+ : format;
9811
+ }
9812
+
9811
9813
  return highchartsRenderer;
9812
9814
  };
9813
9815
 
package/tests/highcharts_renderer.test.js CHANGED
@@ -4551,14 +4551,14 @@ describe('highcharts_renderer', () => {
4551
4551
 
4552
4552
  dateField = {
4553
4553
  id: 1,
4554
- format: '%Y-%m-%d',
4554
+ format: '%y-%m-%d',
4555
4555
  };
4556
4556
  });
4557
4557
 
4558
- it('returns format as is when there is no aggregation config', () => {
4558
+ it('returns field format adjusted to moment when there is no aggregation config', () => {
4559
4559
  widget.options.date_aggregation_configs = [];
4560
4560
  const result = highchartsRenderer.getDateFieldFormat(widget, dateField);
4561
- expect(result).toEqual('%Y-%m-%d');
4561
+ expect(result).toEqual('%Y-%m-%D');
4562
4562
  });
4563
4563
 
4564
4564
  it('returns format by time frame when there is an aggregation config', () => {
@@ -4566,10 +4566,10 @@ describe('highcharts_renderer', () => {
4566
4566
  expect(result).toEqual('[Q]Q-YY');
4567
4567
  });
4568
4568
 
4569
- it('returns format as is when there is an aggregation config but no time frame specified', () => {
4569
+ it('returns field format adjusted to moment when there is an aggregation config but no time frame specified', () => {
4570
4570
  widget.options.date_aggregation_configs[0].aggregate_by = null;
4571
4571
  const result = highchartsRenderer.getDateFieldFormat(widget, dateField);
4572
- expect(result).toEqual('%Y-%m-%d');
4572
+ expect(result).toEqual('%Y-%m-%D');
4573
4573
  });
4574
4574
  });
4575
4575
 
@@ -7450,5 +7450,742 @@ describe('highcharts_renderer', () => {
7450
7450
  expect(placeholder.querySelector(textSelector).innerHTML).toEqual(value.text);
7451
7451
  });
7452
7452
  });
7453
- })
7453
+ });
7454
+
7455
+ describe("Function ptCreateWaterfallWalkthroughSeries", () => {
7456
+ const format = null;
7457
+ const additionalOptionsMock = { testOption: 'test additional option 1' }
7458
+
7459
+ const commonPivotDataMockProps = {
7460
+ colFormats: 'mock_formats',
7461
+ colAttrs: ['Test Number Field'],
7462
+ allTotal: {
7463
+ uniq: 1
7464
+ }
7465
+ };
7466
+
7467
+ const pivotDataMockForOneFieldAndOneTotal = {
7468
+ getAggregator: (rows, cols) => {
7469
+ let aggregator = highchartsRenderer.rhPivotAggregatorSum([''], format, true, {}, {});
7470
+ const agg = aggregator({}, '', '');
7471
+
7472
+ if (lodash.isEqual(cols, [1]) && lodash.isEqual(rows, [])) {
7473
+ agg.sum = 100;
7474
+ } else if (lodash.isEqual(cols, [2]) && lodash.isEqual(rows, [])) {
7475
+ agg.sum = 50;
7476
+ } else if (lodash.isEqual(cols, [3]) && lodash.isEqual(rows, [])) {
7477
+ agg.sum = 40;
7478
+ } else if (lodash.isEqual(cols, ['Total']) && lodash.isEqual(rows, [])) {
7479
+ agg.sum = 110;
7480
+ }
7481
+
7482
+ return agg;
7483
+ },
7484
+ ...commonPivotDataMockProps,
7485
+ };
7486
+
7487
+ const pivotDataMockForTwoFieldsAndOneTotal = {
7488
+ getAggregator: (rows, cols) => {
7489
+ let aggregator = highchartsRenderer.rhPivotAggregatorSum([''], format, true, {}, {});
7490
+ const agg = aggregator({}, '', '');
7491
+
7492
+ if (lodash.isEqual(cols, [1, 1707389300]) && lodash.isEqual(rows, [])) {
7493
+ agg.sum = 100;
7494
+ } else if (lodash.isEqual(cols, [2, 1707389400]) && lodash.isEqual(rows, [])) {
7495
+ agg.sum = 50;
7496
+ } else if (lodash.isEqual(cols, [2, 1707389500]) && lodash.isEqual(rows, [])) {
7497
+ agg.sum = 40;
7498
+ } else if (lodash.isEqual(cols, ['Total']) && lodash.isEqual(rows, [])) {
7499
+ agg.sum = 110;
7500
+ }
7501
+
7502
+ return agg;
7503
+ },
7504
+ ...commonPivotDataMockProps,
7505
+ };
7506
+
7507
+ const pivotDataMockForTwoFieldsAndNoTotals = {
7508
+ getAggregator: (rows, cols) => {
7509
+ let aggregator = highchartsRenderer.rhPivotAggregatorSum([''], format, true, {}, {});
7510
+ const agg = aggregator({}, '', '');
7511
+
7512
+ if (lodash.isEqual(cols, [1, 1707389300]) && lodash.isEqual(rows, [])) {
7513
+ agg.sum = 100;
7514
+ } else if (lodash.isEqual(cols, [2, 1707389400]) && lodash.isEqual(rows, [])) {
7515
+ agg.sum = 50;
7516
+ } else if (lodash.isEqual(cols, [2, 1707389500]) && lodash.isEqual(rows, [])) {
7517
+ agg.sum = 40;
7518
+ }
7519
+
7520
+ return agg;
7521
+ },
7522
+ ...commonPivotDataMockProps,
7523
+ };
7524
+
7525
+ const pivotDataMockForTwoFieldsAndTwoTotals = {
7526
+ getAggregator: (rows, cols) => {
7527
+ let aggregator = highchartsRenderer.rhPivotAggregatorSum([''], format, true, {}, {});
7528
+ const agg = aggregator({}, '', '');
7529
+
7530
+ if (lodash.isEqual(cols, [1, 1707389300]) && lodash.isEqual(rows, [])) {
7531
+ agg.sum = 100;
7532
+ } else if (lodash.isEqual(cols, [2, 1707389400]) && lodash.isEqual(rows, [])) {
7533
+ agg.sum = 50;
7534
+ } else if (lodash.isEqual(cols, ['Total 1']) && lodash.isEqual(rows, [])) {
7535
+ agg.sum = 150;
7536
+ } else if (lodash.isEqual(cols, [2, 1707389500]) && lodash.isEqual(rows, [])) {
7537
+ agg.sum = 40;
7538
+ } else if (lodash.isEqual(cols, ['Total 2']) && lodash.isEqual(rows, [])) {
7539
+ agg.sum = 110;
7540
+ }
7541
+
7542
+ return agg;
7543
+ },
7544
+ ...commonPivotDataMockProps,
7545
+ };
7546
+
7547
+ const pivotDataMockWithZeroValue = {
7548
+ getAggregator: (rows, cols) => {
7549
+ let aggregator = highchartsRenderer.rhPivotAggregatorSum([''], format, true, {}, {});
7550
+ const agg = aggregator({}, '', '');
7551
+
7552
+ if (lodash.isEqual(cols, [1]) && lodash.isEqual(rows, [])) {
7553
+ agg.sum = 100;
7554
+ } else if (lodash.isEqual(cols, [2]) && lodash.isEqual(rows, [])) {
7555
+ agg.sum = 0;
7556
+ } else if (lodash.isEqual(cols, [3]) && lodash.isEqual(rows, [])) {
7557
+ agg.sum = 40;
7558
+ } else if (lodash.isEqual(cols, ['Total']) && lodash.isEqual(rows, [])) {
7559
+ agg.sum = 60;
7560
+ }
7561
+
7562
+ return agg;
7563
+ },
7564
+ ...commonPivotDataMockProps,
7565
+ };
7566
+
7567
+ beforeEach(() => {
7568
+ spyOn(highchartsRenderer, "defaultDataLabelFormatter").and.returnValue("mock formatter function");
7569
+ spyOn(highchartsRenderer, "getDataLabelsStyle").and.returnValue({ height: '100px' });
7570
+ spyOn(highchartsRenderer, "getOthersName").and.returnValue({ height: 'Test Others Name' });
7571
+ spyOn(highchartsRenderer, 'getDataLabelsOptions').and.callFake((additionOptions, resultObject) => {
7572
+ resultObject.dataLabels.additionalTestProp = 'test_value';
7573
+ return resultObject;
7574
+ });
7575
+ spyOn(highchartsRenderer, 'getFormattedColKey')
7576
+ .and.callFake((initialName, pivotData) => `formatted(${ initialName })`);
7577
+ spyOn(highchartsRenderer, 'isFormattingDatesAsOtherAxisTypes').and.returnValue(true);
7578
+ });
7579
+
7580
+ it("should create appropriate series for case when only one column field and one total", () => {
7581
+ const pivotDataMock = lodash.cloneDeep(pivotDataMockForOneFieldAndOneTotal);
7582
+
7583
+ const optsMock = {
7584
+ walkthrough_options: {
7585
+ values: {
7586
+ walkthrough: [
7587
+ { key: [1], color: null, format: null, trend: "increase" },
7588
+ { key: [2], color: null, format: null, trend: "increase" },
7589
+ { key: [3], color: null, format: null, trend: "decrease" },
7590
+ { key: ["Total"], color: null, format: null, trend: "total" },
7591
+ ],
7592
+ },
7593
+ colors: {
7594
+ increase: 'green',
7595
+ decrease: 'red',
7596
+ total: 'blue',
7597
+ },
7598
+ }
7599
+ }
7600
+
7601
+ const series = highchartsRenderer.ptCreateWaterfallWalkthroughSeries(pivotDataMock, false, additionalOptionsMock, optsMock);
7602
+ expect(series).toEqual([
7603
+ {
7604
+ className: "waterfallWalkthrough",
7605
+ color: "red",
7606
+ data: [
7607
+ {
7608
+ color: "green",
7609
+ colsForTotal: null,
7610
+ initialName: "1",
7611
+ isSum: false,
7612
+ isTotal: false,
7613
+ name: "formatted(1)",
7614
+ totalIndex: undefined,
7615
+ y: 100
7616
+ },
7617
+ {
7618
+ color: "green",
7619
+ colsForTotal: null,
7620
+ initialName: "2",
7621
+ isSum: false,
7622
+ isTotal: false,
7623
+ name: "formatted(2)",
7624
+ totalIndex: undefined,
7625
+ y: 50
7626
+ },
7627
+ {
7628
+ color: "red",
7629
+ colsForTotal: null,
7630
+ initialName: "3",
7631
+ isSum: false,
7632
+ isTotal: false,
7633
+ name: "formatted(3)",
7634
+ totalIndex: undefined,
7635
+ y: -40
7636
+ },
7637
+ {
7638
+ color: "blue",
7639
+ colsForTotal: ["Total",],
7640
+ initialName: "Total",
7641
+ isSum: true,
7642
+ isTotal: true,
7643
+ name: "Total",
7644
+ totalIndex: 3,
7645
+ y: 110,
7646
+ }
7647
+ ],
7648
+ dataLabels: {
7649
+ additionalTestProp: "test_value",
7650
+ allowOverlap: false,
7651
+ enabled: true,
7652
+ formatter: "mock formatter function",
7653
+ style: {"height": "100px"}
7654
+ },
7655
+ upColor: "green"
7656
+ },
7657
+ {
7658
+ color: "green",
7659
+ name: "Positive",
7660
+ visible: false
7661
+ },
7662
+ {
7663
+ color: "red",
7664
+ name: "Negative",
7665
+ visible: false
7666
+ }
7667
+ ]);
7668
+ });
7669
+
7670
+ it("should create appropriate series - skip zero value", () => {
7671
+ const pivotDataMock = lodash.cloneDeep(pivotDataMockWithZeroValue);
7672
+
7673
+ const optsMock = {
7674
+ walkthrough_options: {
7675
+ values: {
7676
+ walkthrough: [
7677
+ { key: [1], color: null, format: null, trend: "increase" },
7678
+ { key: [2], color: null, format: null, trend: "increase" },
7679
+ { key: [3], color: null, format: null, trend: "decrease" },
7680
+ { key: ["Total"], color: null, format: null, trend: "total" },
7681
+ ],
7682
+ },
7683
+ colors: {
7684
+ increase: 'green',
7685
+ decrease: 'red',
7686
+ total: 'blue',
7687
+ },
7688
+ }
7689
+ }
7690
+
7691
+ const series = highchartsRenderer.ptCreateWaterfallWalkthroughSeries(pivotDataMock, false, additionalOptionsMock, optsMock);
7692
+ expect(series).toEqual([
7693
+ {
7694
+ className: "waterfallWalkthrough",
7695
+ color: "red",
7696
+ data: [
7697
+ {
7698
+ color: "green",
7699
+ colsForTotal: null,
7700
+ initialName: "1",
7701
+ isSum: false,
7702
+ isTotal: false,
7703
+ name: "formatted(1)",
7704
+ totalIndex: undefined,
7705
+ y: 100
7706
+ },
7707
+ {
7708
+ color: "red",
7709
+ colsForTotal: null,
7710
+ initialName: "3",
7711
+ isSum: false,
7712
+ isTotal: false,
7713
+ name: "formatted(3)",
7714
+ totalIndex: undefined,
7715
+ y: -40
7716
+ },
7717
+ {
7718
+ color: "blue",
7719
+ colsForTotal: ["Total",],
7720
+ initialName: "Total",
7721
+ isSum: true,
7722
+ isTotal: true,
7723
+ name: "Total",
7724
+ totalIndex: 3,
7725
+ y: 60,
7726
+ }
7727
+ ],
7728
+ dataLabels: {
7729
+ additionalTestProp: "test_value",
7730
+ allowOverlap: false,
7731
+ enabled: true,
7732
+ formatter: "mock formatter function",
7733
+ style: {"height": "100px"}
7734
+ },
7735
+ upColor: "green"
7736
+ },
7737
+ {
7738
+ color: "green",
7739
+ name: "Positive",
7740
+ visible: false
7741
+ },
7742
+ {
7743
+ color: "red",
7744
+ name: "Negative",
7745
+ visible: false
7746
+ }
7747
+ ]);
7748
+ });
7749
+
7750
+ it("should create appropriate series for case when two column fields and one total", () => {
7751
+ const pivotDataMock = lodash.cloneDeep(pivotDataMockForTwoFieldsAndOneTotal);
7752
+ const optsMock = {
7753
+ walkthrough_options: {
7754
+ values: {
7755
+ walkthrough: [
7756
+ { key: [1, 1707389300], color: null, format: null, trend: "increase" },
7757
+ { key: [2, 1707389400], color: null, format: null, trend: "increase" },
7758
+ { key: [2, 1707389500], color: null, format: null, trend: "decrease" },
7759
+ { key: ["Total"], color: null, format: null, trend: "total" },
7760
+ ],
7761
+ },
7762
+ colors: {
7763
+ increase: 'green',
7764
+ decrease: 'red',
7765
+ total: 'blue',
7766
+ },
7767
+ }
7768
+ }
7769
+
7770
+ const series = highchartsRenderer.ptCreateWaterfallWalkthroughSeries(pivotDataMock, false, additionalOptionsMock, optsMock);
7771
+ expect(series).toEqual([
7772
+ {
7773
+ className: "waterfallWalkthrough",
7774
+ color: "red",
7775
+ data: [
7776
+ {
7777
+ color: "green",
7778
+ colsForTotal: null,
7779
+ initialName: "1 , 1707389300",
7780
+ isSum: false,
7781
+ isTotal: false,
7782
+ name: "formatted(1 , 1707389300)",
7783
+ totalIndex: undefined,
7784
+ y: 100
7785
+ },
7786
+ {
7787
+ color: "green",
7788
+ colsForTotal: null,
7789
+ initialName: "2 , 1707389400",
7790
+ isSum: false,
7791
+ isTotal: false,
7792
+ name: "formatted(2 , 1707389400)",
7793
+ totalIndex: undefined,
7794
+ y: 50
7795
+ },
7796
+ {
7797
+ color: "red",
7798
+ colsForTotal: null,
7799
+ initialName: "2 , 1707389500",
7800
+ isSum: false,
7801
+ isTotal: false,
7802
+ name: "formatted(2 , 1707389500)",
7803
+ totalIndex: undefined,
7804
+ y: -40
7805
+ },
7806
+ {
7807
+ color: "blue",
7808
+ colsForTotal: ["Total",],
7809
+ initialName: "Total",
7810
+ isSum: true,
7811
+ isTotal: true,
7812
+ name: "Total",
7813
+ totalIndex: 3,
7814
+ y: 110,
7815
+ }
7816
+ ],
7817
+ dataLabels: {
7818
+ additionalTestProp: "test_value",
7819
+ allowOverlap: false,
7820
+ enabled: true,
7821
+ formatter: "mock formatter function",
7822
+ style: {"height": "100px"}
7823
+ },
7824
+ upColor: "green"
7825
+ },
7826
+ {
7827
+ color: "green",
7828
+ name: "Positive",
7829
+ visible: false
7830
+ },
7831
+ {
7832
+ color: "red",
7833
+ name: "Negative",
7834
+ visible: false
7835
+ }
7836
+ ]);
7837
+ });
7838
+
7839
+ it("should create appropriate series - no totals", () => {
7840
+ const pivotDataMock = lodash.cloneDeep(pivotDataMockForTwoFieldsAndNoTotals);
7841
+
7842
+ const optsMock = {
7843
+ walkthrough_options: {
7844
+ values: {
7845
+ walkthrough: [
7846
+ { key: [1, 1707389300], color: null, format: null, trend: "increase" },
7847
+ { key: [2, 1707389400], color: null, format: null, trend: "increase" },
7848
+ { key: [2, 1707389500], color: null, format: null, trend: "decrease" },
7849
+ ],
7850
+ },
7851
+ colors: {
7852
+ increase: 'green',
7853
+ decrease: 'red',
7854
+ total: 'blue',
7855
+ },
7856
+ }
7857
+ }
7858
+
7859
+ const series = highchartsRenderer.ptCreateWaterfallWalkthroughSeries(pivotDataMock, false, additionalOptionsMock, optsMock);
7860
+ expect(series).toEqual([
7861
+ {
7862
+ className: "waterfallWalkthrough",
7863
+ color: "red",
7864
+ data: [
7865
+ {
7866
+ color: "green",
7867
+ colsForTotal: null,
7868
+ initialName: "1 , 1707389300",
7869
+ isSum: false,
7870
+ isTotal: false,
7871
+ name: "formatted(1 , 1707389300)",
7872
+ totalIndex: undefined,
7873
+ y: 100
7874
+ },
7875
+ {
7876
+ color: "green",
7877
+ colsForTotal: null,
7878
+ initialName: "2 , 1707389400",
7879
+ isSum: false,
7880
+ isTotal: false,
7881
+ name: "formatted(2 , 1707389400)",
7882
+ totalIndex: undefined,
7883
+ y: 50
7884
+ },
7885
+ {
7886
+ color: "red",
7887
+ colsForTotal: null,
7888
+ initialName: "2 , 1707389500",
7889
+ isSum: false,
7890
+ isTotal: false,
7891
+ name: "formatted(2 , 1707389500)",
7892
+ totalIndex: undefined,
7893
+ y: -40
7894
+ },
7895
+ ],
7896
+ dataLabels: {
7897
+ additionalTestProp: "test_value",
7898
+ allowOverlap: false,
7899
+ enabled: true,
7900
+ formatter: "mock formatter function",
7901
+ style: {"height": "100px"}
7902
+ },
7903
+ upColor: "green"
7904
+ },
7905
+ {
7906
+ color: "green",
7907
+ name: "Positive",
7908
+ visible: false
7909
+ },
7910
+ {
7911
+ color: "red",
7912
+ name: "Negative",
7913
+ visible: false
7914
+ }
7915
+ ]);
7916
+ });
7917
+
7918
+ it("should create appropriate series - two totals", () => {
7919
+ const pivotDataMock = lodash.cloneDeep(pivotDataMockForTwoFieldsAndTwoTotals);
7920
+
7921
+ const optsMock = {
7922
+ walkthrough_options: {
7923
+ values: {
7924
+ walkthrough: [
7925
+ { key: [1, 1707389300], color: null, format: null, trend: "increase" },
7926
+ { key: [2, 1707389400], color: null, format: null, trend: "increase" },
7927
+ { key: ["Total 1"], color: null, format: null, trend: "total" },
7928
+ { key: [2, 1707389500], color: null, format: null, trend: "decrease" },
7929
+ { key: ["Total 2"], color: null, format: null, trend: "total" },
7930
+ ],
7931
+ },
7932
+ colors: {
7933
+ increase: 'green',
7934
+ decrease: 'red',
7935
+ total: 'blue',
7936
+ },
7937
+ }
7938
+ }
7939
+
7940
+ const series = highchartsRenderer.ptCreateWaterfallWalkthroughSeries(pivotDataMock, false, additionalOptionsMock, optsMock);
7941
+ expect(series).toEqual([
7942
+ {
7943
+ className: "waterfallWalkthrough",
7944
+ color: "red",
7945
+ data: [
7946
+ {
7947
+ color: "green",
7948
+ colsForTotal: null,
7949
+ initialName: "1 , 1707389300",
7950
+ isSum: false,
7951
+ isTotal: false,
7952
+ name: "formatted(1 , 1707389300)",
7953
+ totalIndex: undefined,
7954
+ y: 100
7955
+ },
7956
+ {
7957
+ color: "green",
7958
+ colsForTotal: null,
7959
+ initialName: "2 , 1707389400",
7960
+ isSum: false,
7961
+ isTotal: false,
7962
+ name: "formatted(2 , 1707389400)",
7963
+ totalIndex: undefined,
7964
+ y: 50
7965
+ },
7966
+ {
7967
+ color: "blue",
7968
+ colsForTotal: ["Total 1",],
7969
+ initialName: "Total 1",
7970
+ isSum: true,
7971
+ isTotal: true,
7972
+ name: "Total 1",
7973
+ totalIndex: 2,
7974
+ y: 150,
7975
+ },
7976
+ {
7977
+ color: "red",
7978
+ colsForTotal: null,
7979
+ initialName: "2 , 1707389500",
7980
+ isSum: false,
7981
+ isTotal: false,
7982
+ name: "formatted(2 , 1707389500)",
7983
+ totalIndex: undefined,
7984
+ y: -40
7985
+ },
7986
+ {
7987
+ color: "blue",
7988
+ colsForTotal: ["Total 2",],
7989
+ initialName: "Total 2",
7990
+ isSum: true,
7991
+ isTotal: true,
7992
+ name: "Total 2",
7993
+ totalIndex: 4,
7994
+ y: 110,
7995
+ }
7996
+ ],
7997
+ dataLabels: {
7998
+ additionalTestProp: "test_value",
7999
+ allowOverlap: false,
8000
+ enabled: true,
8001
+ formatter: "mock formatter function",
8002
+ style: {"height": "100px"}
8003
+ },
8004
+ upColor: "green"
8005
+ },
8006
+ {
8007
+ color: "green",
8008
+ name: "Positive",
8009
+ visible: false
8010
+ },
8011
+ {
8012
+ color: "red",
8013
+ name: "Negative",
8014
+ visible: false
8015
+ }
8016
+ ]);
8017
+ });
8018
+
8019
+ it("should use colors from walkthrough_options values (when it is set and common colors not passed)", () => {
8020
+ const pivotDataMock = lodash.cloneDeep(pivotDataMockForTwoFieldsAndOneTotal);
8021
+
8022
+ const optsMock = {
8023
+ walkthrough_options: {
8024
+ values: {
8025
+ walkthrough: [
8026
+ { key: [1, 1707389300], color: 'orange', format: null, trend: "increase" },
8027
+ { key: [2, 1707389400], color: 'purple', format: null, trend: "increase" },
8028
+ { key: [2, 1707389500], color: 'magenta', format: null, trend: "decrease" },
8029
+ { key: ["Total"], color: 'lavander', format: null, trend: "total" },
8030
+ ],
8031
+ },
8032
+ colors: null,
8033
+ }
8034
+ }
8035
+
8036
+ const series = highchartsRenderer.ptCreateWaterfallWalkthroughSeries(pivotDataMock, false, additionalOptionsMock, optsMock);
8037
+ expect(series).toEqual([
8038
+ {
8039
+ className: "waterfallWalkthrough",
8040
+ color: undefined,
8041
+ data: [
8042
+ {
8043
+ color: "orange",
8044
+ colsForTotal: null,
8045
+ initialName: "1 , 1707389300",
8046
+ isSum: false,
8047
+ isTotal: false,
8048
+ name: "formatted(1 , 1707389300)",
8049
+ totalIndex: undefined,
8050
+ y: 100
8051
+ },
8052
+ {
8053
+ color: "purple",
8054
+ colsForTotal: null,
8055
+ initialName: "2 , 1707389400",
8056
+ isSum: false,
8057
+ isTotal: false,
8058
+ name: "formatted(2 , 1707389400)",
8059
+ totalIndex: undefined,
8060
+ y: 50
8061
+ },
8062
+ {
8063
+ color: "magenta",
8064
+ colsForTotal: null,
8065
+ initialName: "2 , 1707389500",
8066
+ isSum: false,
8067
+ isTotal: false,
8068
+ name: "formatted(2 , 1707389500)",
8069
+ totalIndex: undefined,
8070
+ y: -40
8071
+ },
8072
+ {
8073
+ color: "lavander",
8074
+ colsForTotal: ["Total",],
8075
+ initialName: "Total",
8076
+ isSum: true,
8077
+ isTotal: true,
8078
+ name: "Total",
8079
+ totalIndex: 3,
8080
+ y: 110,
8081
+ }
8082
+ ],
8083
+ dataLabels: {
8084
+ additionalTestProp: "test_value",
8085
+ allowOverlap: false,
8086
+ enabled: true,
8087
+ formatter: "mock formatter function",
8088
+ style: {"height": "100px"}
8089
+ },
8090
+ upColor: undefined
8091
+ },
8092
+ {
8093
+ color: undefined,
8094
+ name: "Positive",
8095
+ visible: false
8096
+ },
8097
+ {
8098
+ color: undefined,
8099
+ name: "Negative",
8100
+ visible: false
8101
+ }
8102
+ ]);
8103
+ });
8104
+
8105
+ it("should use default colors (when no colors info in walkthrough_options)", () => {
8106
+ const pivotDataMock = lodash.cloneDeep(pivotDataMockForTwoFieldsAndOneTotal);
8107
+
8108
+ const optsMock = {
8109
+ walkthrough_options: {
8110
+ values: {
8111
+ walkthrough: [
8112
+ { key: [1, 1707389300], color: null, format: null, trend: "increase" },
8113
+ { key: [2, 1707389400], color: null, format: null, trend: "increase" },
8114
+ { key: [2, 1707389500], color: null, format: null, trend: "decrease" },
8115
+ { key: ["Total"], color: null, format: null, trend: "total" },
8116
+ ],
8117
+ },
8118
+ colors: {},
8119
+ }
8120
+ }
8121
+
8122
+ const series = highchartsRenderer.ptCreateWaterfallWalkthroughSeries(pivotDataMock, false, additionalOptionsMock, optsMock);
8123
+ expect(series).toEqual([
8124
+ {
8125
+ className: "waterfallWalkthrough",
8126
+ color: undefined,
8127
+ data: [
8128
+ {
8129
+ color: "#20A452",
8130
+ colsForTotal: null,
8131
+ initialName: "1 , 1707389300",
8132
+ isSum: false,
8133
+ isTotal: false,
8134
+ name: "formatted(1 , 1707389300)",
8135
+ totalIndex: undefined,
8136
+ y: 100
8137
+ },
8138
+ {
8139
+ color: "#20A452",
8140
+ colsForTotal: null,
8141
+ initialName: "2 , 1707389400",
8142
+ isSum: false,
8143
+ isTotal: false,
8144
+ name: "formatted(2 , 1707389400)",
8145
+ totalIndex: undefined,
8146
+ y: 50
8147
+ },
8148
+ {
8149
+ color: "#BF1D30",
8150
+ colsForTotal: null,
8151
+ initialName: "2 , 1707389500",
8152
+ isSum: false,
8153
+ isTotal: false,
8154
+ name: "formatted(2 , 1707389500)",
8155
+ totalIndex: undefined,
8156
+ y: -40
8157
+ },
8158
+ {
8159
+ color: "",
8160
+ colsForTotal: ["Total",],
8161
+ initialName: "Total",
8162
+ isSum: true,
8163
+ isTotal: true,
8164
+ name: "Total",
8165
+ totalIndex: 3,
8166
+ y: 110,
8167
+ }
8168
+ ],
8169
+ dataLabels: {
8170
+ additionalTestProp: "test_value",
8171
+ allowOverlap: false,
8172
+ enabled: true,
8173
+ formatter: "mock formatter function",
8174
+ style: {"height": "100px"}
8175
+ },
8176
+ upColor: undefined
8177
+ },
8178
+ {
8179
+ color: undefined,
8180
+ name: "Positive",
8181
+ visible: false
8182
+ },
8183
+ {
8184
+ color: undefined,
8185
+ name: "Negative",
8186
+ visible: false
8187
+ }
8188
+ ]);
8189
+ });
8190
+ });
7454
8191
  });