test: catch up with timeAxisTickCount

elastic · Oct 22, 2021 · 917ac6c · 917ac6c
1 parent ccbd7c0
commit 917ac6c
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 1 deletion.
diff --git a/packages/charts/src/chart_types/xy_chart/legend/legend.test.ts b/packages/charts/src/chart_types/xy_chart/legend/legend.test.ts
@@ -75,6 +75,7 @@ const axisSpec: AxisSpec = {
   position: Position.Left,
   style,
   tickFormat: (value: any) => `${value}`,
+  timeAxisLayerCount: 0,
 };
 axesSpecs.push(axisSpec);
 

diff --git a/packages/charts/src/chart_types/xy_chart/state/chart_state.interactions.test.tsx b/packages/charts/src/chart_types/xy_chart/state/chart_state.interactions.test.tsx
@@ -755,6 +755,7 @@ describe('Chart state pointer interactions', () => {
           showOverlappingLabels: false,
           showOverlappingTicks: false,
           style,
+          timeAxisLayerCount: 0,
         };
         bottomAxis = {
           chartType: ChartType.XYAxis,
@@ -767,6 +768,7 @@ describe('Chart state pointer interactions', () => {
           showOverlappingLabels: false,
           showOverlappingTicks: false,
           style,
+          timeAxisLayerCount: 0,
         };
         currentSettingSpec = getSettingsSpecSelector(store.getState());
       });

diff --git a/packages/charts/src/chart_types/xy_chart/utils/axis_utils.test.ts b/packages/charts/src/chart_types/xy_chart/utils/axis_utils.test.ts
@@ -1311,6 +1311,7 @@ describe('Axis computational utils', () => {
       showOverlappingTicks: false,
       style,
       tickFormat: formatter,
+      timeAxisLayerCount: 0,
     };
     const xDomainTime = MockXDomain.fromScaleType(ScaleType.Time, {
       isBandScale: false,
@@ -1357,6 +1358,7 @@ describe('Axis computational utils', () => {
       style,
       tickFormat: (d, options) =>
         DateTime.fromMillis(d, { setZone: true, zone: options?.timeZone ?? 'utc+1' }).toFormat('HH:mm'),
+      timeAxisLayerCount: 3,
     };
     const xDomainTime = MockXDomain.fromScaleType(ScaleType.Time, {
       isBandScale: false,
@@ -1410,6 +1412,7 @@ describe('Axis computational utils', () => {
       showOverlappingTicks: false,
       style,
       tickFormat: formatter,
+      timeAxisLayerCount: 3,
     };
     const xDomainTime = MockXDomain.fromScaleType(ScaleType.Time, {
       isBandScale: false,
@@ -1462,6 +1465,7 @@ describe('Axis computational utils', () => {
       showOverlappingTicks: false,
       style,
       tickFormat: formatter,
+      timeAxisLayerCount: 3,
     };
     const xDomainTime = MockXDomain.fromScaleType(ScaleType.Time, {
       isBandScale: false,

diff --git a/packages/charts/src/chart_types/xy_chart/utils/dimensions.test.ts b/packages/charts/src/chart_types/xy_chart/utils/dimensions.test.ts
@@ -55,6 +55,7 @@ describe('Computed chart dimensions', () => {
     showOverlappingLabels: false,
     position: Position.Left,
     tickFormat: (value: any) => `${value}`,
+    timeAxisLayerCount: 0,
   };
   const legend: LegendStyle = {
     verticalWidth: 10,

diff --git a/packages/charts/src/mocks/specs/specs.ts b/packages/charts/src/mocks/specs/specs.ts
@@ -290,6 +290,7 @@ export class MockGlobalSpec {
     showOverlappingTicks: false,
     showOverlappingLabels: false,
     position: Position.Left,
+    timeAxisLayerCount: 0,
   };
 
   private static readonly settingsBaseNoMargings: SettingsSpec = {

diff --git a/storybook/stories/area/21_with_time_timeslip.story.tsx b/storybook/stories/area/21_with_time_timeslip.story.tsx
@@ -107,7 +107,7 @@ export const Example = () => {
         tickFormat={tooltipDateFormatter}
         labelFormat={topAxisLabelFormat}
         title="time (1-minute measurements)"
-        timeAxisLayerCount={number('layerCount', 0, { range: true, min: 0, max: 3, step: 1 })}
+        timeAxisLayerCount={number('layerCount', 3, { range: true, min: 0, max: 3, step: 1 })}
       />
       <Axis
         id="left"