feat: add azure pipelines yaml files for angular, react and wc templates

packages/cli/package.json

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

packages/cli/templates/react/igr-ts/projects/_base/files/__dot__azure/azure-pipelines.yml

@@ -0,0 +1,23 @@
+name: Azure CI
+
+trigger:
+  branches:
+    include: [ $(yamlDefaultBranch) ]
+
+pr:
+  branches:
+    include: [ $(yamlDefaultBranch) ]
+
+pool:
+  vmImage: 'ubuntu-latest'
+
+steps:
+  - script: npm i # replace with 'npm ci' after committing lock file from first install
+    displayName: 'Install dependencies'
+  - script: npm run lint
+    displayName: 'Run linter'
+    continueOnError: true
+  - script: npm run build
+    displayName: 'Build the project'
+  - script: npm run test
+    displayName: 'Run tests'

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

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

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

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/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', () => {

packages/cli/templates/webcomponents/igc-ts/projects/_base/files/__dot__azure/azure-pipelines.yml

@@ -0,0 +1,23 @@
+name: Azure CI
+
+trigger:
+  branches:
+    include: [ $(yamlDefaultBranch) ]
+
+pr:
+  branches:
+    include: [ $(yamlDefaultBranch) ]
+
+pool:
+  vmImage: 'ubuntu-latest'
+
+steps:
+  - script: npm i # replace with 'npm ci' after committing lock file from first install
+    displayName: 'Install dependencies'
+  - script: npm run lint
+    displayName: 'Run linter'
+    continueOnError: true
+  - script: npm run build
+    displayName: 'Build the project'
+  - script: npm run test
+    displayName: 'Run tests'

packages/cli/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"
   }
 }

packages/cli/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', () => {

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

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

packages/cli/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({