igniteui-cli 14.4.4-beta.2 → 14.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "14.4.4-beta.2",
+  "version": "14.4.4",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -70,8 +70,8 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "~19.2.1444-beta.2",
-    "@igniteui/cli-core": "~14.4.4-beta.2",
+    "@igniteui/angular-templates": "~19.2.1444",
+    "@igniteui/cli-core": "~14.4.4",
     "@inquirer/prompts": "^5.4.0",
     "@types/yargs": "^17.0.33",
     "chalk": "^5.3.0",

package/templates/webcomponents/igc-ts/accordion/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcAccordionComponent', () => {

package/templates/webcomponents/igc-ts/avatar/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcAvatarComponent', () => {

package/templates/webcomponents/igc-ts/badge/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcBadgeComponent', () => {

package/templates/webcomponents/igc-ts/banner/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcBannerComponent', () => {

package/templates/webcomponents/igc-ts/button/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcButtonComponent', () => {

package/templates/webcomponents/igc-ts/button-group/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcButtonGroupComponent', () => {

package/templates/webcomponents/igc-ts/calendar/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcCalendarComponent', () => {

package/templates/webcomponents/igc-ts/card/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcCardComponent', () => {

package/templates/webcomponents/igc-ts/checkbox/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcCheckboxComponent', () => {

package/templates/webcomponents/igc-ts/chip/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcChipComponent', () => {

package/templates/webcomponents/igc-ts/circular-progress/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcCircularProgressComponent', () => {

package/templates/webcomponents/igc-ts/custom-templates/subscription-form/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcSubscriptionFormComponent', () => {

package/templates/webcomponents/igc-ts/date-picker/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcAvatarComponent', () => {

package/templates/webcomponents/igc-ts/date-time-input/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('gcDateTimeInputComponent', () => {
@@ -6,4 +6,4 @@ describe('gcDateTimeInputComponent', () => {
     const element = document.createElement('app-$(path)');
     expect(element).to.be.instanceOf($(ClassName));
   });
-});
+});

package/templates/webcomponents/igc-ts/divider/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcDividerComponent', () => {

package/templates/webcomponents/igc-ts/dock-manager/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcDockManagerComponent', () => {

package/templates/webcomponents/igc-ts/dropdown/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcDropdownComponent', () => {

package/templates/webcomponents/igc-ts/expansion-panel/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcExpansionPanelComponent', () => {

package/templates/webcomponents/igc-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcFinancialChartComponent', () => {

package/templates/webcomponents/igc-ts/form/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('Form', () => {

package/templates/webcomponents/igc-ts/grid/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcDataGridComponent', () => {

package/templates/webcomponents/igc-ts/grid/grid-editing/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcGridEditingComponent', () => {

package/templates/webcomponents/igc-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcGridSummariesComponent', () => {

package/templates/webcomponents/igc-ts/icon/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcIconComponent', () => {

package/templates/webcomponents/igc-ts/icon-button/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcIconButtonComponent', () => {

package/templates/webcomponents/igc-ts/input/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcInputComponent', () => {

package/templates/webcomponents/igc-ts/linear-gauge/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcLinearGaugeComponent', () => {

package/templates/webcomponents/igc-ts/linear-progress/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcLinearProgressComponent', () => {

package/templates/webcomponents/igc-ts/list/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcListComponent', () => {

package/templates/webcomponents/igc-ts/navbar/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcNavbarComponent', () => {

package/templates/webcomponents/igc-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcPieChartComponent', () => {

package/templates/webcomponents/igc-ts/projects/_base/files/package.json

@@ -17,7 +17,7 @@
     "build": "rimraf dist && tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite.js build",
     "start:build": "web-dev-server --root-dir dist --app-index index.html --open",
     "lint": "eslint \"**/*.{js,ts}\" --ignore-pattern .gitignore",
-    "test": "tsc --project tsconfig.test.json && wtr"
+    "test": "tsc --project tsconfig.test.json && vitest run"
   },
   "dependencies": {
     "@vaadin/router": "^1.7.4",
@@ -27,23 +27,22 @@
   },
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",
-    "@open-wc/testing": "^4.0.0",
     "@typescript-eslint/eslint-plugin": "^8.21.0",
     "@typescript-eslint/parser": "^8.21.0",
     "@web/dev-server": "^0.4.6",
-    "@web/test-runner": "^0.18.0",
     "babel-plugin-template-html-minifier": "^4.1.0",
     "concurrently": "^9.1.2",
     "deepmerge": "^4.2.2",
     "eslint": "^9.20.0",
     "eslint-plugin-lit": "^1.8.2",
     "igniteui-cli": "~14.4.1",
+    "jsdom": "^26.1.0",
     "rimraf": "^5.0.10",
     "source-map": "^0.7.4",
     "tslib": "^2.8.1",
-    "@types/mocha": "^10.0.6",
     "vite": "^6.0.10",
     "vite-plugin-pwa": "^0.21.1",
-    "vite-plugin-static-copy": "^2.2.0"
+    "vite-plugin-static-copy": "^2.2.0",
+    "vitest": "^3.1.3"
   }
 }

