test: add VRTs of specific test failures

e2e/tests/interactions.test.ts

@@ -420,4 +420,11 @@ test.describe('Interactions', () => {
       },
     );
   });
+  // currently wrong due to https://github.com/elastic/elastic-charts/issues/1921
+  test('highlighter zIndex should respect geometry zIndex', async ({ page }) => {
+    await common.expectChartWithMouseAtUrlToMatchScreenshot(page)(
+      'http://localhost:9001/?path=/story/test-cases--highlighter-z-index',
+      { left: 247, top: 76 }, // mouse over the second point
+    );
+  });
 });

storybook/stories/axes/15_integers_only.story.tsx

@@ -0,0 +1,53 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import { boolean, number } from '@storybook/addon-knobs';
+import React from 'react';
+
+import {
+  AreaSeries,
+  Axis,
+  Chart,
+  Position,
+  ScaleType,
+  Settings,
+  niceTimeFormatter,
+  RecursivePartial,
+  AxisStyle,
+  BarSeries,
+} from '@elastic/charts';
+import { KIBANA_METRICS } from '@elastic/charts/src/utils/data_samples/test_dataset_kibana';
+
+import { useBaseTheme } from '../../use_base_theme';
+
+export const Example = () => {
+  return (
+    <Chart>
+      <Settings baseTheme={useBaseTheme()} />
+      <Axis id="bottom" position={Position.Bottom} />
+      <Axis id="left" position={Position.Left} integersOnly />
+
+      <BarSeries
+        id="Thermal changes"
+        xScaleType={ScaleType.Ordinal}
+        yScaleType={ScaleType.Linear}
+        xAccessor={0}
+        yAccessors={[1]}
+        data={[
+          ['Sensor 1', 0.2],
+          ['Sensor 2', 0.8],
+          ['Sensor 3', 0.76],
+          ['Sensor 4', 0.12],
+        ]}
+      />
+    </Chart>
+  );
+};
+Example.parameters = {
+  markdown: 'Currently not correctly rendered due to [#1920](https://github.com/elastic/elastic-charts/issues/1920)',
+};

storybook/stories/axes/axes.stories.tsx

@@ -14,6 +14,7 @@ export { Example as basic } from './1_basic.story';
 export { Example as tickLabelRotation } from './2_tick_label_rotation.story';
 export { Example as with4Axes } from './3_axis_4_axes.story';
 export { Example as multiAxes } from './4_multi_axis.story';
+export { Example as showOnlyIntegers } from './15_integers_only.story';
 export { Example as barsAndLines } from './5_multi_axis_bar_lines.story';
 export { Example as differentTooltip } from './6_different_tooltip.story';
 export { Example as differentTooltipFormatter } from './6a_different_tooltip_formatter.story';

storybook/stories/test_cases/20_highlighter_z_index.story.tsx

@@ -0,0 +1,54 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import React from 'react';
+
+import { Axis, Chart, LineSeries, Position, ScaleType, Settings } from '@elastic/charts';
+
+import { useBaseTheme } from '../../use_base_theme';
+
+export const Example = () => {
+  return (
+    <Chart>
+      <Settings baseTheme={useBaseTheme()} showLegend />
+      <Axis id="bottom" position={Position.Bottom} />
+      <Axis id="left" position={Position.Left} />
+
+      <LineSeries
+        id="Sensor 1"
+        xScaleType={ScaleType.Linear}
+        yScaleType={ScaleType.Linear}
+        xAccessor={0}
+        yAccessors={[1]}
+        data={[
+          [0, 1],
+          [1, 0.8],
+          [2, 0.5],
+          [3, 0.12],
+        ]}
+      />
+      <LineSeries
+        id="Sensor 2"
+        xScaleType={ScaleType.Linear}
+        yScaleType={ScaleType.Linear}
+        xAccessor={0}
+        yAccessors={[1]}
+        data={[
+          [0, 1],
+          [1, 0.8],
+          [2, 0.76],
+          [3, 0.12],
+        ]}
+      />
+    </Chart>
+  );
+};
+
+Example.parameters = {
+  markdown: 'Currently not correctly rendered due to [#1921](https://github.com/elastic/elastic-charts/issues/1921)',
+};

storybook/stories/test_cases/test_cases.stories.tsx

@@ -19,3 +19,4 @@ export { Example as accessibilityCustomizations } from './6_a11y_custom_descript
 export { Example as rtlText } from './7_rtl_text.story';
 export { Example as testPointsOutsideOfDomain } from './8_test_points_outside_of_domain.story';
 export { Example as duplicateLabelsInPartitionLegend } from './9_duplicate_labels_in_partition_legend.story';
+export { Example as highlighterZIndex } from './20_highlighter_z_index.story';