igniteui-cli 14.8.4 → 14.8.5-beta.1

package/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",
@@ -70,8 +70,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",

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

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

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

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

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

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

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

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

package/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'],

package/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(
   <MemoryRouter>
     <App />
   </MemoryRouter>);
-  
+
   expect(wrapper).toBeTruthy();
-});
+});

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

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

@@ -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();