From a946e2e3924739eafdc869f91678cfde0ea8ee25 Mon Sep 17 00:00:00 2001
From: Marthym <marthym@gmail.com>
Date: Tue, 27 Aug 2024 22:56:55 +0200
Subject: [PATCH] ci(main): test include front coverage to sonar

---
 pom.xml                                       |  15 ++-
 seaside/.gitignore                            |   6 +-
 seaside/package.json                          |   4 +-
 seaside/pom.xml                               |  15 ++-
 .../components/feedslist/FeedEditor.vue       |  12 +-
 .../components/profile/ProfileTab.vue         |   2 +-
 .../components/sidenav/SideNavFilters.vue     |  22 ++--
 seaside/src/security/pages/LoginPage.vue      |   2 +-
 seaside/src/teams/components/TeamEditor.vue   |   2 +-
 seaside/src/techwatch/services/TagsService.ts |  37 +++---
 .../component/UserAdminTab.test.ts            |  32 +++++
 .../page/AdministrationPage.test.ts           |  48 ++++++++
 .../common/components/BaywatchIcon.test.ts    |  11 ++
 .../components/FileUploadWindow.test.ts       |  22 ++++
 .../components/SettingsTabVue.test.ts         |  14 +++
 .../components/feedslist/FeedEditor.test.ts   |  39 ++++++
 .../components/feedslist/FeedsList.test.ts    |  47 ++++++++
 .../profile/ChangePasswordModal.test.ts       |  23 ++++
 .../components/profile/ProfileTab.test.ts     |  34 ++++++
 .../unit/security/pages/LoginPage.test.ts     |  31 +++++
 .../unit/teams/components/TeamEditor.test.ts  |  51 ++++++++
 .../tests/unit/teams/pages/TeamsPage.test.ts  |  38 ++++++
 seaside/tsconfig.json                         |   2 +-
 seaside/vitest.config.ts                      |   4 +
 seaside/yarn.lock                             | 111 +++++++++++++++++-
 sonar-project.properties                      |  10 +-
 26 files changed, 582 insertions(+), 52 deletions(-)
 create mode 100644 seaside/tests/unit/administration/component/UserAdminTab.test.ts
 create mode 100644 seaside/tests/unit/administration/page/AdministrationPage.test.ts
 create mode 100644 seaside/tests/unit/common/components/BaywatchIcon.test.ts
 create mode 100644 seaside/tests/unit/common/components/FileUploadWindow.test.ts
 create mode 100644 seaside/tests/unit/configuration/components/feedslist/FeedEditor.test.ts
 create mode 100644 seaside/tests/unit/configuration/components/feedslist/FeedsList.test.ts
 create mode 100644 seaside/tests/unit/configuration/components/profile/ChangePasswordModal.test.ts
 create mode 100644 seaside/tests/unit/configuration/components/profile/ProfileTab.test.ts
 create mode 100644 seaside/tests/unit/security/pages/LoginPage.test.ts
 create mode 100644 seaside/tests/unit/teams/components/TeamEditor.test.ts
 create mode 100644 seaside/tests/unit/teams/pages/TeamsPage.test.ts

diff --git a/pom.xml b/pom.xml
index f8dec1c2..f24b03ad 100644
--- a/pom.xml
+++ b/pom.xml
@@ -132,8 +132,19 @@
                 <sonar.host.url>https://sonarcloud.io</sonar.host.url>
                 <sonar.moduleKey>${project.groupId}:${project.artifactId}</sonar.moduleKey>
                 <sonar.coverage.jacoco.xmlReportPaths>**/jacoco.xml</sonar.coverage.jacoco.xmlReportPaths>
