fix(react): move setupTests logic to each test

Author: Hristo313

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

@@ -1,6 +1,16 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test, vi } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import ResizeObserver from 'resize-observer-polyfill'
+
+beforeAll(() => {
+  globalThis.ResizeObserver = ResizeObserver;
+
+  HTMLElement.prototype.scrollIntoView = vi.fn();
+  HTMLElement.prototype.hidePopover = vi.fn();
+  HTMLElement.prototype.showPopover = vi.fn();
+  HTMLElement.prototype.togglePopover = vi.fn();
+})
 
 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,16 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test, vi } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import ResizeObserver from 'resize-observer-polyfill'
+
+beforeAll(() => {
+  globalThis.ResizeObserver = ResizeObserver;
+
+  HTMLElement.prototype.scrollIntoView = vi.fn();
+  HTMLElement.prototype.hidePopover = vi.fn();
+  HTMLElement.prototype.showPopover = vi.fn();
+  HTMLElement.prototype.togglePopover = vi.fn();
+})
 
 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,16 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test, vi } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import ResizeObserver from 'resize-observer-polyfill'
+
+beforeAll(() => {
+  globalThis.ResizeObserver = ResizeObserver;
+
+  HTMLElement.prototype.scrollIntoView = vi.fn();
+  HTMLElement.prototype.hidePopover = vi.fn();
+  HTMLElement.prototype.showPopover = vi.fn();
+  HTMLElement.prototype.togglePopover = vi.fn();
+})
 
 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,16 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test, vi } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import ResizeObserver from 'resize-observer-polyfill'
+
+beforeAll(() => {
+  globalThis.ResizeObserver = ResizeObserver;
+
+  HTMLElement.prototype.scrollIntoView = vi.fn();
+  HTMLElement.prototype.hidePopover = vi.fn();
+  HTMLElement.prototype.showPopover = vi.fn();
+  HTMLElement.prototype.togglePopover = vi.fn();
+})
 
 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,16 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test, vi } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import ResizeObserver from 'resize-observer-polyfill'
+
+beforeAll(() => {
+  globalThis.ResizeObserver = ResizeObserver;
+
+  HTMLElement.prototype.scrollIntoView = vi.fn();
+  HTMLElement.prototype.hidePopover = vi.fn();
+  HTMLElement.prototype.showPopover = vi.fn();
+  HTMLElement.prototype.togglePopover = vi.fn();
+})
 
 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,16 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test, vi } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import ResizeObserver from 'resize-observer-polyfill'
+
+beforeAll(() => {
+  globalThis.ResizeObserver = ResizeObserver;
+
+  HTMLElement.prototype.scrollIntoView = vi.fn();
+  HTMLElement.prototype.hidePopover = vi.fn();
+  HTMLElement.prototype.showPopover = vi.fn();
+  HTMLElement.prototype.togglePopover = vi.fn();
+})
 
 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,16 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test, vi } from 'vitest';
 import { render } from '@testing-library/react';
 import $(ClassName) from './$(path)';
+import ResizeObserver from 'resize-observer-polyfill'
+
+beforeAll(() => {
+  globalThis.ResizeObserver = ResizeObserver;
+
+  HTMLElement.prototype.scrollIntoView = vi.fn();
+  HTMLElement.prototype.hidePopover = vi.fn();
+  HTMLElement.prototype.showPopover = vi.fn();
+  HTMLElement.prototype.togglePopover = vi.fn();
+})
 
 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,17 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test, vi } from 'vitest';
 import { render } from '@testing-library/react';
 import App from './app';
 import 'element-internals-polyfill';
+import ResizeObserver from 'resize-observer-polyfill'
+
+beforeAll(() => {
+  globalThis.ResizeObserver = ResizeObserver;
+
+  HTMLElement.prototype.scrollIntoView = vi.fn();
+  HTMLElement.prototype.hidePopover = vi.fn();
+  HTMLElement.prototype.showPopover = vi.fn();
+  HTMLElement.prototype.togglePopover = vi.fn();
+})
 
 test('renders without crashing', () => {
   const wrapper = render(<App />);

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

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