add test case for callout variant

microsoft · Jul 28, 2023 · fb55d1e · fb55d1e
1 parent 1434e27
commit fb55d1e
Show file tree

Hide file tree

Showing 2 changed files with 942 additions and 0 deletions.
diff --git a/...es/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.test.tsx b/...es/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.test.tsx
@@ -9,6 +9,7 @@ import {
   IVerticalStackedBarChartProps,
   VerticalStackedBarChart,
   IVerticalStackedChartProps,
+  ChartHoverCardVariant,
 } from '../../index';
 import { IVerticalStackedBarChartState, VerticalStackedBarChartBase } from './VerticalStackedBarChart.base';
 import toJson from 'enzyme-to-json';
@@ -320,6 +321,25 @@ describe('VerticalStackedBarChart - mouse events', () => {
     const tree = toJson(wrapper, { mode: 'deep' });
     expect(tree).toMatchSnapshot();
   });
+
+  it('Should render long legend variant of callout correctly on mouseover', async () => {
+    wrapper = mount(
+      <VerticalStackedBarChart
+        data={chartPoints2}
+        calloutProps={{ doNotLayer: true }}
+        calloutVariant={ChartHoverCardVariant.LongLegend}
+        enabledLegendsWrapLines
+      />,
+    );
+
+    // Wait for the chart to be resized
+    await new Promise(resolve => setTimeout(resolve));
+    wrapper.update();
+
+    wrapper.find('rect').at(0).simulate('mouseover');
+    const tree = toJson(wrapper, { mode: 'deep' });
+    expect(tree).toMatchSnapshot();
+  });
 });
 
 describe('Render empty chart aria label div when chart is empty', () => {