Removed chartsV8 dependency from chartsV9 testcase files.

packages/react-components/react-charts-preview/library/src/components/CommonComponents/PopoverRTL.test.tsx

@@ -1,16 +1,11 @@
 import * as React from 'react';
 import PopoverComponent from './Popover';
-import { resetIds } from '../../Utilities';
 import { getByClass, getById } from '../../utilities/TestUtility.test';
 import { act, getByText, render, screen } from '@testing-library/react';
 import { axe, toHaveNoViolations } from 'jest-axe';
 
 expect.extend(toHaveNoViolations);
 
-function sharedBeforeEach() {
-  resetIds();
-}
-
 beforeAll(() => {
   // https://github.com/jsdom/jsdom/issues/3368
   global.ResizeObserver = class ResizeObserver {
@@ -132,7 +127,6 @@ describe('Popover', () => {
 });
 
 describe('Popover - axe-core', () => {
-  beforeEach(sharedBeforeEach);
 
   test('Should pass accessibility tests', async () => {
     const { container } = render(<PopoverComponent isPopoverOpen={true} />);

packages/react-components/react-charts-preview/library/src/components/DonutChart/DonutChart.test.tsx

@@ -2,7 +2,6 @@ jest.mock('react-dom');
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import * as React from 'react';
 import { chartPointsDC, chartPointsDCElevateMinimums, pointsDC } from '../../utilities/test-data';
-import { resetIds } from '../../Utilities';
 import * as renderer from 'react-test-renderer';
 import { mount, ReactWrapper } from 'enzyme';
 import { IDonutChartProps, DonutChart } from './index';
@@ -14,10 +13,6 @@ import { act as domAct } from 'react-dom/test-utils';
 // Wrapper of the DonutChart to be tested.
 let wrapper: ReactWrapper<IDonutChartProps> | undefined;
 
-function sharedBeforeEach() {
-  resetIds();
-}
-
 function sharedAfterEach() {
   if (wrapper) {
     wrapper.unmount();
@@ -51,7 +46,6 @@ export const noColorsChartPoints: IChartProps = {
 };
 
 describe('DonutChart snapShot testing', () => {
-  beforeEach(sharedBeforeEach);
   it('renders DonutChart correctly', () => {
     let component: any;
     rendererAct(() => {
@@ -138,7 +132,6 @@ describe('DonutChart snapShot testing', () => {
 });
 
 describe('DonutChart - basic props', () => {
-  beforeEach(sharedBeforeEach);
   afterEach(sharedAfterEach);
 
   it('Should mount legend when hideLegend false ', () => {
@@ -194,7 +187,6 @@ describe('DonutChart - basic props', () => {
 });
 
 describe('DonutChart - mouse events', () => {
-  beforeEach(sharedBeforeEach);
   afterEach(sharedAfterEach);
 
   it('Should render callout correctly on mouseover', () => {
@@ -242,7 +234,6 @@ describe('DonutChart - mouse events', () => {
 });
 
 describe('Render empty chart aria label div when chart is empty', () => {
-  beforeEach(sharedBeforeEach);
   it('No empty chart aria label div rendered', () => {
     domAct(() => {
       wrapper = mount(<DonutChart data={chartPointsDC} />);

packages/react-components/react-charts-preview/library/src/components/DonutChart/DonutChartRTL.test.tsx

@@ -3,18 +3,12 @@ import '@testing-library/jest-dom';
 import { chartPointsDC } from '../../utilities/test-data';
 import { DonutChart } from './index';
 import * as React from 'react';
-import { DarkTheme } from '@fluentui/theme-samples';
-import { ThemeProvider } from '@fluentui/react';
+import { FluentProvider } from '@fluentui/react-provider';
 import * as utils from '../../utilities/utilities';
-import { resetIds } from '../../Utilities';
 import { axe, toHaveNoViolations } from 'jest-axe';
 
 expect.extend(toHaveNoViolations);
 
-function sharedBeforeEach() {
-  resetIds();
-}
-
 beforeAll(() => {
   // https://github.com/jsdom/jsdom/issues/3368
   global.ResizeObserver = class ResizeObserver {
@@ -32,7 +26,6 @@ beforeAll(() => {
 
 describe('Donut chart interactions', () => {
   beforeEach(() => {
-    sharedBeforeEach();
     jest.spyOn(global.Math, 'random').mockReturnValue(0.1);
   });
   afterEach(() => {
@@ -193,9 +186,9 @@ describe('Donut chart interactions', () => {
   test('Should reflect theme change', () => {
     // Arrange
     const { container } = render(
-      <ThemeProvider theme={DarkTheme}>
+      <FluentProvider theme={{ colorNeutralBackground1: '#ccc' }}>
         <DonutChart culture={window.navigator.language} data={chartPointsDC} innerRadius={55} />
-      </ThemeProvider>,
+      </FluentProvider>,
     );
 
     // Assert
@@ -204,7 +197,6 @@ describe('Donut chart interactions', () => {
 });
 
 describe('Donut Chart - axe-core', () => {
-  beforeEach(sharedBeforeEach);
   test('Should pass accessibility tests', async () => {
     const { container } = render(<DonutChart data={chartPointsDC} />);
     let axeResults;