generator-jhipster 7.2.0 → 7.4.1

package/generators/client/templates/vue/src/main/webapp/app/entities/entities.component.ts.ejs

@@ -0,0 +1,14 @@
+import { Component, Provide, Vue } from 'vue-property-decorator';
+
+<%_ for (entity of this.localEntities.filter(entity => !entity.embedded)) { _%>
+import <%= entity.entityAngularName %>Service from './<%= entity.entityFolderName %>/<%= entity.entityFileName %>.service';
+<%_ } _%>
+// jhipster-needle-add-entity-service-to-entities-component-import - JHipster will import entities services here
+
+@Component
+export default class Entities extends Vue {
+<%_ for (entity of this.localEntities.filter(entity => !entity.embedded)) { _%>
+  @Provide('<%= entity.entityInstance %>Service') private <%= entity.entityInstance %>Service = () => new <%= entity.entityAngularName %>Service();
+<%_ } _%>
+  // jhipster-needle-add-entity-service-to-entities-component - JHipster will import entities services here
+}

package/generators/client/templates/vue/src/main/webapp/app/entities/entities.vue.ejs

@@ -0,0 +1,5 @@
+<template>
+  <router-view></router-view>
+</template>
+
+<script lang="ts" src="./entities.component.ts"></script>

package/generators/client/templates/vue/{webpack/utils.js.ejs → src/main/webapp/app/index.ts.ejs}

@@ -16,15 +16,4 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-const path = require('path');
-
-module.exports = {
-  root
-};
-
-const _root = path.resolve(__dirname, '..');
-
-function root(args) {
-  args = Array.prototype.slice.call(arguments, 0);
-  return path.join.apply(path, [_root].concat(args));
-}
+import('./main');

package/generators/client/templates/vue/src/main/webapp/app/locale/translation.service.ts.ejs

@@ -11,31 +11,48 @@ export default class TranslationService {
     this.store = store;
     this.i18n = i18n;
   }
