[angular] add vitest support (jhipster#31135)

Author: mshima

.blueprint/generate-sample/templates/test-integration/jdl-samples/ms-mf-ng-consul-oauth2-neo4j/blog-store.jdl

@@ -25,6 +25,7 @@ application {
     baseName gateway
     buildTool maven
     clientFramework angular
+    clientTestFramework vitest
     creationTimestamp 1617901618886
     databaseMigration liquibase
     databaseType neo4j
@@ -46,6 +47,7 @@ application {
     buildTool maven
     cacheProvider no
     clientFramework angular
+    clientTestFramework vitest
     creationTimestamp 1617901618887
     databaseType neo4j
     jwtSecretKey "ZjY4MTM4YjI5YzMwZjhjYjI2OTNkNTRjMWQ5Y2Q0Y2YwOWNmZTE2NzRmYzU3NTMwM2NjOTE3MTllOTM3MWRkMzcyYTljMjVmNmQ0Y2MxOTUzODc0MDhhMTlkMDIxMzI2YzQzZDM2ZDE3MmQ3NjVkODk3OTVmYzljYTQyZDNmMTQ="
@@ -88,6 +90,7 @@ application {
     baseName notification,
     buildTool gradle
     clientFramework angular
+    clientTestFramework vitest
     creationTimestamp 1617901618889
     databaseType neo4j
     dtoSuffix Rest

.blueprint/generate-sample/templates/test-integration/samples/webflux-gradle-session-h2mem-es/.yo-rc.json

@@ -7,6 +7,7 @@
     "cacheProvider": "no",
     "clientBundler": "webpack",
     "clientFramework": "angular",
+    "clientTestFramework": "vitest",
     "creationTimestamp": 1596513272473,
     "databaseType": "sql",
     "devDatabaseType": "h2Memory",

.blueprint/generate-sample/templates/test-integration/samples/webflux-mongodb-oauth2/.yo-rc.json

@@ -7,6 +7,7 @@
     "cacheProvider": "no",
     "clientBundler": "webpack",
     "clientFramework": "angular",
+    "clientTestFramework": "vitest",
     "clientTheme": "none",
     "creationTimestamp": 1580314672693,
     "databaseType": "mongodb",

.blueprint/generate-sample/templates/test-integration/samples/webflux-psql/.yo-rc.json

@@ -7,6 +7,7 @@
     "cacheProvider": "no",
     "clientBundler": "webpack",
     "clientFramework": "angular",
+    "clientTestFramework": "vitest",
     "creationTimestamp": 1596513172471,
     "databaseType": "sql",
     "devDatabaseType": "h2Disk",

.blueprint/generate-sample/templates/test-integration/workflow-samples/angular.json

@@ -13,6 +13,7 @@
       "app-sample": "ng-default",
       "jdl-entity": "*",
       "generatorOptions": {
+        "clientTestFramework": "vitest",
         "clientBundler": "webpack"
       }
     },

.blueprint/github-build-matrix/__snapshots__/generator.spec.ts.snap

@@ -41,6 +41,7 @@ exports[`generator - github-build-matrix with angular should match matrix value
       "app-sample": "ng-default",
       "jdl-entity": "*",
       "generatorOptions": {
+        "clientTestFramework": "vitest",
         "clientBundler": "webpack"
       },
       "workspaces": "false",

generators/angular/files-angular.ts

@@ -36,14 +36,25 @@ export const files = asWriteFilesSection({
         'tsconfig.json',
         'tsconfig.app.json',
         'tsconfig.spec.json',
-        'jest.conf.js',
       ],
     }),
     clientRootTemplatesBlock({
       condition: ctx => ctx.enableTranslation && ctx.enableI18nRTL,
       templates: ['postcss.config.json'],
     }),
   ],
+  jest: [
+    clientRootTemplatesBlock({
+      condition: ctx => ctx.clientTestFrameworkJest,
+      templates: ['jest.conf.js'],
+    }),
+  ],
+  vitest: [
+    clientSrcTemplatesBlock({
+      condition: ctx => ctx.clientTestFrameworkVitest,
+      templates: ['default-test-providers.ts'],
+    }),
+  ],
   webpack: [
     clientRootTemplatesBlock({
       condition: ctx => ctx.clientBundlerWebpack,

generators/angular/generators/bootstrap/__snapshots__/generator.spec.ts.snap

@@ -65,7 +65,10 @@ exports[`generator - angular:bootstrap bootstrapping default config should prepa
   "clientSrcDir": "src/main/webapp/",
   "clientTestDir": "src/test/javascript/",
   "clientTestFramework": "jest",
+  "clientTestFrameworkAny": true,
+  "clientTestFrameworkJest": true,
   "clientTestFrameworkName": "Jest",
+  "clientTestFrameworkVitest": false,
   "clientTestFrameworks": undefined,
   "clientTestFrameworksAny": false,
   "clientTestFrameworksCypress": false,

generators/angular/generators/bootstrap/generator.ts

@@ -74,7 +74,7 @@ export default class BootstrapGenerator extends AngularApplicationGenerator {
               createNeedleCallback({
                 needle: 'i18n-language-loader',
                 contentToAdd: allLanguages.map(
-                  lang => `'${lang.languageTag}': async (): Promise<any> => import('i18n/${lang.languageTag}.json'),`,
+                  lang => `'${lang.languageTag}': async (): Promise<any> => import('i18n/${lang.languageTag}.json').catch(),`,
                 ),
               }),
               createNeedleCallback({

generators/angular/resources/package.json

@@ -45,13 +45,16 @@
     "jest-junit": "16.0.0",
     "jest-preset-angular": "14.6.0",
     "jest-sonar": "0.2.16",
+    "jsdom": "27.0.1",
     "merge-jsons-webpack-plugin": "2.0.1",
     "postcss-rtlcss": "5.7.1",
     "rimraf": "5.0.8",
     "tinyglobby": "0.2.15",
     "ts-jest": "29.4.5",
     "typescript": "5.9.2",
     "typescript-eslint": "8.46.2",
+    "vitest": "3.2.4",
+    "vitest-sonar-reporter": "2.0.4",
     "webpack": "5.102.1",
     "webpack-bundle-analyzer": "4.10.2",
     "webpack-merge": "6.0.1",