diff --git a/packages/cli/templates/react/igr-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.test.tsx b/packages/cli/templates/react/igr-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.test.tsx
index 79ad54de7..854681a3a 100644
--- a/packages/cli/templates/react/igr-ts/bullet-graph/default/files/src/app/__path__/__filePrefix__.test.tsx
+++ b/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) />);
diff --git a/packages/cli/templates/react/igr-ts/category-chart/default/files/src/app/__path__/__filePrefix__.test.tsx b/packages/cli/templates/react/igr-ts/category-chart/default/files/src/app/__path__/__filePrefix__.test.tsx
index 79ad54de7..854681a3a 100644
--- a/packages/cli/templates/react/igr-ts/category-chart/default/files/src/app/__path__/__filePrefix__.test.tsx
+++ b/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) />);
diff --git a/packages/cli/templates/react/igr-ts/doughnut-chart/default/files/src/app/__path__/__filePrefix__.test.tsx b/packages/cli/templates/react/igr-ts/doughnut-chart/default/files/src/app/__path__/__filePrefix__.test.tsx
index 79ad54de7..854681a3a 100644
--- a/packages/cli/templates/react/igr-ts/doughnut-chart/default/files/src/app/__path__/__filePrefix__.test.tsx
+++ b/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) />);
diff --git a/packages/cli/templates/react/igr-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.test.tsx b/packages/cli/templates/react/igr-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.test.tsx
index 79ad54de7..854681a3a 100644
--- a/packages/cli/templates/react/igr-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.test.tsx
+++ b/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) />);
diff --git a/packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.test.tsx b/packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.test.tsx
index 79ad54de7..854681a3a 100644
--- a/packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.test.tsx
+++ b/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) />);
diff --git a/packages/cli/templates/react/igr-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.test.tsx b/packages/cli/templates/react/igr-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.test.tsx
index 79ad54de7..854681a3a 100644
--- a/packages/cli/templates/react/igr-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.test.tsx
+++ b/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) />);
diff --git a/packages/cli/templates/react/igr-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.test.tsx b/packages/cli/templates/react/igr-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.test.tsx
index 79ad54de7..854681a3a 100644
--- a/packages/cli/templates/react/igr-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.test.tsx
+++ b/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) />);
diff --git a/packages/cli/templates/react/igr-ts/projects/_base/files/src/app/app.test.tsx b/packages/cli/templates/react/igr-ts/projects/_base/files/src/app/app.test.tsx
index afe0f1d75..0f10aeb75 100644
--- a/packages/cli/templates/react/igr-ts/projects/_base/files/src/app/app.test.tsx
+++ b/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();
diff --git a/packages/cli/templates/react/igr-ts/projects/_base/files/src/setupTests.ts b/packages/cli/templates/react/igr-ts/projects/_base/files/src/setupTests.ts
index 98c4abf7e..40f45a8b6 100644
--- a/packages/cli/templates/react/igr-ts/projects/_base/files/src/setupTests.ts
+++ b/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();
+}
diff --git a/packages/cli/templates/react/igr-ts/projects/_base/files/vite.config.ts b/packages/cli/templates/react/igr-ts/projects/_base/files/vite.config.ts
index 8dec3de5f..5997573bf 100644
--- a/packages/cli/templates/react/igr-ts/projects/_base/files/vite.config.ts
+++ b/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'],
diff --git a/packages/cli/templates/react/igr-ts/projects/top-nav/files/src/app/app.test.tsx b/packages/cli/templates/react/igr-ts/projects/top-nav/files/src/app/app.test.tsx
index 5ae5a800d..2da9d7b0d 100644
--- a/packages/cli/templates/react/igr-ts/projects/top-nav/files/src/app/app.test.tsx
+++ b/packages/cli/templates/react/igr-ts/projects/top-nav/files/src/app/app.test.tsx
@@ -1,14 +1,19 @@
-import { expect, test } from 'vitest';
+import { beforeAll, expect, test } from 'vitest';
import { render } from '@testing-library/react';
import { MemoryRouter } from 'react-router-dom';
import App from './app';
import 'element-internals-polyfill';
+import { setupTestMocks } from '../setupTests';
+
+beforeAll(() => {
+ setupTestMocks();
+})
test('renders without crashing', () => {
- const wrapper = render(
+ const wrapper = render(
);
-
+
expect(wrapper).toBeTruthy();
-});
\ No newline at end of file
+});
diff --git a/packages/cli/templates/react/igr-ts/radial-gauge/default/files/src/app/__path__/__filePrefix__.test.tsx b/packages/cli/templates/react/igr-ts/radial-gauge/default/files/src/app/__path__/__filePrefix__.test.tsx
index 79ad54de7..854681a3a 100644
--- a/packages/cli/templates/react/igr-ts/radial-gauge/default/files/src/app/__path__/__filePrefix__.test.tsx
+++ b/packages/cli/templates/react/igr-ts/radial-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) />);