-                <sonar.coverage.exclusions>**/*.html</sonar.coverage.exclusions>
-                <sonar.exclusions>**/*.html</sonar.exclusions>
+                <sonar.javascript.lcov.reportPaths>**/lcov.info
+                </sonar.javascript.lcov.reportPaths>
+                <sonar.coverage.exclusions>
+                    **/*.html,
+                    **/*.test.*,
+                    **/locales/**,
+                    ${project.basedir}/seaside/dist/**
+                </sonar.coverage.exclusions>
+                <sonar.exclusions>
+                    **/*.html,
+                    **/locales/**,
+                    **/dist/**
+                </sonar.exclusions>
                 <sonar.java.binaries>${project.build.directory}/classes</sonar.java.binaries>
                 <sonar.java.libraries>${project.build.directory}/dependency</sonar.java.libraries>
             </properties>
diff --git a/seaside/.gitignore b/seaside/.gitignore
index c3e43efd..6b7a9e2e 100644
--- a/seaside/.gitignore
+++ b/seaside/.gitignore
@@ -1,8 +1,8 @@
 .DS_Store
 node_modules
-/dist
-/coverage
-
+dist
+coverage
+.scannerwork
 
 # local env files
 .env.local
diff --git a/seaside/package.json b/seaside/package.json
index 81b4256e..f28a772b 100644
--- a/seaside/package.json
+++ b/seaside/package.json
@@ -8,7 +8,8 @@
     "dev": "vite",
     "lint": "eslint --fix --ext .js,.vue --ignore-path .gitignore src",
     "preview": "vite preview",
-    "test": "vitest"
+    "test": "vitest",
+    "coverage": "vitest run --coverage"
   },
   "dependencies": {
     "@heroicons/vue": "2.1.5",
@@ -30,6 +31,7 @@
     "@typescript-eslint/eslint-plugin": "8.0.1",
     "@typescript-eslint/parser": "8.0.1",
     "@vitejs/plugin-vue": "5.1.2",
+    "@vitest/coverage-v8": "2.0.5",
     "@vue/test-utils": "2.4.6",
     "autoprefixer": "10.4.20",
     "eslint": "9.9.0",
diff --git a/seaside/pom.xml b/seaside/pom.xml
index 4c78a235..511f14ac 100644
--- a/seaside/pom.xml
+++ b/seaside/pom.xml
@@ -110,7 +110,7 @@
                         </goals>
                     </execution>
                     <execution>
-                        <id>Webpack build</id>
+                        <id>Vite build</id>
                         <phase>generate-resources</phase>
                         <configuration>
                             <executable>yarn</executable>
@@ -122,6 +122,19 @@
                             <goal>exec</goal>
                         </goals>
                     </execution>
+                    <execution>
+                        <id>Vitest Coverage</id>
+                        <phase>generate-resources</phase>
+                        <configuration>
+                            <executable>yarn</executable>
+                            <arguments>
+                                <argument>coverage</argument>
+                            </arguments>
+                        </configuration>
+                        <goals>
+                            <goal>exec</goal>
+                        </goals>
+                    </execution>
                 </executions>
             </plugin>
             <plugin>
diff --git a/seaside/src/configuration/components/feedslist/FeedEditor.vue b/seaside/src/configuration/components/feedslist/FeedEditor.vue
index 4020fcac..faafa6c6 100644
--- a/seaside/src/configuration/components/feedslist/FeedEditor.vue
+++ b/seaside/src/configuration/components/feedslist/FeedEditor.vue
@@ -14,7 +14,8 @@
           <span class="label-text capitalize">{{ t('config.feeds.editor.form.name') }}</span>
         </label>
         <input id="feedName" v-model="feed.name" :class="{'input-error': errors.indexOf('name') > -1}"
-               class="input input-bordered placeholder:capitalize" :placeholder="t('config.feeds.editor.form.name.placeholder')"
+               :placeholder="t('config.feeds.editor.form.name.placeholder')"
+               class="input input-bordered placeholder:capitalize"
                type="text">
 
         <label class="label" for="feedDescription">
@@ -29,7 +30,10 @@
     </form>
     <template v-slot:actions>
       <button class="btn capitalize" @click.stop="resetAndCloseModal">{{ t('dialog.cancel') }}</button>
-      <button class="btn btn-primary capitalize" @click="onSaveFeed">{{ t('config.feeds.editor.form.action.submit') }}</button>
+      <button class="btn btn-primary capitalize" @click="onSaveFeed">{{
+          t('config.feeds.editor.form.action.submit')
+        }}
+      </button>
     </template>
   </ModalWindow>
 </template>
@@ -40,7 +44,7 @@ import { Feed } from '@/configuration/model/Feed.type';
 import { Observable, Subject } from 'rxjs';
 import ModalWindow from '@/common/components/ModalWindow.vue';
 import TagInput from '@/common/components/TagInput.vue';
-import tagsService from '@/techwatch/services/TagsService';
+import { tagsListAll } from '@/techwatch/services/TagsService';
 import feedService from '@/configuration/services/FeedService';
 import { URL_PATTERN } from '@/common/services/RegexPattern';
 import { useI18n } from 'vue-i18n';
@@ -111,7 +115,7 @@ export default class FeedEditor extends Vue {
   }
 
   private listAvailableTags(): Observable<string[]> {
-    return tagsService.list();
+    return tagsListAll();
   }
 }
 </script>
diff --git a/seaside/src/configuration/components/profile/ProfileTab.vue b/seaside/src/configuration/components/profile/ProfileTab.vue
index 9f78ff9e..223bc53e 100644
--- a/seaside/src/configuration/components/profile/ProfileTab.vue
+++ b/seaside/src/configuration/components/profile/ProfileTab.vue
@@ -77,7 +77,7 @@ export default class ProfileTab extends Vue {
   get avatar(): string {
     let avatarHash = '0';
     const user = this.store.state.user.user;
-    if (user.mail !== '') {
+    if (user.mail && user.mail !== '') {
       avatarHash = MD5.generate(user.mail);
     }
     return `https://www.gravatar.com/avatar/${avatarHash}?s=96&d=retro`;
diff --git a/seaside/src/layout/components/sidenav/SideNavFilters.vue b/seaside/src/layout/components/sidenav/SideNavFilters.vue
index 217f2346..f99de803 100644
--- a/seaside/src/layout/components/sidenav/SideNavFilters.vue
+++ b/seaside/src/layout/components/sidenav/SideNavFilters.vue
@@ -10,15 +10,15 @@
         <li>
           <label class="label cursor-pointer py-1">
             <span class="label-text">{{ t('sidenav.filters.unread') }}</span>
-            <input type="checkbox" class="toggle"
-                   @change="onChangeUnread" :checked="newsStore.unread">
+            <input :checked="newsStore.unread" class="toggle"
+                   type="checkbox" @change="onChangeUnread">
           </label>
         </li>
         <li>
           <label class="label cursor-pointer py-1">
             <span class="label-text">{{ t('sidenav.filters.popular') }}</span>
-            <input type="checkbox" class="toggle"
-                   @change="onChangePopular" :checked="newsStore.popular">
+            <input :checked="newsStore.popular" class="toggle"
+                   type="checkbox" @change="onChangePopular">
           </label>
         </li>
       </ul>
@@ -31,7 +31,7 @@
 
       <ul class="flex flex-wrap list-none mt-4">
         <li v-for="tag in tags" v-bind:key="tag">
-          <button class="badge m-1" :class="{'badge-accent': newsStore.tags[0] && tag === newsStore.tags[0]}"
+          <button :class="{'badge-accent': newsStore.tags[0] && tag === newsStore.tags[0]}" class="badge m-1"
                   @click="selectTag">
             {{ tag }}
           </button>
@@ -50,7 +50,7 @@
 
 <script lang="ts">
 import { Component, Vue } from 'vue-facing-decorator';
-import tagsService from '@/techwatch/services/TagsService';
+import { tagsListAll } from '@/techwatch/services/TagsService';
 import { actionServiceReload } from '@/common/services/ReloadActionService';
 import { Router, useRouter } from 'vue-router';
 import { useStore } from 'vuex';
@@ -86,18 +86,18 @@ export default class SideNavFilters extends Vue {
   private newsStore: NewsStore;
   private tags: string[] = [];
 
+  get feedFilter(): FeedFilter | undefined {
+    return this.newsStore.feed;
+  }
+
   mounted(): void {
-    tagsService.list().subscribe({
+    tagsListAll().subscribe({
       next: tags => {
         this.tags = tags;
       },
     });
   }
 
-  get feedFilter(): FeedFilter | undefined {
-    return this.newsStore.feed;
-  }
-
   selectTag(event: MouseEvent): void {
     const currentTags = this.newsStore.tags;
     const selected = (event.target as HTMLElement).innerText;
diff --git a/seaside/src/security/pages/LoginPage.vue b/seaside/src/security/pages/LoginPage.vue
index 4b2d32c7..a0b77da1 100644
--- a/seaside/src/security/pages/LoginPage.vue
+++ b/seaside/src/security/pages/LoginPage.vue
@@ -29,7 +29,7 @@
                    type="password"
                    @keyup="formValidation=false">
           </label>
-          <button class="btn btn-primary mt-4 w-full mt-8" type="submit">{{ t('login.login') }}</button>
+          <button class="btn btn-primary w-full mt-8" type="submit">{{ t('login.login') }}</button>
         </form>
       </div>
     </div>
diff --git a/seaside/src/teams/components/TeamEditor.vue b/seaside/src/teams/components/TeamEditor.vue
index 869e266d..b2a1cd47 100644
--- a/seaside/src/teams/components/TeamEditor.vue
+++ b/seaside/src/teams/components/TeamEditor.vue
@@ -106,7 +106,7 @@ export default class TeamEditor extends Vue {
             next: team => {
               Object.assign(this.value.data, team);
               this.payload.updated = true;
-              store.commit(USER_ADD_ROLE_MUTATION, `MANAGER:${team._id}`);
+              this.store.commit(USER_ADD_ROLE_MUTATION, `MANAGER:${team._id}`);
               notificationService.pushSimpleOk(`Team ${team.name} saved successfully !`);
             },
           });
diff --git a/seaside/src/techwatch/services/TagsService.ts b/seaside/src/techwatch/services/TagsService.ts
index 8541c9a4..8d6ea0ab 100644
--- a/seaside/src/techwatch/services/TagsService.ts
+++ b/seaside/src/techwatch/services/TagsService.ts
@@ -1,25 +1,18 @@
-import {switchMap, take} from "rxjs/operators";
-import {HttpStatusError} from "@/common/errors/HttpStatusError";
-import {from, Observable} from "rxjs";
+import { switchMap, take } from 'rxjs/operators';
+import { HttpStatusError } from '@/common/errors/HttpStatusError';
+import { from, Observable } from 'rxjs';
 import rest from '@/common/services/RestWrapper';
 
-export class TagsService {
-    /**
-     * List all available tags from backend
-     */
-    list(): Observable<string[]> {
-        return rest.get('/tags').pipe(
-            switchMap(response => {
-                if (response.ok) {
-                    const data: Observable<string[]> = from(response.json());
-                    return data;
-                } else {
-                    throw new HttpStatusError(response.status, `Error while getting tags.`);
-                }
-            }),
-            take(1)
-        );
-    }
+export function tagsListAll(): Observable<string[]> {
+    return rest.get('/tags').pipe(
+        switchMap(response => {
+            if (response.ok) {
+                const data: Observable<string[]> = from(response.json());
+                return data;
+            } else {
+                throw new HttpStatusError(response.status, `Error while getting tags.`);
+            }
+        }),
+        take(1),
+    );
 }
