feat: add azure pipelines yaml files for angular, react and wc templates (#1396)

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

* fix: add tests

* chore: release version 14.4.4-beta.0

* fix: remove workflow folder

* fix: move azure pipelines one level upper

* chore: release version 14.4.4-beta.1

* fix(angular): increase node limit on test command

* chore: release version 14.4.4-beta.2

* fix(wc): replace web-test-runner config with vitest

* chore: release 14.4.4-beta.3

* chore: release 14.4.4-beta.4

---------

Co-authored-by: Hristo Hristov <[email protected]>

Author: Hristo313

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