+<%_ if (microfrontend) { _%>
+
+  public loadTranslations(appKey: string, urlPrefix: string, hash: string) {
+    const currentLanguage = this.store.getters.currentLanguage;
+    if (!this.i18n) return;
+
+    axios.get(`${urlPrefix}i18n/${currentLanguage}.json?_=${hash}`).then((res: any) => {
+      if (res.data) {
+        this.i18n.mergeLocaleMessage(currentLanguage, res.data);
+      }
+    });
+  }
+<%_ } _%>
 
   public refreshTranslation(newLanguage: string) {
     let currentLanguage = this.store.getters.currentLanguage;
     currentLanguage = newLanguage ? newLanguage : '<%= nativeLanguage %>';
     if (this.i18n && !this.i18n.messages[currentLanguage]) {
       this.i18n.setLocaleMessage(currentLanguage, {});
-      axios.get(`i18n/${currentLanguage}.json?_=${I18N_HASH}`).then((res) => {
+      axios.get(`i18n/${currentLanguage}.json?_=${I18N_HASH}`).then((res: any) => {
         if (res.data) {
-          dayjs.locale(currentLanguage);
           this.i18n.setLocaleMessage(currentLanguage, res.data);
-          this.i18n.locale = currentLanguage;
-          this.store.commit('currentLanguage', currentLanguage);
+          this.setLocale(currentLanguage);
         }
       });
     } else if (this.i18n) {
-      dayjs.locale(currentLanguage);
-      this.i18n.locale = currentLanguage;
-      this.store.commit('currentLanguage', currentLanguage);
+      this.setLocale(currentLanguage);
     }
+  }
+
+  private setLocale(lang: string) {
+    dayjs.locale(lang);
+    this.i18n.locale = lang;
+    this.store.commit('currentLanguage', lang);
+    axios.defaults.headers.common['Accept-Language'] = lang;
+    document.querySelector('html').setAttribute('lang', lang);
 <%_ if (enableI18nRTL) { _%>
-      this.updatePageDirection(currentLanguage);
+    this.updatePageDirection(lang);
 <%_ } _%>
   }
-
 <%_ if (enableI18nRTL) { _%>
+
     private isRTL(lang: string): boolean {
       const languages = this.store.getters.languages;
       return languages[lang] && languages[lang].rtl;

package/generators/client/templates/vue/src/main/webapp/app/main.ts.ejs

@@ -5,7 +5,7 @@ import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
 import App from './app.vue';
 import Vue2Filters from 'vue2-filters';
 import { ToastPlugin } from 'bootstrap-vue';
-import router from './router';
+import router<% if (applicationTypeGateway && microfrontend) { %>, { lazyRoutes }<% } %> from './router';
 import * as config from './shared/config/config';
 import * as bootstrapVueConfig from './shared/config/config-bootstrap-vue';
 import JhiItemCountComponent from './shared/jhi-item-count.vue';
@@ -24,7 +24,9 @@ import UserManagementService from '@/admin/user-management/user-management.servi
 <%_ } _%>
 import LoginService from './account/login.service';
 import AccountService from './account/account.service';
+import AlertService from './shared/alert/alert.service';
 
+import '../content/scss/global.scss';
 import '../content/scss/vendor.scss';
 <%_ if (enableTranslation) { _%>
 import TranslationService from '@/locale/translation.service';
@@ -59,7 +61,7 @@ const i18n = config.initI18N(Vue);
 const store = config.initVueXStore(Vue);
 
 <%_ if (communicationSpringWebsocket) { _%>
-const trackerService = new TrackerService(router);
+const trackerService = new TrackerService(router<%_ if (authenticationTypeSession) { _%>, (<any>Vue).cookie<%_ } _%>);
 <%_ } _%>
 <%_ if (enableTranslation) { _%>
 const translationService = new TranslationService(store, i18n);
@@ -67,13 +69,18 @@ const translationService = new TranslationService(store, i18n);
 const loginService = new LoginService();
 const accountService = new AccountService(store, <%_ if (enableTranslation) { _%>translationService, <%_ } _%><%_ if (authenticationTypeSession || authenticationTypeOauth2) { _%>(<any>Vue).cookie, <%_ } _%><%_ if (communicationSpringWebsocket) { _%>trackerService, <%_ } _%>router);
 
-router.beforeEach((to, from, next) => {
-
+router.beforeEach(async (to, from, next) => {
   if (!to.matched.length) {
-    next('/not-found');
-  }
+<%_ if (applicationTypeGateway && microfrontend) { _%>
+    await lazyRoutes;
+    if (router.match(to.fullPath).matched.length > 0) {
+      next(to.fullPath);
+      return;
+    }
 
-  if (to.meta && to.meta.authorities && to.meta.authorities.length > 0) {
+<%_ } _%>
+    next('/not-found');
+  } else if (to.meta && to.meta.authorities && to.meta.authorities.length > 0) {
     accountService.hasAnyAuthorityAndCheckAuth(to.meta.authorities).then(value => {
       if (!value) {
         sessionStorage.setItem('requested-url', to.fullPath);
@@ -120,9 +127,14 @@ new Vue({
     translationService: () => translationService,
 <%_ } _%>
     // jhipster-needle-add-entity-service-to-main - JHipster will import entities services here
-    accountService: () => accountService
-
+    accountService: () => accountService,
+    alertService: () => new AlertService(),
+<%_ if (applicationTypeMicroservice && microfrontend) { _%>
+    microfrontendI18n: false,
+<%_ } _%>
   },
-<%_ if (enableTranslation) { _%>    i18n,<%_ } _%>
-  store
+<%_ if (enableTranslation) { _%>
+  i18n,
+<%_ } _%>
+  store,
 });

package/generators/client/templates/vue/src/main/webapp/app/router/admin.ts.ejs

@@ -76,17 +76,17 @@ export default [
       name: '<%= jhiPrefixCapitalized %>ConfigurationComponent',
       component: <%= jhiPrefixCapitalized %>ConfigurationComponent,
       meta: { authorities: [Authority.ADMIN] }
-    }
+    },
 <%_ } _%>
-<%_ if (applicationTypeGateway && serviceDiscoveryType) { _%>,
+<%_ if (applicationTypeGateway && serviceDiscoveryType) { _%>
     {
       path: '/admin/gateway',
       name: '<%= jhiPrefixCapitalized %>GatewayComponent',
       component: <%= jhiPrefixCapitalized %>GatewayComponent,
       meta: { authorities: [Authority.ADMIN] }
-    }
+    },
 <%_ } _%>
-<%_ if (communicationSpringWebsocket) { _%>,
+<%_ if (communicationSpringWebsocket) { _%>
     {
       path: '/admin/tracker',
       name: '<%= jhiPrefixCapitalized %>TrackerComponent',

package/generators/client/templates/vue/src/main/webapp/app/router/entities.ts.ejs

@@ -1,9 +1,51 @@
 import {Authority} from "@/shared/security/authority";
 /* tslint:disable */
 // prettier-ignore
+const Entities = () => import('@/entities/entities.vue');
 
+<%_ for (entity of this.localEntities.filter(entity => !entity.embedded)) { _%>
+const <%= entity.entityAngularName %> = () => import('@/entities/<%= entity.entityFolderName %>/<%= entity.entityFileName %>.vue');
+  <%_ if (!entity.readOnly) { _%>
+const <%= entity.entityAngularName %>Update = () => import('@/entities/<%= entity.entityFolderName %>/<%= entity.entityFileName %>-update.vue');
+  <%_ } _%>
+const <%= entity.entityAngularName %>Details = () => import('@/entities/<%= entity.entityFolderName %>/<%= entity.entityFileName %>-details.vue');
+
+<%_ } _%>
 // jhipster-needle-add-entity-to-router-import - JHipster will import entities to the router here
 
-export default [
-  // jhipster-needle-add-entity-to-router - JHipster will add entities to the router here
-];
+export default
+  {
+    path: '/<%= applicationTypeMicroservice ? baseName.toLowerCase() : '' %>',
+    component: Entities,
+    children: [
+<%_ for (entity of this.localEntities.filter(entity => !entity.embedded)) { _%>
+      {
+        path: '<%= entity.entityFileName %>',
+        name: '<%= entity.entityAngularName %>',
+        component: <%= entity.entityAngularName %>,
+        meta: { authorities: [Authority.USER] },
+      },
+  <%_ if (!entity.readOnly) { _%>
+      {
+        path: '<%= entity.entityFileName %>/new',
+        name: '<%= entity.entityAngularName %>Create',
+        component: <%= entity.entityAngularName %>Update,
+        meta: { authorities: [Authority.USER] },
+      },
+      {
+        path: '<%= entity.entityFileName %>/:<%= entity.entityInstance %>Id/edit',
+        name: '<%= entity.entityAngularName %>Edit',
+        component: <%= entity.entityAngularName %>Update,
+        meta: { authorities: [Authority.USER] },
+      },
+  <%_ } _%>
+      {
+        path: '<%= entity.entityFileName %>/:<%= entity.entityInstance %>Id/view',
+        name: '<%= entity.entityAngularName %>View',
+        component: <%= entity.entityAngularName %>Details,
+        meta: { authorities: [Authority.USER] },
+      },
+<%_ } _%>
+      // jhipster-needle-add-entity-to-router - JHipster will add entities to the router here
+    ],
+  };

package/generators/client/templates/vue/src/main/webapp/app/router/index.ts.ejs

@@ -5,7 +5,7 @@ Component.registerHooks([
   'beforeRouteLeave',
   'beforeRouteUpdate' // for vue-router 2.2+
 ])
-import Router from 'vue-router';
+import Router, { RouteConfig } from 'vue-router';
 
 const Home = () => import('@/core/home/home.vue');
 const Error = () => import('@/core/error/error.vue');
@@ -19,7 +19,7 @@ import pages from "@/router/pages";
 Vue.use(Router);
 
 // prettier-ignore
-export default new Router({
+const router = new Router({
   mode: 'history',
   routes: [
     {
@@ -43,7 +43,23 @@ export default new Router({
     ...account,
 <%_ } _%>
     ...admin,
-    ...entities,
+    entities,
     ...pages
   ]
 });
+
+<%_ if (applicationTypeGateway && microfrontend) { _%>
+export const lazyRoutes = Promise.all([
+  <%_ for (const remote of microfrontends) { _%>
+  import('@<%= remote.lowercaseBaseName %>/entities-router')
+    .then(<%= remote.lowercaseBaseName %>Router => {
+      router.addRoute(<%= remote.lowercaseBaseName %>Router.default as RouteConfig);
+      return <%= remote.lowercaseBaseName %>Router.default;
+    }).catch(() => {
+      console.log("Error loading <%= remote.lowercaseBaseName %> menus. Make sure it's up.");
+    }),
+  <%_ } _%>
+]);
+
+<%_ } _%>
+export default router;

package/generators/client/templates/vue/src/main/webapp/app/shared/alert/alert.service.ts.ejs

@@ -0,0 +1,61 @@
+import Vue from 'vue';
+
+export default class AlertService {
+  public showError(instance: Vue, message: string, params?: any) {
+    <%_ if (enableTranslation) { _%>
+    const alertMessage = instance.$t(message, params);
+    <%_ } else {_%>
+    const alertMessage = message;
+    <%_ } _%>
+    instance.$root.$bvToast.toast(alertMessage.toString(), {
+      toaster: 'b-toaster-top-center',
+      title: 'Error',
+      variant: 'danger',
+      solid: true,
+      autoHideDelay: 5000,
+    });
+  }
+
+  public showHttpError(instance: Vue, httpErrorResponse: any) {
+    switch (httpErrorResponse.status) {
+      case 0:
+        this.showError(instance,<% if (enableTranslation) { %> 'error.server.not.reachable'<% } else { %> 'Server not reachable'<% } %>);
+        break;
+
+      case 400: {
+        const arr = Object.keys(httpErrorResponse.headers);
+        let errorHeader: string | null = null;
+<%_ if (enableTranslation) { _%>
+            let entityKey: string | null = null;
+<%_ } _%>
+        for (const entry of arr) {
+          if (entry.toLowerCase().endsWith('app-error')) {
+            errorHeader = httpErrorResponse.headers[entry];
+<%_ if (enableTranslation) { _%>
+            } else if (entry.toLowerCase().endsWith('app-params')) {
+              entityKey = httpErrorResponse.headers[entry];
+<%_ } _%>
+            }
+        }
+        if (errorHeader) {
+<%_ if (enableTranslation) { _%>
+          const alertData = entityKey ? { entityName: instance.$t(`global.menu.entities.${entityKey}`) } : undefined;
+<%_ } _%>
+          this.showError(instance, errorHeader<% if (enableTranslation) { %>, alertData<% } %>);
+        } else if (httpErrorResponse.data !== '' && httpErrorResponse.data.fieldErrors) {  
+          this.showError(instance, <% if (enableTranslation) { %>httpErrorResponse.data.message<% } else { %>'Validation error'<% } %>);
+        } else {
+          this.showError(instance, httpErrorResponse.data.message);
+        }
+        break;
+      }
+
+      case 404:
+        this.showError(instance, <% if (enableTranslation) { %>'error.http.404'<% } else { %>'Not found'<% } %>);
+        break;
+
+      default:
+        this.showError(instance, httpErrorResponse.data.message);
+    }
+  }
+}

package/generators/client/templates/vue/src/main/webapp/app/shared/config/axios-interceptor.ts.ejs

@@ -18,8 +18,6 @@
 -%>
 import axios from 'axios';
 
-import {SERVER_API_URL} from "@/constants";
-
 const TIMEOUT = 1000000;
 const onRequestSuccess = config => {
 <%_ if (authenticationTypeJwt) { _%>

package/generators/client/templates/vue/src/main/webapp/app/shared/data/data-utils.service.ts.ejs

@@ -55,7 +55,9 @@ export default class JhiDataUtils extends Vue {
     });
     const objectURL = URL.createObjectURL(blob);
     const win = window.open(objectURL);
-    win!.onload = () => URL.revokeObjectURL(objectURL);
+    if (win) {
+      win.onload = () => URL.revokeObjectURL(objectURL);
+    }
   }
 
   /**

package/generators/client/templates/vue/src/main/webapp/app/shims-vue.d.ts.ejs

@@ -1,7 +1,21 @@
-<%_ if (enableTranslation) { _%>
-declare const I18N_HASH: string;
+<%#
+ Copyright 2013-2021 the original author or authors from the JHipster project.
 
-<%_ } _%>
+ This file is part of the JHipster project, see https://www.jhipster.tech/
+ for more information.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+      https://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-%>
 declare module '*.vue' {
   import Vue from 'vue';
   export default Vue;

package/generators/client/templates/vue/src/test/javascript/jest.conf.js.ejs

@@ -1,34 +1,49 @@
+const { pathsToModuleNameMapper } = require('ts-jest/utils');
+const config = require('../../../webpack/config');
+const { compilerOptions: { paths = {}, baseUrl = './' } } = require('../../../tsconfig.json');
+
 module.exports = {
+  rootDir: '../../../',
+  roots: ['<rootDir>', `<rootDir>/${baseUrl}`, `<rootDir>/<%= CLIENT_TEST_SRC_DIR %>spec/app/`],
+  preset: 'ts-jest',
   testEnvironment: 'jsdom',
   coverageDirectory: '<rootDir>/<%= BUILD_DIR %>test-results/',
   coveragePathIgnorePatterns: ['<rootDir>/node_modules/', '<rootDir>/<%= CLIENT_TEST_SRC_DIR %>', '<rootDir>/<%= CLIENT_MAIN_SRC_DIR %>app/router', '.*.json'],
   moduleFileExtensions: ['js', 'json', 'ts', 'vue'],
   transform: {
-    '.*\\.(vue)$': 'vue-jest',
-    '^.+\\.tsx?$': 'ts-jest'
+    '.*\\.(vue)$': '<%= microfrontend ? '@vue/vue2-jest' : 'vue-jest' %>',
+    '^.+\\.tsx?$': 'ts-jest',
   },
   moduleNameMapper: {
-    '^@/(.*)$': '<rootDir>/<%= CLIENT_MAIN_SRC_DIR %>app/$1'
+    '^@/(.*)$': '<rootDir>/<%= CLIENT_MAIN_SRC_DIR %>app/$1',
+    ...pathsToModuleNameMapper(paths, { prefix: `<rootDir>/${baseUrl}/` }),
+<%_ if (applicationTypeGateway && microfrontend) { _%>
+    '^@(<%= microfrontends.map(remote => remote.lowercaseBaseName).join('|') %>)/(.*)$': '<rootDir>/<%= CLIENT_TEST_SRC_DIR %>spec/app/microfrontends/$2',
+<%_ } _%>
   },
   reporters: [
     'default',
-    [ 'jest-junit', { outputDirectory: './<%= BUILD_DIR %>test-results/', outputName: 'TESTS-results-jest.xml' } ]
+    [ 'jest-junit', { outputDirectory: './<%= BUILD_DIR %>test-results/', outputName: 'TESTS-results-jest.xml' } ],
   ],
   testResultsProcessor: 'jest-sonar-reporter',
   testMatch: ['<rootDir>/<%= CLIENT_TEST_SRC_DIR %>spec/**/@(*.)@(spec.ts)'],
   snapshotSerializers: ['<rootDir>/node_modules/jest-serializer-vue'],
-  rootDir: '../../../',
-<%_ if (enableTranslation) { _%>
   globals: {
+<%_ if (enableTranslation) { _%>
     I18N_HASH: 'generated_hash',
-  },
 <%_ } _%>
+    SERVER_API_URL: config.serverApiUrl,
+    VERSION: config.version,
+    'ts-jest': {
+      tsconfig: '<rootDir>/tsconfig.spec.json',
+    },
+  },
   coverageThreshold: {
     global: {
       statements: 80,
       branches: 60,
       functions: 70,
-      lines: 80
-    }
-  }
+      lines: 80,
+    },
+  },
 };

package/generators/client/templates/vue/src/test/javascript/spec/app/account/account.service.spec.ts.ejs

@@ -80,7 +80,7 @@ describe('Account Service test suite', () => {
 
   it('should init service and check for authority after retrieving account but getAccount failed', async () => {
 <%_ if (communicationSpringWebsocket) { _%>
-    const trackerService = new TrackerService(null);
+    const trackerService = new TrackerService(null<%_ if (authenticationTypeSession) { _%>,null<%_ } %>);
     trackerService.connect = jest.fn();
 <%_ } _%>
 <%_ if (authenticationTypeJwt) { _%>
@@ -96,7 +96,7 @@ describe('Account Service test suite', () => {
 
   it('should init service and check for authority after retrieving account', async () => {
 <%_ if (communicationSpringWebsocket) { _%>
-    const trackerService = new TrackerService(null);
+    const trackerService = new TrackerService(null<%_ if (authenticationTypeSession) { _%>,null<%_ } %>);
     trackerService.connect = jest.fn();
 <%_ } _%>
 <%_ if (authenticationTypeJwt) { _%>

package/generators/client/templates/vue/src/test/javascript/spec/app/account/login-form/login-form.component.spec.ts.ejs

@@ -2,7 +2,7 @@ import { shallowMount, createLocalVue, Wrapper } from '@vue/test-utils';
 import axios from 'axios';
 import sinon from 'sinon';
 import AccountService from '@/account/account.service';
-import router from '@/router';
+import VueRouter from 'vue-router';
 <%_ if (enableTranslation) { _%>
 import TranslationService from '@/locale/translation.service';
 <%_ } _%>
@@ -50,7 +50,7 @@ describe('LoginForm Component', () => {
         <%_ } _%>
         localVue,
         provide: {
-          accountService: () => new AccountService(store, <% if (enableTranslation) { %>new TranslationService(store, i18n), <% } %><% if (authenticationTypeSession) { %> { get: () => {} }, <% } %><% if (communicationSpringWebsocket) { %>new TrackerService(router), <% } %>router)
+          accountService: () => new AccountService(store, <% if (enableTranslation) { %>new TranslationService(store, i18n), <% } %><% if (authenticationTypeSession) { %> { get: () => {} }, <% } %><% if (communicationSpringWebsocket) { %>new TrackerService(new VueRouter()<%_ if (authenticationTypeSession) { _%>,{ get: jest.fn()}<%_ } %>), <% } %>new VueRouter())
         }
       });
     loginForm = wrapper.vm;

package/generators/client/templates/vue/src/test/javascript/spec/app/admin/tracker/tracker.component.spec.ts.ejs

@@ -6,7 +6,7 @@ import { Observable, Observer } from 'rxjs';
 
 import * as config from '@/shared/config/config';
 import <%=jhiPrefixCapitalized%>Tracker from '@/admin/tracker/tracker.vue';
-import <%=jhiPrefixCapitalized%>TrackerClass from '@/admin/tracker/tracker.component';
+import <%=jhiPrefixCapitalized%>TrackerComponent from '@/admin/tracker/tracker.component';
 import TrackerService from '@/admin/tracker/tracker.service';
 
 const localVue = createLocalVue();
@@ -25,14 +25,14 @@ const axiosStub = {
 };
 
 describe('<%=jhiPrefixCapitalized%>Tracker', () => {
-  let wrapper: Wrapper<<%=jhiPrefixCapitalized%>TrackerClass>;
-  let <%=jhiPrefix%>Tracker: <%=jhiPrefixCapitalized%>TrackerClass;
+  let wrapper: Wrapper<<%=jhiPrefixCapitalized%>TrackerComponent>;
+  let <%=jhiPrefix%>TrackerView: <%=jhiPrefixCapitalized%>TrackerComponent;
 
   beforeEach(() => {
     axiosStub.get.resolves({ data: {} });
     trackerServiceStub = sinon.createStubInstance<TrackerService>(TrackerService);
     trackerServiceStub.receive = sinon.stub().callsFake(() => new Observable(observer => listenerObserver = observer));
-    wrapper = shallowMount<<%=jhiPrefixCapitalized%>TrackerClass>(<%=jhiPrefixCapitalized%>Tracker, {
+    wrapper = shallowMount<<%=jhiPrefixCapitalized%>TrackerComponent>(<%=jhiPrefixCapitalized%>Tracker, {
       store,
 <%_ if (enableTranslation) { _%>
       i18n,
@@ -42,7 +42,7 @@ describe('<%=jhiPrefixCapitalized%>Tracker', () => {
         trackerService: () => trackerServiceStub
       }
     });
-    <%=jhiPrefix%>Tracker = wrapper.vm;
+    <%=jhiPrefix%>TrackerView = wrapper.vm;
   });
 
   it('should subscribe', () => {
@@ -60,14 +60,14 @@ describe('<%=jhiPrefixCapitalized%>Tracker', () => {
   it('should add new activity', () => {
     // GIVEN
     const activity1 = { page: 'login', sessionId: '123' };
-    <%=jhiPrefix%>Tracker.activities = [activity1];
+    <%=jhiPrefix%>TrackerView.activities = [activity1];
 
     // WHEN
     const activity2 = { page: 'login', sessionId: '456' };
     listenerObserver.next(activity2);
 
     // THEN
-    expect(<%=jhiPrefix%>Tracker.activities).toEqual([activity1, activity2]);
+    expect(<%=jhiPrefix%>TrackerView.activities).toEqual([activity1, activity2]);
   });
 
   it('should not add logout activity', () => {
@@ -75,29 +75,29 @@ describe('<%=jhiPrefixCapitalized%>Tracker', () => {
     listenerObserver.next({ page: 'logout', sessionId: '123' });
 
     // THEN
-    expect(<%=jhiPrefix%>Tracker.activities).toEqual([]);
+    expect(<%=jhiPrefix%>TrackerView.activities).toEqual([]);
   });
 
   it('should update user activity', () => {
     // GIVEN
-    <%=jhiPrefix%>Tracker.activities = [{ page: 'login', sessionId: '123' }];
+    <%=jhiPrefix%>TrackerView.activities = [{ page: 'login', sessionId: '123' }];
 
     // WHEN
     const activity = { page: 'login', sessionId: '123' };
     listenerObserver.next(activity);
 
     // THEN
-    expect(<%=jhiPrefix%>Tracker.activities).toEqual([activity]);
+    expect(<%=jhiPrefix%>TrackerView.activities).toEqual([activity]);
   });
 
   it('should remove user activity', () => {
     // GIVEN
-    <%=jhiPrefix%>Tracker.activities = [{ page: 'login', sessionId: '123' }];
+    <%=jhiPrefix%>TrackerView.activities = [{ page: 'login', sessionId: '123' }];
 
     // WHEN
     listenerObserver.next({ page: 'logout', sessionId: '123' });
 
     // THEN
-    expect(<%=jhiPrefix%>Tracker.activities).toEqual([]);
+    expect(<%=jhiPrefix%>TrackerView.activities).toEqual([]);
   });
 });

package/generators/client/templates/vue/src/test/javascript/spec/app/admin/tracker/tracker.service.spec.ts.ejs

@@ -9,7 +9,8 @@ describe('Tracker Service', () => {
   beforeEach(() => {
     routerStub = sinon.createStubInstance<VueRouter>(VueRouter);
     routerStub.afterEach = sinon.spy();
-    trackerService = new TrackerService(routerStub);
+    
+    trackerService = new TrackerService(routerStub<%_ if (authenticationTypeSession) { _%>,{ get: jest.fn()}<%_ } %>);
   });
 
   it('Should connetion and listener be initialized', () => {

package/generators/client/templates/vue/src/test/javascript/spec/app/admin/user-management/user-management-edit.component.spec.ts.ejs

@@ -11,9 +11,12 @@ import UserManagementEdit from '@/admin/user-management/user-management-edit.vue
 import UserManagementEditClass from '@/admin/user-management/user-management-edit.component';
 import UserManagementService from '@/admin/user-management/user-management.service';
 import VueRouter from 'vue-router';
+import { ToastPlugin } from 'bootstrap-vue';
+import AlertService from '@/shared/alert/alert.service';
 
 const localVue = createLocalVue();
 localVue.use(VueRouter);
+localVue.use(ToastPlugin);
 
 config.initVueApp(localVue);
 <%_ if (enableTranslation) { _%>
@@ -42,7 +45,8 @@ describe('UserManagementEdit Component', () => {
 <%_ } _%>
       localVue,
       provide: {
-        userService: () => new UserManagementService()
+        userService: () => new UserManagementService(),
+        alertService: () => new AlertService(),
       }
     });
     userManagementEdit = wrapper.vm;

package/generators/client/templates/vue/src/test/javascript/spec/app/admin/user-management/user-management-view.component.spec.ts.ejs

@@ -11,6 +11,7 @@ import UserManagementView from '@/admin/user-management/user-management-view.vue
 import UserManagementViewClass from '@/admin/user-management/user-management-view.component';
 import UserManagementService from '@/admin/user-management/user-management.service';
 import {Authority} from '@/shared/security/authority';
+import AlertService from '@/shared/alert/alert.service';
 
 const localVue = createLocalVue();
 
@@ -32,7 +33,7 @@ describe('UserManagementView Component', () => {
   let userManagementView: UserManagementViewClass;
 
   beforeEach(() => {
-    wrapper = shallowMount<UserManagementViewClass>(UserManagementView, { store, <% if (enableTranslation) { %>i18n, <% } %>localVue, provide: { userService: () => new UserManagementService() } });
+    wrapper = shallowMount<UserManagementViewClass>(UserManagementView, { store, <% if (enableTranslation) { %>i18n, <% } %>localVue, provide: { userService: () => new UserManagementService(), alertService: () => new AlertService(), } });
     userManagementView = wrapper.vm;
   });