-
-export default new TagsService();
\ No newline at end of file
diff --git a/seaside/tests/unit/administration/component/UserAdminTab.test.ts b/seaside/tests/unit/administration/component/UserAdminTab.test.ts
new file mode 100644
index 00000000..43145b40
--- /dev/null
+++ b/seaside/tests/unit/administration/component/UserAdminTab.test.ts
@@ -0,0 +1,32 @@
+import { describe, expect, test, vi } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createI18n } from 'vue-i18n';
+import UserAdminTab from '@/administration/component/UserAdminTab.vue';
+import { of } from 'rxjs';
+import { userList } from '@/security/services/UserService';
+
+vi.mock('@/security/services/UserService', () => {
+    return {
+        userList: vi.fn().mockImplementation(() => of({ data: [] })),
+    };
+});
+
+describe('UserAdminTab', () => {
+    test('render user admin tab', () => {
+
+        const i18n = createI18n({
+            legacy: false,
+            missingWarn: false,
+            messages: { 'en': {} },
+        });
+
+        const wrapper = mount(UserAdminTab, {
+            global: {
+                plugins: [i18n],
+            },
+        });
+        expect(wrapper.find('table').exists()).toBe(true);
+        expect(wrapper.find('table').attributes('aria-describedby')).toEqual('User List');
+        expect(userList).toHaveBeenCalledWith(0);
+    });
+});
\ No newline at end of file
diff --git a/seaside/tests/unit/administration/page/AdministrationPage.test.ts b/seaside/tests/unit/administration/page/AdministrationPage.test.ts
new file mode 100644
index 00000000..f0182571
--- /dev/null
+++ b/seaside/tests/unit/administration/page/AdministrationPage.test.ts
@@ -0,0 +1,48 @@
+import { describe, expect, test, vi } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createI18n } from 'vue-i18n';
+import AdministrationPage from '@/administration/page/AdministrationPage.vue';
+import { createRouter, createWebHashHistory } from 'vue-router';
+import { routes as adminRoutes } from '@/administration/router';
+import LoginPage from '@/security/pages/LoginPage.vue';
+import UserAdminTab from '@/administration/component/UserAdminTab.vue';
+import { of } from 'rxjs';
+
+vi.mock('@/security/services/UserService', () => {
+    return {
+        userList: vi.fn().mockImplementation(() => of({ data: [] })),
+    };
+});
+
+describe('AdministrationPage', () => {
+    test('render user /admin page', async () => {
+
+        const $store = {
+            state: { user: { user: { _id: '42' } } },
+            commit: vi.fn(),
+        };
+        const i18n = createI18n({
+            legacy: false,
+            missingWarn: false,
+            messages: { 'en': {} },
+        });
+
+        const router = createRouter({
+            history: createWebHashHistory(),
+            routes: [
+                ...adminRoutes,
+                { path: '/', component: LoginPage, name: 'test' },
+            ],
+        });
+        await router.push('/admin');
+        await router.isReady();
+        const wrapper = mount(AdministrationPage, {
+            global: {
+                plugins: [i18n, router],
+                provide: { store: $store },
+            },
+        });
+        expect(wrapper.find('nav').exists()).toBe(true);
+        expect(wrapper.findComponent(UserAdminTab).isVisible()).toBe(true);
+    });
+});
\ No newline at end of file
diff --git a/seaside/tests/unit/common/components/BaywatchIcon.test.ts b/seaside/tests/unit/common/components/BaywatchIcon.test.ts
new file mode 100644
index 00000000..6ee36320
--- /dev/null
+++ b/seaside/tests/unit/common/components/BaywatchIcon.test.ts
@@ -0,0 +1,11 @@
+import { describe, expect, test } from 'vitest';
+import { mount } from '@vue/test-utils';
+import BaywatchIcon from '@/common/components/BaywatchIcon.vue';
+
+describe('BaywatchIcon', () => {
+    test('render Baywatch Icon', async () => {
+        const wrapper = mount(BaywatchIcon);
+
+        expect(wrapper.find('svg').exists()).toBe(true);
+    });
+});
\ No newline at end of file
diff --git a/seaside/tests/unit/common/components/FileUploadWindow.test.ts b/seaside/tests/unit/common/components/FileUploadWindow.test.ts
new file mode 100644
index 00000000..b4a7a76a
--- /dev/null
+++ b/seaside/tests/unit/common/components/FileUploadWindow.test.ts
@@ -0,0 +1,22 @@
+import { describe, expect, test } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createI18n } from 'vue-i18n';
+import FileUploadWindow from '@/common/components/FileUploadWindow.vue';
+
+describe('FileUploadWindow', () => {
+    test('render file upload window', async () => {
+        const i18n = createI18n({
+            legacy: false,
+            missingWarn: false,
+            messages: { 'en': {} },
+        });
+
+        const wrapper = mount(FileUploadWindow, {
+            global: {
+                plugins: [i18n],
+            },
+        });
+
+        expect(wrapper.find('button').exists()).toBe(true);
+    });
+});
\ No newline at end of file
diff --git a/seaside/tests/unit/configuration/components/SettingsTabVue.test.ts b/seaside/tests/unit/configuration/components/SettingsTabVue.test.ts
index 2089d936..79ed9fe0 100644
--- a/seaside/tests/unit/configuration/components/SettingsTabVue.test.ts
+++ b/seaside/tests/unit/configuration/components/SettingsTabVue.test.ts
@@ -2,6 +2,13 @@ import { describe, expect, test, vi } from 'vitest';
 import { mount } from '@vue/test-utils';
 import SettingsTab from '@/configuration/components/SettingsTab.vue';
 import { createI18n } from 'vue-i18n';
