fcad-core-dragon 2.2.0-beta.1 → 2.2.0

package/vitest.config.js

@@ -13,30 +13,42 @@ export default defineConfig({
       }
     }
   },
+
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+      '@/router/routes.js': fileURLToPath(
+        new URL('./tests/mocks/routes.mock.js', import.meta.url)
+      )
+    }
+  },
+
   test: {
     setupFiles: ['vitest.setup.js'],
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
-    },
+    environment: 'happy-dom',
+
     server: {
       deps: {
         inline: ['vuetify']
       }
     },
-    environment: 'happy-dom',
+
     exclude: [...configDefaults.exclude, 'tests/component/**', '**/_*.spec.js'],
+
     root: fileURLToPath(new URL('./', import.meta.url)),
+
     coverage: {
       provider: 'v8',
       reporter: ['text', 'json', 'cobertura'],
       reportsDirectory: './coverage',
       include: ['src/**/*.{js,vue}'],
       exclude: ['tests/**/*'],
-      lines: 0, // test must cover at least 80% of lines
-      branches: 0, // test must cover at least 80% of branches (if, else, switch, case...)
-      functions: 0, // test must cover at least 80% of functions
-      statements: 0 // test must cover at least 80% of statements/instructions
+      lines: 0,
+      branches: 0,
+      functions: 0,
+      statements: 0
     }
   },
+
   plugins: [vue()]
 })

package/vitest.setup.js

@@ -1,5 +1,5 @@
 //Mock Vuetify, vue-i18n and event bus
-import { vi } from 'vitest'
+import { vi, beforeEach } from 'vitest'
 import { config } from '@vue/test-utils'
 import { createI18n } from 'vue-i18n'
 import { createVuetify } from 'vuetify'
@@ -7,7 +7,9 @@ import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
 import * as frMessages from './src/$locales/fr.json'
 import * as enMessages from './src/$locales/en.json'
+import '@testing-library/jest-dom/vitest'
 import bus from './src/plugins/bus'
