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) />);