package/templates/webcomponents/igc-ts/projects/_base/files/src/app/app.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import App from './app.js';
 
 describe('App', () => {

package/templates/webcomponents/igc-ts/projects/_base/files/tsconfig.test.json

@@ -5,7 +5,8 @@
     "outDir": "test"
   },
   "exclude": [
-    "dist"
+    "dist",
+    "test"
   ],
   "include": [
     "**/*.ts"

package/templates/webcomponents/igc-ts/projects/_base/files/vite.config.ts

@@ -20,6 +20,10 @@ export default defineConfig({
     emptyOutDir: false,
     chunkSizeWarningLimit: 10 * 1024 * 1024 // 10 MB
   },
+  test: {
+    environment: 'jsdom',
+    include: ['test/src/app/**/*.test.js']
+  },
   plugins: [
     /** Copy static assets */
     viteStaticCopy({

package/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json

@@ -17,7 +17,7 @@
     "build": "rimraf dist && tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite.js build",
     "start:build": "web-dev-server --root-dir dist --app-index index.html --open",
     "lint": "eslint \"**/*.{js,ts}\" --ignore-pattern .gitignore",
-    "test": "tsc --project tsconfig.test.json && wtr"
+    "test": "tsc --project tsconfig.test.json && vitest run"
   },
   "dependencies": {
     "@vaadin/router": "^1.7.4",
@@ -35,23 +35,22 @@
   },
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",
-    "@open-wc/testing": "^4.0.0",
     "@typescript-eslint/eslint-plugin": "^8.21.0",
     "@typescript-eslint/parser": "^8.21.0",
     "@web/dev-server": "^0.4.6",
-    "@web/test-runner": "^0.18.0",
     "babel-plugin-template-html-minifier": "^4.1.0",
     "concurrently": "^9.1.2",
     "deepmerge": "^4.2.2",
     "eslint": "^9.20.0",
     "eslint-plugin-lit": "^1.8.2",
     "igniteui-cli": "^14.0.0",
+    "jsdom": "^26.1.0",
     "rimraf": "^5.0.10",
     "source-map": "^0.7.4",
     "tslib": "^2.8.1",
-    "@types/mocha": "^10.0.6",
     "vite": "^6.0.10",
     "vite-plugin-pwa": "^0.21.1",
-    "vite-plugin-static-copy": "^2.2.0"
+    "vite-plugin-static-copy": "^2.2.0",
+    "vitest": "^3.1.3"
   }
 }

package/templates/webcomponents/igc-ts/projects/_base_with_home/files/src/app/home/home.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import { HomeComponent } from './home.js';
 
 describe('HomeComponent', () => {

package/templates/webcomponents/igc-ts/radial-gauge/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcRadialGaugeComponent', () => {

package/templates/webcomponents/igc-ts/radio-group/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcRadioGroupComponent', () => {

package/templates/webcomponents/igc-ts/rating/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcRatingComponent', () => {

package/templates/webcomponents/igc-ts/ripple/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcRippleComponent', () => {

package/templates/webcomponents/igc-ts/slider/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcSliderComponent', () => {

package/templates/webcomponents/igc-ts/switch/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcSwitchComponent', () => {

package/templates/webcomponents/igc-ts/tabs/default/files/src/app/__path__/__filePrefix__.test

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcTabsComponent', () => {

package/templates/webcomponents/igc-ts/text-area/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcTextareaComponent', () => {

package/templates/webcomponents/igc-ts/tree/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -1,4 +1,4 @@
-import { expect } from '@open-wc/testing';
+import { describe, it, expect } from 'vitest';
 import $(ClassName) from './$(path).js';
 
 describe('IgcTreeComponent', () => {

package/templates/webcomponents/igc-ts/projects/_base/files/web-test-runner.config.mjs

@@ -1,41 +0,0 @@
-// import { playwrightLauncher } from '@web/test-runner-playwright';
-
-const filteredLogs = ['Running in dev mode', 'lit-html is in dev mode'];
-
-export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
-  /** Test files to run */
-  files: 'test/src/app/**/*.test.js',
-
-  /** Resolve bare module imports */
-  nodeResolve: {
-    exportConditions: ['browser', 'development'],
-  },
-
-  /** Filter out lit dev mode logs */
-  filterBrowserLogs(log) {
-    for (const arg of log.args) {
-      if (typeof arg === 'string' && filteredLogs.some(l => arg.includes(l))) {
-        return false;
-      }
-    }
-    return true;
-  },
-
-  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
-  // esbuildTarget: 'auto',
-
-  /** Amount of browsers to run concurrently */
-  // concurrentBrowsers: 2,
-
-  /** Amount of test files per browser to test concurrently */
-  // concurrency: 1,
-
-  /** Browsers to run tests on */
-  // browsers: [
-  //   playwrightLauncher({ product: 'chromium' }),
-  //   playwrightLauncher({ product: 'firefox' }),
-  //   playwrightLauncher({ product: 'webkit' }),
-  // ],
-
-  // See documentation for all available options
-});