fix(react): remove setupTests and update test with it's logic (#1489)

Author: Hristo313

packages/cli/templates/react/igr-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -1,6 +1,11 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
 
 test('renders $(ClassName) component', () => {
   const wrapper = render(<$(ClassName) />);

packages/cli/templates/react/igr-ts/category-chart/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -1,6 +1,11 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
 
 test('renders $(ClassName) component', () => {
   const wrapper = render(<$(ClassName) />);

packages/cli/templates/react/igr-ts/doughnut-chart/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -1,6 +1,11 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
 
 test('renders $(ClassName) component', () => {
   const wrapper = render(<$(ClassName) />);

packages/cli/templates/react/igr-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -1,6 +1,11 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
 
 test('renders $(ClassName) component', () => {
   const wrapper = render(<$(ClassName) />);

packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.test.tsx

@@ -1,6 +1,11 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
 
 test('renders $(ClassName) component', () => {
   const wrapper = render(<$(ClassName) />);

packages/cli/templates/react/igr-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -1,6 +1,11 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
 
 test('renders $(ClassName) component', () => {
   const wrapper = render(<$(ClassName) />);

packages/cli/templates/react/igr-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -1,6 +1,11 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
 
 test('renders $(ClassName) component', () => {
   const wrapper = render(<$(ClassName) />);

packages/cli/templates/react/igr-ts/projects/_base/files/src/app/app.test.tsx

@@ -1,7 +1,12 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test } from 'vitest';
 import { render } from '@testing-library/react';
 import App from './app';
 import 'element-internals-polyfill';
+import { setupTestMocks } from '../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
 
 test('renders without crashing', () => {
   const wrapper = render(<App />);

packages/cli/templates/react/igr-ts/projects/_base/files/src/setupTests.ts

@@ -1,9 +1,11 @@
-import ResizeObserver from 'resize-observer-polyfill'
-import {vi} from 'vitest'
+import { vi } from 'vitest';
+import ResizeObserver from 'resize-observer-polyfill';
 
-globalThis.ResizeObserver = ResizeObserver;
+export function setupTestMocks() {
+  globalThis.ResizeObserver = ResizeObserver;
 
-HTMLElement.prototype.scrollIntoView = vi.fn();
-HTMLElement.prototype.hidePopover = vi.fn();
-HTMLElement.prototype.showPopover = vi.fn();
-HTMLElement.prototype.togglePopover = vi.fn();
+  HTMLElement.prototype.scrollIntoView = vi.fn();
+  HTMLElement.prototype.hidePopover = vi.fn();
+  HTMLElement.prototype.showPopover = vi.fn();
+  HTMLElement.prototype.togglePopover = vi.fn();
+}

packages/cli/templates/react/igr-ts/projects/_base/files/vite.config.ts

@@ -17,8 +17,7 @@ export default defineConfig({
           browser: 'chromium'
         },
       ],
-    },
-    setupFiles: ['./src/setupTests.ts']
+    }
   },
   resolve: {
     mainFields: ['module'],