From 9e2df703777f054287db8464e6d61d5cb94b712a Mon Sep 17 00:00:00 2001 From: Hristo Hristov Date: Tue, 10 Feb 2026 16:28:09 +0200 Subject: [PATCH 1/6] fix(react): move setupTests logic to each test --- .../src/app/__path__/__filePrefix__.test.tsx | 12 +++++++++++- .../src/app/__path__/__filePrefix__.test.tsx | 12 +++++++++++- .../src/app/__path__/__filePrefix__.test.tsx | 12 +++++++++++- .../src/app/__path__/__filePrefix__.test.tsx | 12 +++++++++++- .../src/app/__path__/__filePrefix__.test.tsx | 12 +++++++++++- .../src/app/__path__/__filePrefix__.test.tsx | 12 +++++++++++- .../src/app/__path__/__filePrefix__.test.tsx | 12 +++++++++++- .../projects/_base/files/src/app/app.test.tsx | 12 +++++++++++- .../projects/_base/files/src/setupTests.ts | 9 --------- .../igr-ts/projects/_base/files/vite.config.ts | 3 +-- .../top-nav/files/src/app/app.test.tsx | 18 ++++++++++++++---- .../src/app/__path__/__filePrefix__.test.tsx | 12 +++++++++++- 12 files changed, 114 insertions(+), 24 deletions(-) delete mode 100644 packages/cli/templates/react/igr-ts/projects/_base/files/src/setupTests.ts 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..c3f6f1891 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,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) />); 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..c3f6f1891 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,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) />); 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..c3f6f1891 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,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) />); 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..c3f6f1891 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,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) />); 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..c3f6f1891 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,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) />); 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..c3f6f1891 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,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) />); 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..c3f6f1891 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,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) />); 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..731f1961c 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,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(); 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 deleted file mode 100644 index 98c4abf7e..000000000 --- a/packages/cli/templates/react/igr-ts/projects/_base/files/src/setupTests.ts +++ /dev/null @@ -1,9 +0,0 @@ -import ResizeObserver from 'resize-observer-polyfill' -import {vi} from 'vitest' - -globalThis.ResizeObserver = ResizeObserver; - -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..7e3adb1b5 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,24 @@ -import { expect, test } from 'vitest'; +import { beforeAll, expect, test, vi } from 'vitest'; import { render } from '@testing-library/react'; import { MemoryRouter } from 'react-router-dom'; 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( + 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..c3f6f1891 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,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) />); From 369e4541eb46b509fd8a2cb9cfac8b00b263212e Mon Sep 17 00:00:00 2001 From: Hristo Hristov Date: Tue, 10 Feb 2026 16:35:56 +0200 Subject: [PATCH 2/6] fix(react): add missing comma --- .../default/files/src/app/__path__/__filePrefix__.test.tsx | 2 +- .../default/files/src/app/__path__/__filePrefix__.test.tsx | 2 +- .../default/files/src/app/__path__/__filePrefix__.test.tsx | 2 +- .../default/files/src/app/__path__/__filePrefix__.test.tsx | 2 +- .../grid/basic/files/src/app/__path__/__filePrefix__.test.tsx | 2 +- .../default/files/src/app/__path__/__filePrefix__.test.tsx | 2 +- .../default/files/src/app/__path__/__filePrefix__.test.tsx | 2 +- .../react/igr-ts/projects/_base/files/src/app/app.test.tsx | 2 +- .../react/igr-ts/projects/top-nav/files/src/app/app.test.tsx | 2 +- .../default/files/src/app/__path__/__filePrefix__.test.tsx | 2 +- 10 files changed, 10 insertions(+), 10 deletions(-) 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 c3f6f1891..56fcd4641 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,7 +1,7 @@ import { beforeAll, expect, test, vi } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill' +import ResizeObserver from 'resize-observer-polyfill'; beforeAll(() => { globalThis.ResizeObserver = ResizeObserver; 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 c3f6f1891..56fcd4641 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,7 +1,7 @@ import { beforeAll, expect, test, vi } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill' +import ResizeObserver from 'resize-observer-polyfill'; beforeAll(() => { globalThis.ResizeObserver = ResizeObserver; 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 c3f6f1891..56fcd4641 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,7 +1,7 @@ import { beforeAll, expect, test, vi } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill' +import ResizeObserver from 'resize-observer-polyfill'; beforeAll(() => { globalThis.ResizeObserver = ResizeObserver; 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 c3f6f1891..56fcd4641 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,7 +1,7 @@ import { beforeAll, expect, test, vi } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill' +import ResizeObserver from 'resize-observer-polyfill'; beforeAll(() => { globalThis.ResizeObserver = ResizeObserver; 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 c3f6f1891..56fcd4641 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,7 +1,7 @@ import { beforeAll, expect, test, vi } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill' +import ResizeObserver from 'resize-observer-polyfill'; beforeAll(() => { globalThis.ResizeObserver = ResizeObserver; 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 c3f6f1891..56fcd4641 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,7 +1,7 @@ import { beforeAll, expect, test, vi } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill' +import ResizeObserver from 'resize-observer-polyfill'; beforeAll(() => { globalThis.ResizeObserver = ResizeObserver; 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 c3f6f1891..56fcd4641 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,7 +1,7 @@ import { beforeAll, expect, test, vi } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill' +import ResizeObserver from 'resize-observer-polyfill'; beforeAll(() => { globalThis.ResizeObserver = ResizeObserver; 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 731f1961c..2358c17a0 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 @@ -2,7 +2,7 @@ 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' +import ResizeObserver from 'resize-observer-polyfill'; beforeAll(() => { globalThis.ResizeObserver = ResizeObserver; 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 7e3adb1b5..877c1fb4b 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 @@ -3,7 +3,7 @@ import { render } from '@testing-library/react'; import { MemoryRouter } from 'react-router-dom'; import App from './app'; import 'element-internals-polyfill'; -import ResizeObserver from 'resize-observer-polyfill' +import ResizeObserver from 'resize-observer-polyfill'; beforeAll(() => { globalThis.ResizeObserver = ResizeObserver; 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 c3f6f1891..56fcd4641 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,7 +1,7 @@ import { beforeAll, expect, test, vi } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill' +import ResizeObserver from 'resize-observer-polyfill'; beforeAll(() => { globalThis.ResizeObserver = ResizeObserver; From 6ff17db552b8bbd293da82627d07bc2b77626685 Mon Sep 17 00:00:00 2001 From: Hristo Hristov Date: Tue, 10 Feb 2026 16:41:38 +0200 Subject: [PATCH 3/6] chore: release version 14.8.5-beta.1 --- packages/cli/package.json | 6 +++--- packages/core/package.json | 2 +- packages/igx-templates/package.json | 4 ++-- packages/ng-schematics/package.json | 6 +++--- 4 files changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/cli/package.json b/packages/cli/package.json index 1d5b8e9b2..37c2de5f7 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -1,6 +1,6 @@ { "name": "igniteui-cli", - "version": "14.8.4", + "version": "14.8.5-beta.1", "description": "CLI tool for creating Ignite UI projects", "keywords": [ "CLI", @@ -76,8 +76,8 @@ "all": true }, "dependencies": { - "@igniteui/angular-templates": "~21.0.1484", - "@igniteui/cli-core": "~14.8.4", + "@igniteui/angular-templates": "~21.0.1485-beta.1", + "@igniteui/cli-core": "~14.8.5-beta.1", "@inquirer/prompts": "^7.9.0", "@types/yargs": "^17.0.33", "chalk": "^5.3.0", diff --git a/packages/core/package.json b/packages/core/package.json index 74975bdd7..8d7ba13e5 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@igniteui/cli-core", - "version": "14.8.4", + "version": "14.8.5-beta.1", "description": "Base types and functionality for Ignite UI CLI", "repository": { "type": "git", diff --git a/packages/igx-templates/package.json b/packages/igx-templates/package.json index b14962608..58c15a75f 100644 --- a/packages/igx-templates/package.json +++ b/packages/igx-templates/package.json @@ -1,6 +1,6 @@ { "name": "@igniteui/angular-templates", - "version": "21.0.1484", + "version": "21.0.1485-beta.1", "description": "Templates for Ignite UI for Angular projects and components", "repository": { "type": "git", @@ -12,7 +12,7 @@ "author": "Infragistics", "license": "MIT", "dependencies": { - "@igniteui/cli-core": "~14.8.4", + "@igniteui/cli-core": "~14.8.5-beta.1", "typescript": "~5.5.4" } } diff --git a/packages/ng-schematics/package.json b/packages/ng-schematics/package.json index 68ff7e95d..8ff33eb5d 100644 --- a/packages/ng-schematics/package.json +++ b/packages/ng-schematics/package.json @@ -1,6 +1,6 @@ { "name": "@igniteui/angular-schematics", - "version": "21.0.1484", + "version": "21.0.1485-beta.1", "description": "Ignite UI for Angular Schematics for ng new and ng generate", "repository": { "type": "git", @@ -20,8 +20,8 @@ "dependencies": { "@angular-devkit/core": "^19.0.0", "@angular-devkit/schematics": "^19.0.0", - "@igniteui/angular-templates": "~21.0.1484", - "@igniteui/cli-core": "~14.8.4", + "@igniteui/angular-templates": "~21.0.1485-beta.1", + "@igniteui/cli-core": "~14.8.5-beta.1", "@schematics/angular": "~19.0.0", "minimatch": "^10.0.1", "rxjs": "^7.8.1" From e9643ef10a505755e439025109b5f93900f32ae8 Mon Sep 17 00:00:00 2001 From: Hristo Hristov Date: Tue, 10 Feb 2026 21:18:05 +0200 Subject: [PATCH 4/6] fix(react): reuse the logic from util file --- .../files/src/app/__path__/__filePrefix__.test.tsx | 11 +++-------- .../files/src/app/__path__/__filePrefix__.test.tsx | 11 +++-------- .../files/src/app/__path__/__filePrefix__.test.tsx | 11 +++-------- .../files/src/app/__path__/__filePrefix__.test.tsx | 11 +++-------- .../files/src/app/__path__/__filePrefix__.test.tsx | 11 +++-------- .../files/src/app/__path__/__filePrefix__.test.tsx | 11 +++-------- .../files/src/app/__path__/__filePrefix__.test.tsx | 11 +++-------- .../igr-ts/projects/_base/files/src/app/app.test.tsx | 11 +++-------- .../projects/top-nav/files/src/app/app.test.tsx | 11 +++-------- .../files/src/app/__path__/__filePrefix__.test.tsx | 11 +++-------- 10 files changed, 30 insertions(+), 80 deletions(-) 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 56fcd4641..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,15 +1,10 @@ -import { beforeAll, expect, test, vi } from 'vitest'; +import { beforeAll, expect, test } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill'; +import { setupTestMocks } from '../../setupTests'; beforeAll(() => { - globalThis.ResizeObserver = ResizeObserver; - - HTMLElement.prototype.scrollIntoView = vi.fn(); - HTMLElement.prototype.hidePopover = vi.fn(); - HTMLElement.prototype.showPopover = vi.fn(); - HTMLElement.prototype.togglePopover = vi.fn(); + setupTestMocks(); }) test('renders $(ClassName) component', () => { 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 56fcd4641..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,15 +1,10 @@ -import { beforeAll, expect, test, vi } from 'vitest'; +import { beforeAll, expect, test } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill'; +import { setupTestMocks } from '../../setupTests'; beforeAll(() => { - globalThis.ResizeObserver = ResizeObserver; - - HTMLElement.prototype.scrollIntoView = vi.fn(); - HTMLElement.prototype.hidePopover = vi.fn(); - HTMLElement.prototype.showPopover = vi.fn(); - HTMLElement.prototype.togglePopover = vi.fn(); + setupTestMocks(); }) test('renders $(ClassName) component', () => { 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 56fcd4641..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,15 +1,10 @@ -import { beforeAll, expect, test, vi } from 'vitest'; +import { beforeAll, expect, test } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill'; +import { setupTestMocks } from '../../setupTests'; beforeAll(() => { - globalThis.ResizeObserver = ResizeObserver; - - HTMLElement.prototype.scrollIntoView = vi.fn(); - HTMLElement.prototype.hidePopover = vi.fn(); - HTMLElement.prototype.showPopover = vi.fn(); - HTMLElement.prototype.togglePopover = vi.fn(); + setupTestMocks(); }) test('renders $(ClassName) component', () => { 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 56fcd4641..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,15 +1,10 @@ -import { beforeAll, expect, test, vi } from 'vitest'; +import { beforeAll, expect, test } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill'; +import { setupTestMocks } from '../../setupTests'; beforeAll(() => { - globalThis.ResizeObserver = ResizeObserver; - - HTMLElement.prototype.scrollIntoView = vi.fn(); - HTMLElement.prototype.hidePopover = vi.fn(); - HTMLElement.prototype.showPopover = vi.fn(); - HTMLElement.prototype.togglePopover = vi.fn(); + setupTestMocks(); }) test('renders $(ClassName) component', () => { 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 56fcd4641..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,15 +1,10 @@ -import { beforeAll, expect, test, vi } from 'vitest'; +import { beforeAll, expect, test } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill'; +import { setupTestMocks } from '../../setupTests'; beforeAll(() => { - globalThis.ResizeObserver = ResizeObserver; - - HTMLElement.prototype.scrollIntoView = vi.fn(); - HTMLElement.prototype.hidePopover = vi.fn(); - HTMLElement.prototype.showPopover = vi.fn(); - HTMLElement.prototype.togglePopover = vi.fn(); + setupTestMocks(); }) test('renders $(ClassName) component', () => { 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 56fcd4641..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,15 +1,10 @@ -import { beforeAll, expect, test, vi } from 'vitest'; +import { beforeAll, expect, test } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill'; +import { setupTestMocks } from '../../setupTests'; beforeAll(() => { - globalThis.ResizeObserver = ResizeObserver; - - HTMLElement.prototype.scrollIntoView = vi.fn(); - HTMLElement.prototype.hidePopover = vi.fn(); - HTMLElement.prototype.showPopover = vi.fn(); - HTMLElement.prototype.togglePopover = vi.fn(); + setupTestMocks(); }) test('renders $(ClassName) component', () => { 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 56fcd4641..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,15 +1,10 @@ -import { beforeAll, expect, test, vi } from 'vitest'; +import { beforeAll, expect, test } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill'; +import { setupTestMocks } from '../../setupTests'; beforeAll(() => { - globalThis.ResizeObserver = ResizeObserver; - - HTMLElement.prototype.scrollIntoView = vi.fn(); - HTMLElement.prototype.hidePopover = vi.fn(); - HTMLElement.prototype.showPopover = vi.fn(); - HTMLElement.prototype.togglePopover = vi.fn(); + setupTestMocks(); }) test('renders $(ClassName) component', () => { 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 2358c17a0..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,16 +1,11 @@ -import { beforeAll, expect, test, vi } from 'vitest'; +import { beforeAll, expect, test } from 'vitest'; import { render } from '@testing-library/react'; import App from './app'; import 'element-internals-polyfill'; -import ResizeObserver from 'resize-observer-polyfill'; +import { setupTestMocks } from '../setupTests'; beforeAll(() => { - globalThis.ResizeObserver = ResizeObserver; - - HTMLElement.prototype.scrollIntoView = vi.fn(); - HTMLElement.prototype.hidePopover = vi.fn(); - HTMLElement.prototype.showPopover = vi.fn(); - HTMLElement.prototype.togglePopover = vi.fn(); + setupTestMocks(); }) test('renders without crashing', () => { 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 877c1fb4b..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,17 +1,12 @@ -import { beforeAll, expect, test, vi } 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 ResizeObserver from 'resize-observer-polyfill'; +import { setupTestMocks } from '../setupTests'; beforeAll(() => { - globalThis.ResizeObserver = ResizeObserver; - - HTMLElement.prototype.scrollIntoView = vi.fn(); - HTMLElement.prototype.hidePopover = vi.fn(); - HTMLElement.prototype.showPopover = vi.fn(); - HTMLElement.prototype.togglePopover = vi.fn(); + setupTestMocks(); }) test('renders without crashing', () => { 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 56fcd4641..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,15 +1,10 @@ -import { beforeAll, expect, test, vi } from 'vitest'; +import { beforeAll, expect, test } from 'vitest'; import { render } from '@testing-library/react'; import $(ClassName) from './$(path)'; -import ResizeObserver from 'resize-observer-polyfill'; +import { setupTestMocks } from '../../setupTests'; beforeAll(() => { - globalThis.ResizeObserver = ResizeObserver; - - HTMLElement.prototype.scrollIntoView = vi.fn(); - HTMLElement.prototype.hidePopover = vi.fn(); - HTMLElement.prototype.showPopover = vi.fn(); - HTMLElement.prototype.togglePopover = vi.fn(); + setupTestMocks(); }) test('renders $(ClassName) component', () => { From 8919e579dfb1089642feb079dd5c772701a9c883 Mon Sep 17 00:00:00 2001 From: Hristo Hristov Date: Tue, 10 Feb 2026 21:18:26 +0200 Subject: [PATCH 5/6] fix(react): add base mock file --- .../igr-ts/projects/_base/files/src/setupTests.ts | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 packages/cli/templates/react/igr-ts/projects/_base/files/src/setupTests.ts 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 new file mode 100644 index 000000000..40f45a8b6 --- /dev/null +++ b/packages/cli/templates/react/igr-ts/projects/_base/files/src/setupTests.ts @@ -0,0 +1,11 @@ +import { vi } from 'vitest'; +import ResizeObserver from 'resize-observer-polyfill'; + +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(); +} From 32c35734cc58aa0b677de017775c3f1126a59bb9 Mon Sep 17 00:00:00 2001 From: Hristo Hristov Date: Tue, 10 Feb 2026 21:27:53 +0200 Subject: [PATCH 6/6] chore: release verision 14.8.5-beta.2 --- packages/cli/package.json | 6 +++--- packages/core/package.json | 2 +- packages/igx-templates/package.json | 4 ++-- packages/ng-schematics/package.json | 6 +++--- 4 files changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/cli/package.json b/packages/cli/package.json index 37c2de5f7..df05c5ae8 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -1,6 +1,6 @@ { "name": "igniteui-cli", - "version": "14.8.5-beta.1", + "version": "14.8.5-beta.2", "description": "CLI tool for creating Ignite UI projects", "keywords": [ "CLI", @@ -76,8 +76,8 @@ "all": true }, "dependencies": { - "@igniteui/angular-templates": "~21.0.1485-beta.1", - "@igniteui/cli-core": "~14.8.5-beta.1", + "@igniteui/angular-templates": "~21.0.1485-beta.2", + "@igniteui/cli-core": "~14.8.5-beta.2", "@inquirer/prompts": "^7.9.0", "@types/yargs": "^17.0.33", "chalk": "^5.3.0", diff --git a/packages/core/package.json b/packages/core/package.json index 8d7ba13e5..af62800f0 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@igniteui/cli-core", - "version": "14.8.5-beta.1", + "version": "14.8.5-beta.2", "description": "Base types and functionality for Ignite UI CLI", "repository": { "type": "git", diff --git a/packages/igx-templates/package.json b/packages/igx-templates/package.json index 58c15a75f..2c922f4f5 100644 --- a/packages/igx-templates/package.json +++ b/packages/igx-templates/package.json @@ -1,6 +1,6 @@ { "name": "@igniteui/angular-templates", - "version": "21.0.1485-beta.1", + "version": "21.0.1485-beta.2", "description": "Templates for Ignite UI for Angular projects and components", "repository": { "type": "git", @@ -12,7 +12,7 @@ "author": "Infragistics", "license": "MIT", "dependencies": { - "@igniteui/cli-core": "~14.8.5-beta.1", + "@igniteui/cli-core": "~14.8.5-beta.2", "typescript": "~5.5.4" } } diff --git a/packages/ng-schematics/package.json b/packages/ng-schematics/package.json index 8ff33eb5d..c00a65489 100644 --- a/packages/ng-schematics/package.json +++ b/packages/ng-schematics/package.json @@ -1,6 +1,6 @@ { "name": "@igniteui/angular-schematics", - "version": "21.0.1485-beta.1", + "version": "21.0.1485-beta.2", "description": "Ignite UI for Angular Schematics for ng new and ng generate", "repository": { "type": "git", @@ -20,8 +20,8 @@ "dependencies": { "@angular-devkit/core": "^19.0.0", "@angular-devkit/schematics": "^19.0.0", - "@igniteui/angular-templates": "~21.0.1485-beta.1", - "@igniteui/cli-core": "~14.8.5-beta.1", + "@igniteui/angular-templates": "~21.0.1485-beta.2", + "@igniteui/cli-core": "~14.8.5-beta.2", "@schematics/angular": "~19.0.0", "minimatch": "^10.0.1", "rxjs": "^7.8.1"