+import { of } from 'rxjs';
+
+vi.mock('@/security/services/UserSettingsService', () => {
+    return {
+        userSettingsGet: vi.fn().mockImplementation(() => of({})),
+    };
+});
 
 describe('SettingsTab', () => {
     test('renders a div', () => {
@@ -11,7 +18,14 @@ describe('SettingsTab', () => {
         };
         const i18n = createI18n({
             legacy: false,
+            messages: {
+                'en': {
+                    'config.settings.form.preferredLocale': 'en',
+                    'config.settings.form.action.save': 'Save',
+                },
+            },
         });
+
         const wrapper = mount(SettingsTab, {
             global: {
                 plugins: [i18n],
diff --git a/seaside/tests/unit/configuration/components/feedslist/FeedEditor.test.ts b/seaside/tests/unit/configuration/components/feedslist/FeedEditor.test.ts
new file mode 100644
index 00000000..0c0b153f
--- /dev/null
+++ b/seaside/tests/unit/configuration/components/feedslist/FeedEditor.test.ts
@@ -0,0 +1,39 @@
+import { describe, expect, test, vi } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createI18n } from 'vue-i18n';
+import FeedEditor from '@/configuration/components/feedslist/FeedEditor.vue';
+import { of } from 'rxjs';
+
+vi.mock('@/techwatch/services/TagsService', () => {
+    return {
+        tagsListAll: vi.fn().mockImplementation(() => of(['jedi', 'sith'])),
+    };
+});
+
+describe('FeedEditor', () => {
+    test('render feed editor', async () => {
+        const i18n = createI18n({
+            legacy: false,
+            missingWarn: false,
+            messages: { 'en': {} },
+        });
+
+        const wrapper = mount(FeedEditor, {
+            props: {
+                modelValue: {
+                    data: { name: 'Rogue One' },
+                },
+            },
+            data() {
+                return {
+                    isOpened: true,
+                };
+            },
+            global: {
+                plugins: [i18n],
+            },
+        });
+
+        expect(wrapper.find('button').exists()).toBe(true);
+    });
+});
\ No newline at end of file
diff --git a/seaside/tests/unit/configuration/components/feedslist/FeedsList.test.ts b/seaside/tests/unit/configuration/components/feedslist/FeedsList.test.ts
new file mode 100644
index 00000000..77d34da4
--- /dev/null
+++ b/seaside/tests/unit/configuration/components/feedslist/FeedsList.test.ts
@@ -0,0 +1,47 @@
+import { describe, expect, test, vi } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createI18n } from 'vue-i18n';
+import { of } from 'rxjs';
+import FeedsList from '@/configuration/components/feedslist/FeedsList.vue';
+import { createRouter, createWebHashHistory } from 'vue-router';
+import LoginPage from '@/security/pages/LoginPage.vue';
+
+vi.mock('@/configuration/services/FeedService', () => {
+    return {
+        default: {
+            list: vi.fn().mockImplementation(() => of({
+                totalPage: 1,
+                currentPage: 1,
+                data: of([]),
+            })),
+        },
+    };
+});
+
+describe('FeedsList', () => {
+    test('render feed list', async () => {
+        const $store = {
+            state: { user: { user: { _id: '42' } } },
+            commit: vi.fn(),
+        };
+        const i18n = createI18n({
+            legacy: false,
+            missingWarn: false,
+            messages: { 'en': {} },
+        });
+        const router = createRouter({
+            history: createWebHashHistory(),
+            routes: [
+                { path: '/', component: LoginPage, name: 'test' },
+            ],
+        });
+        const wrapper = mount(FeedsList, {
+            global: {
+                plugins: [i18n, router],
+                provide: { store: $store },
+            },
+        });
+
+        expect(wrapper.find('button').exists()).toBe(true);
+    });
+});
\ No newline at end of file
diff --git a/seaside/tests/unit/configuration/components/profile/ChangePasswordModal.test.ts b/seaside/tests/unit/configuration/components/profile/ChangePasswordModal.test.ts
new file mode 100644
index 00000000..2e7159e5
--- /dev/null
+++ b/seaside/tests/unit/configuration/components/profile/ChangePasswordModal.test.ts
@@ -0,0 +1,23 @@
+import { describe, expect, test } from 'vitest';
+import { mount } from '@vue/test-utils';
+import ChangePasswordModal from '@/configuration/components/profile/ChangePasswordModal.vue';
+import { createI18n } from 'vue-i18n';
+import ModalWindow from '@/common/components/ModalWindow.vue';
+
+describe('ChangePasswordModal', () => {
+    test('renders a div', async () => {
+        const i18n = createI18n({
+            legacy: false,
+            missingWarn: false,
+            messages: { 'en': {} },
+        });
+        const wrapper = mount(ChangePasswordModal, { global: { plugins: [i18n] } });
+        const modalWrapper = wrapper.findComponent(ModalWindow);
+        expect(modalWrapper.exists()).toBe(true);
+        expect(modalWrapper.isVisible()).toBe(false);
+
+        await wrapper.setProps({ isOpen: true });
+        expect(modalWrapper.isVisible()).toBe(false);
+        expect(modalWrapper.find('button').exists()).toBe(true);
+    });
+});
\ No newline at end of file
diff --git a/seaside/tests/unit/configuration/components/profile/ProfileTab.test.ts b/seaside/tests/unit/configuration/components/profile/ProfileTab.test.ts
new file mode 100644
index 00000000..cb076bfc
--- /dev/null
+++ b/seaside/tests/unit/configuration/components/profile/ProfileTab.test.ts
@@ -0,0 +1,34 @@
+import { describe, expect, test, vi } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createI18n } from 'vue-i18n';
+import { of } from 'rxjs';
+import ProfileTab from '@/configuration/components/profile/ProfileTab.vue';
+
+vi.mock('@/security/services/UserService', () => {
+    return {
+        userList: vi.fn().mockImplementation(() => of({ data: [] })),
+    };
+});
+
+describe('ProfileTab', () => {
+    test('render config profile tab', () => {
+        const i18n = createI18n({
+            legacy: false,
+            missingWarn: false,
+            messages: { 'en': {} },
+        });
+        const $store = {
+            state: { user: { user: { _id: '42' } } },
+            commit: vi.fn(),
+        };
+        const wrapper = mount(ProfileTab, {
+            global: {
+                plugins: [i18n],
+                provide: { store: $store },
+            },
+        });
+        expect(wrapper.find('img').exists()).toBe(true);
+        expect(wrapper.find('img').attributes('src'))
+            .toEqual('https://www.gravatar.com/avatar/0?s=96&d=retro');
+    });
+});
\ No newline at end of file
diff --git a/seaside/tests/unit/security/pages/LoginPage.test.ts b/seaside/tests/unit/security/pages/LoginPage.test.ts
new file mode 100644
index 00000000..74d21f28
--- /dev/null
+++ b/seaside/tests/unit/security/pages/LoginPage.test.ts
@@ -0,0 +1,31 @@
+import { describe, expect, test, vi } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createI18n } from 'vue-i18n';
+import LoginPage from '@/security/pages/LoginPage.vue';
+import { createRouter, createWebHashHistory } from 'vue-router';
+
+describe('LoginPage', () => {
+    test('render', async () => {
+        const i18n = createI18n({
+            legacy: false,
+            missingWarn: false,
+            messages: { 'en': {} },
+        });
+        const $store = {
+            state: { user: { user: { _id: '42' } } },
+            commit: vi.fn(),
+        };
+        const wrapper = mount(LoginPage, {
+            global: {
+                plugins: [i18n, createRouter({
+                    history: createWebHashHistory(),
+                    routes: [
+                        { path: '/', component: LoginPage, name: 'test' }
+                    ],
+                })],
+                provide: { store: $store },
+            },
+        });
+        expect(wrapper.find('button').exists()).toBe(true);
+    });
+});
\ No newline at end of file
diff --git a/seaside/tests/unit/teams/components/TeamEditor.test.ts b/seaside/tests/unit/teams/components/TeamEditor.test.ts
new file mode 100644
index 00000000..0a43a020
--- /dev/null
+++ b/seaside/tests/unit/teams/components/TeamEditor.test.ts
@@ -0,0 +1,51 @@
+import { describe, expect, test, vi } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createI18n } from 'vue-i18n';
+import TeamEditor from '@/teams/components/TeamEditor.vue';
+import CurtainModal from '@/common/components/CurtainModal.vue';
+
+describe('TeamsPage', () => {
+    test('render team page', async () => {
+        const $store = {
+            state: { user: { user: { _id: '42' } } },
+            getters: {
+                'user/hasRoleUser': true,
+            },
+        };
+        const i18n = createI18n({
+            legacy: false,
+            missingWarn: false,
+            messages: { 'en': {} },
+        });
+
+        const wrapper = mount(TeamEditor, {
+            props: {
+                modelValue: {
+                    data: { name: 'Rogue One' },
+                },
+            },
+            global: {
+                plugins: [i18n],
+                provide: { store: $store },
+            },
+        });
+
+        const curtainWrapper = wrapper.findComponent(CurtainModal);
+        const element = await vi.waitFor(
+            () => curtainWrapper.find('h2').exists()
+                ? Promise.resolve(curtainWrapper.find('h2'))
+                : Promise.reject(),
+        );
+
+        expect(element.text()).toEqual('Edit Team');
+        expect(wrapper.findAll('button').length).toEqual(1);
+
+        await wrapper.setProps({
+            modelValue: {
+                isEditable: true,
+                data: { name: 'Rogue One' },
+            },
+        });
+        expect(wrapper.findAll('button').length).toEqual(2);
+    });
+});
\ No newline at end of file
diff --git a/seaside/tests/unit/teams/pages/TeamsPage.test.ts b/seaside/tests/unit/teams/pages/TeamsPage.test.ts
new file mode 100644
index 00000000..8d95425f
--- /dev/null
+++ b/seaside/tests/unit/teams/pages/TeamsPage.test.ts
@@ -0,0 +1,38 @@
+import { describe, expect, test, vi } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { createI18n } from 'vue-i18n';
+import { of } from 'rxjs';
+import { teamsList } from '@/teams/services/Teams.service';
+import TeamsPage from '@/teams/pages/TeamsPage.vue';
+
+vi.mock('@/teams/services/Teams.service', () => {
+    return {
+        teamsList: vi.fn().mockImplementation(() => of({ data: [] })),
+    };
+});
+
+describe('TeamsPage', () => {
+    test('render team page', () => {
+        const $store = {
+            state: { user: { user: { _id: '42' } } },
+            getters: {
+                'user/hasRoleUser': true,
+            },
+        };
+        const i18n = createI18n({
+            legacy: false,
+            missingWarn: false,
+            messages: { 'en': {} },
+        });
+
+        const wrapper = mount(TeamsPage, {
+            global: {
+                plugins: [i18n],
+                provide: { store: $store },
+            },
+        });
+        expect(wrapper.find('table').exists()).toBe(true);
+        expect(wrapper.find('table').attributes('aria-describedby')).toEqual('smarttable.aria.usersList');
+        expect(teamsList).toHaveBeenCalledWith(0);
+    });
+});
\ No newline at end of file
diff --git a/seaside/tsconfig.json b/seaside/tsconfig.json
index e6311367..0a718fdb 100644
--- a/seaside/tsconfig.json
+++ b/seaside/tsconfig.json
@@ -15,7 +15,7 @@
     "types": [
       "webpack-env",
       "node",
-      "jest",
+      "vitest/globals"
     ],
     "paths": {
       "@/*": [
diff --git a/seaside/vitest.config.ts b/seaside/vitest.config.ts
index fbf44a72..173ba222 100644
--- a/seaside/vitest.config.ts
+++ b/seaside/vitest.config.ts
@@ -5,7 +5,11 @@ export default defineConfig(configEnv => mergeConfig(
     viteConfig(configEnv),
     defineConfig({
         test: {
+            global: true,
             environment: 'jsdom',
+            coverage: {
+                reporter: ['text', 'lcov'],
+            },
         },
     }),
 ));
diff --git a/seaside/yarn.lock b/seaside/yarn.lock
index 779d0ea6..20063214 100644
--- a/seaside/yarn.lock
+++ b/seaside/yarn.lock
@@ -32,6 +32,13 @@
   dependencies:
     "@babel/types" "^7.25.2"
 
+"@babel/parser@^7.25.4":
+  version "7.25.4"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.25.4.tgz#af4f2df7d02440286b7de57b1c21acfb2a6f257a"
+  integrity sha512-nq+eWrOgdtu3jG5Os4TQP3x3cLA8hR8TvJNjD8vnPa20WGycimcparWnLK4jJhElTK6SDyuJo1weMKO/5LpmLA==
+  dependencies:
+    "@babel/types" "^7.25.4"
+
 "@babel/types@^7.25.2":
   version "7.25.2"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.2.tgz#55fb231f7dc958cd69ea141a4c2997e819646125"
@@ -41,6 +48,20 @@
     "@babel/helper-validator-identifier" "^7.24.7"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.25.4":
+  version "7.25.4"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.25.4.tgz#6bcb46c72fdf1012a209d016c07f769e10adcb5f"
+  integrity sha512-zQ1ijeeCXVEh+aNL0RlmkPkG8HUiDcU2pzQQFjtbntgAczRASFzj4H+6+bV+dy1ntKR14I/DypeuRG1uma98iQ==
+  dependencies:
+    "@babel/helper-string-parser" "^7.24.8"
+    "@babel/helper-validator-identifier" "^7.24.7"
+    to-fast-properties "^2.0.0"
+
+"@bcoe/v8-coverage@^0.2.3":
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
+  integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
+
 "@esbuild/aix-ppc64@0.21.5":
   version "0.21.5"
   resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f"
@@ -250,6 +271,11 @@
     wrap-ansi "^8.1.0"
     wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
 
+"@istanbuljs/schema@^0.1.2":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
+  integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
+
 "@jridgewell/gen-mapping@^0.3.2", "@jridgewell/gen-mapping@^0.3.5":
   version "0.3.5"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36"
@@ -274,7 +300,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz#3188bcb273a414b0d215fd22a58540b989b9409a"
   integrity sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==
 
-"@jridgewell/trace-mapping@^0.3.24":
+"@jridgewell/trace-mapping@^0.3.23", "@jridgewell/trace-mapping@^0.3.24":
   version "0.3.25"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0"
   integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==
@@ -579,6 +605,24 @@
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-5.1.2.tgz#f11091e0130eca6c1ca8cfb85ee71ea53b255d31"
   integrity sha512-nY9IwH12qeiJqumTCLJLE7IiNx7HZ39cbHaysEUd+Myvbz9KAqd2yq+U01Kab1R/H1BmiyM2ShTYlNH32Fzo3A==
 
+"@vitest/coverage-v8@2.0.5":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@vitest/coverage-v8/-/coverage-v8-2.0.5.tgz#411961ce4fd1177a32b4dd74ab576ed3b859155e"
+  integrity sha512-qeFcySCg5FLO2bHHSa0tAZAOnAUbp4L6/A5JDuj9+bt53JREl8hpLjLHEWF0e/gWc8INVpJaqA7+Ene2rclpZg==
+  dependencies:
+    "@ampproject/remapping" "^2.3.0"
+    "@bcoe/v8-coverage" "^0.2.3"
+    debug "^4.3.5"
+    istanbul-lib-coverage "^3.2.2"
+    istanbul-lib-report "^3.0.1"
+    istanbul-lib-source-maps "^5.0.6"
+    istanbul-reports "^3.1.7"
+    magic-string "^0.30.10"
+    magicast "^0.3.4"
+    std-env "^3.7.0"
+    test-exclude "^7.0.1"
+    tinyrainbow "^1.2.0"
+
 "@vitest/expect@2.0.5":
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-2.0.5.tgz#f3745a6a2c18acbea4d39f5935e913f40d26fa86"
@@ -1085,7 +1129,7 @@ de-indent@^1.0.2:
   resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
   integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
 
-debug@4, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5:
+debug@4, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5:
   version "4.3.6"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.6.tgz#2ab2c38fbaffebf8aa95fdfe6d88438c7a13c52b"
   integrity sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==
@@ -1455,7 +1499,7 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
-glob@^10.3.10, glob@^10.3.3:
+glob@^10.3.10, glob@^10.3.3, glob@^10.4.1:
   version "10.4.5"
   resolved "https://registry.yarnpkg.com/glob/-/glob-10.4.5.tgz#f4d9f0b90ffdbab09c9d77f5f29b4262517b0956"
   integrity sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==
@@ -1513,6 +1557,11 @@ html-encoding-sniffer@^4.0.0:
   dependencies:
     whatwg-encoding "^3.1.1"
 
+html-escaper@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
+  integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
+
 http-proxy-agent@^7.0.2:
   version "7.0.2"
   resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz#9a8b1f246866c028509486585f62b8f2c18c270e"
@@ -1620,6 +1669,37 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
+istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz#2d166c4b0644d43a39f04bf6c2edd1e585f31756"
+  integrity sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==
+
+istanbul-lib-report@^3.0.0, istanbul-lib-report@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz#908305bac9a5bd175ac6a74489eafd0fc2445a7d"
+  integrity sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==
+  dependencies:
+    istanbul-lib-coverage "^3.0.0"
+    make-dir "^4.0.0"
+    supports-color "^7.1.0"
+
+istanbul-lib-source-maps@^5.0.6:
+  version "5.0.6"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-5.0.6.tgz#acaef948df7747c8eb5fbf1265cb980f6353a441"
+  integrity sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.23"
+    debug "^4.1.1"
+    istanbul-lib-coverage "^3.0.0"
+
+istanbul-reports@^3.1.7:
+  version "3.1.7"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.7.tgz#daed12b9e1dca518e15c056e1e537e741280fa0b"
+  integrity sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==
+  dependencies:
+    html-escaper "^2.0.0"
+    istanbul-lib-report "^3.0.0"
+
 jackspeak@^3.1.2:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a"
@@ -1765,6 +1845,22 @@ magic-string@^0.30.10:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.5.0"
 
+magicast@^0.3.4:
+  version "0.3.5"
+  resolved "https://registry.yarnpkg.com/magicast/-/magicast-0.3.5.tgz#8301c3c7d66704a0771eb1bad74274f0ec036739"
+  integrity sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==
+  dependencies:
+    "@babel/parser" "^7.25.4"
+    "@babel/types" "^7.25.4"
+    source-map-js "^1.2.0"
+
+make-dir@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-4.0.0.tgz#c3c2307a771277cd9638305f915c29ae741b614e"
+  integrity sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==
+  dependencies:
+    semver "^7.5.3"
+
 md5-js-tools@1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/md5-js-tools/-/md5-js-tools-1.0.2.tgz#6fd5b257596ea39e44c1e17f2dbc6673057e7c41"
@@ -2394,6 +2490,15 @@ tailwindcss@3.4.9:
     resolve "^1.22.2"
     sucrase "^3.32.0"
 
+test-exclude@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-7.0.1.tgz#20b3ba4906ac20994e275bbcafd68d510264c2a2"
+  integrity sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==
+  dependencies:
+    "@istanbuljs/schema" "^0.1.2"
+    glob "^10.4.1"
+    minimatch "^9.0.4"
+
 text-table@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
diff --git a/sonar-project.properties b/sonar-project.properties
index 6dfbd533..55c8a67b 100644
--- a/sonar-project.properties
+++ b/sonar-project.properties
@@ -1 +1,9 @@
-sonar.exclusions=seaside/src/locales/**
+sonar.projectKey=Marthym_baywatch
+sonar.javascript.lcov.reportPaths=seaside/coverage/lcov.info
+sonar.organization=ght1pc9kc-fr
+sonar.host.url=https://sonarcloud.io
+sonar.coverage.jacoco.xmlReportPaths=**/jacoco.xml
+sonar.coverage.exclusions=**/*.html,**/*.test.*
+sonar.exclusions=**/*.html,seaside/src/locales/**,seaside/dist/**
+sonar.java.binaries=sandside/target/classes/**
+sonar.java.libraries=sandside/target/dependency