+import { createPinia, setActivePinia } from 'pinia'
 
 //create vuetify instance
 const vuetify = createVuetify({
@@ -25,38 +27,20 @@ const i18n = createI18n({
   }
 })
 
-// Suppress console warnings and errors during tests
 vi.spyOn(console, 'warn').mockImplementation(() => {})
 vi.spyOn(console, 'error').mockImplementation(() => {})
 
 // Global mock of Router
 // =========================================
-vi.mock('@/router/index.js', () => ({
-  default: {
+vi.mock('vue-router', () => ({
+  useRouter: () => ({
     push: vi.fn(),
-    back: vi.fn(),
-    currentRoute: { value: { meta: {}, params: {}, query: {} } }
-  }
-}))
-
-// Global mock of Pinia store
-// =========================================
-vi.mock('@/module/stores/appStore', () => ({
-  useAppStore: () => ({
-    getAppConfigs: {
-      lang: 'fr'
-    },
-
-    getCurrentBrowser: 'Chrome',
-
-    getCurrentPage: {
-      id: 'P01',
-      activityRef: 'A03'
-    },
-
-    updateCurrentMediaElements: vi.fn(() => Promise.resolve()),
-    getPageInteraction: {},
-    getUserInteraction: {}
+    back: vi.fn()
+  }),
+  useRoute: () => ({
+    meta: {},
+    params: {},
+    query: {}
   })
 }))
 
@@ -67,13 +51,28 @@ vi.mock('@/shared/validators.js', () => ({
   validateString: vi.fn(() => true),
   validateNumber: vi.fn(() => true),
   validateVideoData: vi.fn(() => []),
-  validateAudioData: vi.fn(() => [])
+  validateAudioData: vi.fn(() => []),
+  validateProp: vi.fn(() => [])
 }))
 
 //setup as global plugins used by all tests
-config.global.plugins = [i18n, vuetify, bus]
+config.global.plugins.push(i18n, vuetify, bus)
+
+//Setup a new pinia instance before each test
+//=========================================
+//NOTE:
+// Do NOT use createTestingPinia() globally
+// Pinia mocking must be done per-test using createTestingPinia()
+// to avoid hidden side effects and false-positive tests.
+// https://pinia.vuejs.org/cookbook/testing.html#using-the-testing-plugin
+// https://pinia.vuejs.org/cookbook/testing.html
+
+beforeEach(() => {
+  setActivePinia(createPinia())
+})
 
 // Global mock of components
+//=========================================
 config.global.stubs = {
   AppBaseErrorDisplay: true,
   AppBaseSkeleton: true,
@@ -88,9 +87,12 @@ config.global.mocks = {
       id: 'P01'
     }
   },
-  $bus: {
-    $on: vi.fn(),
-    $emit: vi.fn(),
-    $off: vi.fn()
+  // $bus: {
+  //   $on: vi.fn(),
+  //   $emit: vi.fn(),
+  //   $off: vi.fn()
+  // },
+  $helper: {
+    formatTime: vi.fn((t) => `00:${t}`)
   }
 }

package/.vscode/extensions.json

@@ -1,8 +0,0 @@
-{
-  "recommendations": [
-    "Vue.volar",
-    "dbaeumer.vscode-eslint",
-    "EditorConfig.EditorConfig",
-    "esbenp.prettier-vscode"
-  ]
-}

package/.vscode/settings.json

@@ -1,16 +0,0 @@
-{
-  "explorer.fileNesting.enabled": true,
-  "explorer.fileNesting.patterns": {
-    "tsconfig.json": "tsconfig.*.json, env.d.ts",
-    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
-    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .prettier*, prettier*, .editorconfig"
-  },
-  "editor.codeActionsOnSave": {
-    "source.fixAll": "explicit"
-  },
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "[vue]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  }
-}

package/tests/unit/AppCompQuizNext.spec.js

@@ -1,112 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { beforeEach, describe, it, expect, vi } from 'vitest'
-import { createTestingPinia } from '@pinia/testing'
-
-// Les mocks doivent être "hoistés" (déclarés avant l'import du composant)
-beforeEach(() => {
-  vi.mock('@/shared/generalfuncs.js', () => ({
-    fileAssets: { getActivities: () => [] }
-  }))
-  vi.mock('@/router/routes.js', () => ({
-    mappedFiles: []
-  }))
-  vi.mock('@/router/index.js', () => ({
-    default: { push: vi.fn(), currentRoute: { value: {} } }
-  }))
-  vi.mock('@/shared/validators.js', () => ({
-    validateObjType: () => true,
-    validateString: () => true,
-    validateQuizData: () => ({ errorInConsole: [] }),
-    validateNumber: () => true
-  }))
-})
-
-import AppCompQuizNext from '@/components/AppCompQuizNext.vue'
-
-describe('AppCompQuizNext', () => {
-  const stubs = {
-    AppCompInputRadio: {
-      template: '<div class="stub-radio"></div>',
-      props: ['modelValue', 'inputData', 'id', 'solution']
-    },
-    AppCompInputTextNx: {
-      template: '<input class="stub-text" />',
-      props: ['modelValue']
-    },
-    AppBaseErrorDisplay: {
-      template: '<div class="stub-error"></div>',
-      props: {
-        /* ... (props omises pour la clarté) ... */
-      }
-    },
-    AppBaseSkeleton: { template: '<div class="stub-skeleton"></div>' },
-    AppBaseButton: { template: '<button class="stub-button"></button>' }
-  }
-
-  it('rend un input radio si la question est de type choix_unique', () => {
-    const quizData = {
-      id: 1,
-      type_question: 'choix_unique',
-      ennonce: 'Quel est la deuxieme lettre de alphabet',
-      mode: ['A', 'B', 'C'],
-      solution: ['B']
-    }
-
-    const wrapper = mount(AppCompQuizNext, {
-      props: {
-        modelValue: ['A', 'B', 'C'],
-        consigne: false,
-        shuffleAnswers: false,
-        quizData: quizData // Passez la variable ici
-      },
-      global: {
-        stubs,
-        plugins: [createTestingPinia({ createSpy: vi.fn })],
-        provide: {
-          userInteraction: {
-            recordAnswer: vi.fn(),
-            hasInteracted: vi.fn(),
-            quizAnswers: {
-              [quizData.id]: { value: ['A'], total_attempts: 0 }
-            }
-          }
-        }
-      }
-    })
-
-    expect(wrapper.find('.stub-radio').exists()).toBe(true)
-  })
-
-  // it('rend un input texte si la question est de type text', async() => {
-  //   const wrapper = mount(AppCompQuizNext, {
-  //     props: {
-  //       question: {
-  //         id: 2,
-  //         type: 'text'
-  //       },
-  //       modelValue: ''
-  //     },
-  //     global: { stubs }
-  //   })
-  //   expect(wrapper.find('.stub-text').exists()).toBe(true)
-  // })
-
-  // it('émet update:modelValue quand l’utilisateur répond', async () => {
-  //   const wrapper = mount(AppCompQuizNext, {
-  //     props: {
-  //       question: { id: 1, type: 'text' },
-  //       modelValue: ''
-  //     },
-  //     global: {
-  //       stubs: {
-  //         AppCompInputTextNx: {
-  //           template: `<input @input="$emit('update:modelValue', 'hello')" />`
-  //         }
-  //       }
-  //     }
-  //   })
-  //   await wrapper.find('input').trigger('input')
-
-  //   expect(wrapper.emitted()['update:modelValue'][0]).toEqual(['hello'])
-  // })
-})