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

package/CHANGELOG

@@ -1,3 +1,10 @@
+2.2.0-beta.2(8 janvier 2026)
+	Correction du comportement de la playbar du lecteur vidéo (elle reste toujours visible, sauf en plein écran)
+
+	Correction de l’affichage du contenu de la section info (notes et sources) quand il n’y a que des notes ou que des sources
+
+	Correction du rappel de réponse ("skeleton" qui restait bloqué)
+
 2.2.0-beta.1(19 décembre 2025) ***Changements majeurs*** main.js et i18n.js doivent être remplacés dans vos cours
 	Correction texte troué et texte troué listes déroulantes (fin de texte manquante)
 

package/artifacts/playwright-report/index.html

@@ -82,4 +82,4 @@ Error generating stack: `+n.message+`
     <div id='root'></div>
   </body>
 </html>
-<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>
+<script id="playwrightReportBase64" type="application/zip">data:application/zip;base64,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</script>

package/package.json

@@ -65,5 +65,5 @@
     "watch": "nodemon -e js,vue,html,json -x yalc publish --push"
   },
   "type": "module",
-  "version": "2.2.0-beta.1"
+  "version": "2.2.0-beta.2"
 }

package/src/components/AppCompBranchButtons.vue

@@ -250,6 +250,7 @@ export default {
     this.isCard = this.cards && Object.keys(this.cards).length != 0
     this.idActivity = this.$router.currentRoute.value.meta.activity_ref
     this.branchs = this.$router.currentRoute.value.meta.children
+
     this.getbranchsData()
   },
   methods: {
@@ -271,7 +272,7 @@ export default {
         branchData.progression = progression
         if (isNaN(branchData.progression)) branchData.progression = 0
 
-        if (this.isCard) {
+        if (this.isCard && this.getMatchingElement(branchData.id)) {
           const { title, text, imgFile, imgAlt, btnTitle } =
             this.getMatchingElement(branchData.id)
 
@@ -476,12 +477,14 @@ export default {
      * @return {Object}  Matching element from
      */
     getMatchingElement(id) {
+      let matchingBranch = null
       if (this.isCustomButton) {
-        return this.customButtons.find((c) => c.brchName === id)
+        matchingBranch = this.customButtons.find((c) => c.brchName === id)
       }
       if (this.isCard) {
-        return this.cards.find((c) => c.brchName === id)
+        matchingBranch = this.cards.find((c) => c.brchName === id)
       }
+      return matchingBranch ? matchingBranch : null
     }
   }
 }

package/src/components/AppCompNoteCredit.vue

@@ -26,7 +26,7 @@
         :error-text="`Vous avez une/des erreur(s) dans la création des notes/crédits.`"
       ></app-base-error-display>
       <template v-else>
-        <div v-if="notes" class="ctn-note">
+        <div v-if="hasNotes" class="ctn-note">
           <p class="t-note">{{ $t('text.title_note') }}</p>
           <div id="notes-list">
             <template
@@ -62,7 +62,7 @@
             </template>
           </div>
         </div>
-        <div v-if="credits" class="ctn-credit">
+        <div v-if="hasCredits" class="ctn-credit">
           <p class="t-crdt">{{ $t('text.title_credit') }}</p>
 
           <ul id="credits-list">
@@ -109,7 +109,13 @@ export default {
       'getCurrentPage',
       'getNotes',
       'getCredits'
-    ])
+    ]),
+    hasNotes() {
+      return this.notes && this.notes.length
+    },
+    hasCredits() {
+      return this.credits && this.credits.length
+    }
   },
   created() {},
   beforeUnmount() {
@@ -414,10 +420,6 @@ export default {
     }
   }
 
-  // .note-txt {
-  //   pointer-events: none;
-  // }
-
   .box-nc {
     margin-top: 54px;
     overflow-y: auto;

package/src/components/AppCompPlayBarNext.vue

@@ -460,6 +460,7 @@ export default {
     const timer = reactive(new Timer(id)) // Making Timer instance reactive to be able to track changes
     const { t } = useI18n()
     return { id, store, timer, t }
+    //return { id, store, timer }
   },
   data() {
     return {
@@ -913,7 +914,7 @@ export default {
      * @description - handle all the listeners for medias
      */
     setMediaHandlers() {
-      if (this.mediaElement) {
+      if (this.mediaElement && this.mediaElement.addEventListener) {
         //Prevent default on keys used for navigation in the player (prevent scrollbar to be trigger when changing volume)
         this.pbContainer.addEventListener('keydown', this.keysPreventDefault)
         //progressBar events
@@ -921,7 +922,7 @@ export default {
         //window handlers for playbar progress
         window.addEventListener('mousemove', this.progressWindowMove)
         window.addEventListener('mouseup', this.progressWindowUp)
-
+        // console.log('⚠️--- TEST AppCompPlayBarNext---', this.mediaElement)
         //Update data when media as a timeupdate/ended
         this.mediaElement.addEventListener(
           'timeupdate',
@@ -1580,7 +1581,10 @@ export default {
      */
     setVideoHandlers() {
       //Tooltip
+      if (!this.progressArea || !this.progressArea.addEventListener) return
       this.progressArea.addEventListener('mousemove', this.updateSeekTooltip)
+
+      if (!this.mediaContainer || !this.mediaContainer.addEventListener) return
       //Fullscreen
       this.mediaContainer.addEventListener(
         'fullscreenchange',
@@ -1594,7 +1598,10 @@ export default {
      */
     removeVideoHandlers() {
       //Tooltip
+      if (!this.progressArea || !this.progressArea.addEventListener) return
       this.progressArea.removeEventListener('mousemove', this.updateSeekTooltip)
+      if (!this.mediaContainer || !this.mediaContainer.removeEventListener)
+        return
       //Fullscreen
       this.mediaContainer.removeEventListener(
         'fullscreenchange',
@@ -1777,7 +1784,8 @@ export default {
      */
 
     hideControls() {
-      if (this.mediaElement.paused) return
+      //Always show playbar when paused or not in fullscreen mode
+      if (this.mediaElement.paused || !document.fullscreenElement) return
 
       this.hideTimer = setTimeout(() => {
         this.showControlsValue = false

package/src/components/AppCompQuizRecall.vue

@@ -103,27 +103,15 @@ export default {
     //Watch for user interaction change to get quizRecall answer
     getUserInteraction: {
       async handler(newValue) {
-        //console.log('???')
         if (!this.getUserInteraction) return
-        //console.log('--------------------')
         const { activityId, pageId } = this.quizRecallData
         const interaction = this.getPageInteraction(
           activityId,
           pageId
         ).userInteraction
-
-        //console.log(interaction)
-        if (!interaction) return //{
-        //   this.quizRecall.done == false
-        // }
-
         //Get quizRecall answer
         if (this.quizRecallData && this.quizData) {
-          //console.log('ici????')
           await this.getQuizRecallAnswer(interaction)
-        } else {
-          //console.log('laaaaaa ???? ')
-          this.quizRecall.done == false
         }
       },
       immediate: true,
@@ -216,6 +204,13 @@ export default {
     //Get datas from quizRecallData and userData and add them to quizRecall object
     async getQuizRecallAnswer(userData) {
       await this.$nextTick() //wait for the DOM to update
+      //userData will be undefined if the page containing the target quiz was never visited
+      if (typeof userData === 'undefined') {
+        this.quizRecall.done = false //set quiz recall message (quiz not completed)
+        this.isReady = true //hide the skeleton
+        return
+      }
+
       const { quizId, hypertext_done, hypertext_undone, title, titletag } =
         this.quizRecallData
 
@@ -252,7 +247,6 @@ export default {
         this.quizRecall.answer = quizAnswer.value[0].filled || ''
         this.quizRecall.ennonce = this.quizData.ennonce
       }
-      this.quizRecall
       this.isReady = true //Set isReady to true to display the component
     },
 

package/src/main.js

@@ -489,8 +489,9 @@ export default {
 
     appStore.applicationSettings = settingsOptions
     //=================================END SETTING PREFERENCES ====================================//
-
-    const i18n = initLocalisation()
+    // const appi18b = options.i18n
+    // console.log('i18n options received in appBase plugin...', appi18b)
+    const i18n = initLocalisation(options.i18n)
     app.use(i18n)
     app.use(helper)
     app.use(analytics)

package/src/plugins/i18n.js

@@ -7,7 +7,6 @@ import { createI18n } from 'vue-i18n'
  */
 export default function initLocalisation(templateMessages) {
   const i18n = createI18n({ legacy: false })
-
   const thisLocales = import.meta.glob('../$locales/*.json', {
     import: 'default',
     eager: true
@@ -18,7 +17,7 @@ export default function initLocalisation(templateMessages) {
       const locale = matched[1]
       // Using lodash to deeply merge objects
       const coreMessages = JSON.parse(JSON.stringify(thisLocales[path]))
-      const mergedMessages = _.merge(coreMessages, templateMessages)
+      const mergedMessages = _.merge(coreMessages, templateMessages[locale])
 
       // Since merLocalMessage will do a shallow merge of the object. We will use setLocalMessage to replace the message with new message object
 

package/tests/mocks/routes.mock.js

@@ -0,0 +1,2 @@
+export const routes = []
+export const mappedFiles = []

package/tests/unit/AppCompAudio.spec.js

@@ -1,5 +1,10 @@
 import { mount } from '@vue/test-utils'
-import { describe, it, test, expect } from 'vitest'
+import { describe, it, test, expect, vi } from 'vitest'
+
+//Mock store appStore
+vi.mock('@/module/stores/appStore', () => ({
+  useAppStore: () => ({})
+}))
 
 let dummyProps = {
   id: 'P01',

package/tests/unit/AppCompBranchButtons.spec.js

@@ -0,0 +1,172 @@
+import { mount } from '@vue/test-utils'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { createTestingPinia } from '@pinia/testing'
+import { colors } from '../utility/colors'
+
+//Mock store appStore
+vi.mock('@/module/stores/appStore', () => ({
+  useAppStore: () => ({
+    getAllCompleted: { A01: [] }
+  })
+}))
+
+import AppCompBranchButtons from '@/components/AppCompBranchButtons.vue'
+
+const dummyProps = {
+  cards: [
+    {
+      imgFile: 'https://loremflickr.com/500/500/kitten',
+      imgAlt: 'Test img 1',
+      title: 'banane',
+      text: 'Ceci est un embranchement factice, affiché sous la forme de carte.',
+      brchName: 'P02_E01'
+    },
+    {
+      imgFile: 'https://loremflickr.com/500/500/kitten',
+      imgAlt: 'Test img 2',
+      title: 'Titre embranchement 2',
+      text: 'Ceci est un embranchement factice, affiché sous la forme de carte, pour toto',
+      brchName: 'P02_E02'
+    },
+    {
+      imgFile: 'https://loremflickr.com/500/500/kitten',
+      imgAlt: 'Test img 3',
+      title: 'Titre embranchement 3',
+      text: 'Ceci est un embranchement factice, affiché sous la forme de carte, pour toto',
+      brchName: 'P02_E03'
+    }
+  ],
+  customButtons: [
+    { name: 'bouton_A02_P01_E01', brchName: 'P02_E01' },
+    { name: 'bouton_A02_P01_E02', brchName: 'P02_E02' }
+  ]
+}
+
+describe('AppCompBranchButtons.vue', () => {
+  let globalConfig
+
+  beforeEach(() => {
+    globalConfig = {
+      plugins: [createTestingPinia({ createSpy: vi.fn })],
+      mocks: {
+        $router: {
+          currentRoute: {
+            value: {
+              meta: {
+                activity_ref: 'A01',
+                children: [
+                  {
+                    _ref: 'P02_E01',
+                    _path: 'branche-1',
+                    _namedRoute: 'activite_3.page_2.branche_1'
+                  },
+                  {
+                    _ref: 'P02_E02',
+                    _path: 'branche-2',
+                    _namedRoute: 'activite_3.page_2.branche_2'
+                  },
+                  {
+                    _ref: 'P02_E03',
+                    _path: 'branche-3',
+                    _namedRoute: 'activite_3.page_2.branche_3'
+                  }
+                ]
+              }
+            }
+          }
+        }
+      }
+    }
+    vi.clearAllMocks()
+  })
+
+  it('Renders ErrorDisplay when cards has errors', async () => {
+    const wrapper = mount(AppCompBranchButtons, {
+      global: globalConfig,
+      props: {
+        cards: [dummyProps.cards[0], dummyProps.cards[1]] // Only 2 cards passed instead of 3
+      }
+    })
+
+    await wrapper.vm.$nextTick() // Must wait for DOM updates to display AppBaseErrorDisplay
+
+    if (wrapper.vm.hasErrors) {
+      const cards = wrapper.vm.cards
+      console.log(colors.green, `\n ✅ Current cards: ${JSON.stringify(cards)}`)
+      console.log(
+        '✅ wrapper.vm.hasErrors:',
+        wrapper.vm.hasErrors,
+        colors.reset
+      )
+    }
+    // Error should be displayed
+    expect(wrapper.vm.hasErrors.length).toBeGreaterThan(0)
+    expect(
+      wrapper.findComponent({ name: 'AppBaseErrorDisplay' }).exists()
+    ).toBe(true)
+  })
+
+  it('Renders ErrorDisplay when customButtons has errors', async () => {
+    const wrapper = mount(AppCompBranchButtons, {
+      global: globalConfig,
+      props: {
+        customButtons: [
+          { brchName: 'BRANCH_1' }, // missing required key 'name' here
+          { name: 'bouton_A02_P01_E01', brchName: 'P02_E02' },
+          { name: 'bouton_A02_P01_E01', brchName: 'P02_E03' }
+        ]
+      }
+    })
+    await wrapper.vm.$nextTick() // Must wait for DOM updates to display AppBaseErrorDisplay
+
+    if (wrapper.vm.hasErrors) {
+      const el = wrapper.vm.customButtons[0]
+      console.log(colors.green, `\n ✅ Current cards: ${JSON.stringify(el)}`)
+      console.log(
+        '✅ wrapper.vm.hasErrors:',
+        wrapper.vm.hasErrors,
+        colors.reset
+      )
+    }
+    // hasError should have a message
+    expect(wrapper.vm.hasErrors.length).toBeGreaterThan(0)
+    // Error should be displayed
+    expect(
+      wrapper.findComponent({ name: 'AppBaseErrorDisplay' }).exists()
+    ).toBe(true)
+  })
+
+  //=====================================================================
+  it('It renders the buttons when no errors', async () => {
+    const wrapper = mount(AppCompBranchButtons, {
+      global: {
+        ...globalConfig
+      },
+      props: {
+        cards: dummyProps.cards
+      }
+    })
+
+    await wrapper.vm.$nextTick() // Must wait for DOM updates to display AppBaseErrorDisplay
+
+    if (wrapper.vm.hasErrors) {
+      console.log(colors.red)
+      console.log(
+        '\n  wrapper.vm.hasErrors:',
+        wrapper.vm.hasErrors,
+        colors.reset
+      )
+    }
+
+    // expect hasErrors to return false
+    expect(wrapper.vm.hasErrors).toBe(false)
+    //error display not to be in DOM
+    expect(
+      wrapper.findComponent({ name: 'AppBaseErrorDisplay' }).exists()
+    ).not.toBe(true)
+    // element to rendered correctly in DOM
+    expect(wrapper.find('#branch-buttons-component').exists()).toBe(true)
+    //should display 3 buttons
+    expect(wrapper.findAll('.branch-btn').length).toBe(3)
+  })
+})

package/tests/unit/AppCompCarousel.spec.js

@@ -1,7 +1,12 @@
 import { mount } from '@vue/test-utils'
-import AppCompCarousel from '@/components/AppCompCarousel.vue'
-import AppBaseButton from '@/components/AppBaseButton.vue'
-import { beforeEach, describe, expect, it } from 'vitest'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+//Mock store appStore
+vi.mock('@/module/stores/appStore', () => ({
+  useAppStore: () => ({
+    getAppConfigs: { lang: 'FR' }
+  })
+}))
 
 const dummyProps = {
   slides: [
@@ -28,6 +33,9 @@ const dummyProps = {
   name: 'Mon super carousel'
 }
 
+import AppCompCarousel from '@/components/AppCompCarousel.vue'
+import AppBaseButton from '@/components/AppBaseButton.vue'
+
 describe('AppCompCarousel.vue', () => {
   let wrapper = null
   beforeEach(() => {

package/tests/unit/AppCompNoteCredit.spec.js

@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils'
-import AppCompNoteCredit from '../../src/components/AppCompNoteCredit.vue'
 import { beforeEach, describe, expect, vi, test } from 'vitest'
+import { createTestingPinia } from '@pinia/testing'
 
 const dummyProps = [
   {
@@ -13,33 +13,24 @@ const dummyProps = [
   }
 ]
 
+//Mock store appStore
+vi.mock('@/module/stores/appStore', () => ({
+  useAppStore: () => ({
+    getDataNoteCredit: dummyProps,
+    getAllActivities: 'A01',
+    getCurrentPage: 'P01'
+  })
+}))
+// Import of components must happen after mocks to prevent side effects
+import AppCompNoteCredit from '../../src/components/AppCompNoteCredit.vue'
+
 describe('AppCompNoteCredit', () => {
   let wrapper = null
 
   beforeEach(() => {
-    vi.mock('@/shared/generalfuncs.js', () => ({
-      fileAssets: { getActivities: () => [] }
-    }))
-
-    vi.mock('@/router/routes.js', () => ({
-      mappedFiles: []
-    }))
-
-    vi.mock('@/stores/myStore', () => ({
-      useMyStore: vi.fn(() => ({
-        getDataNoteCredit: dummyProps,
-        getAllActivities: 'A01',
-        getCurrentPage: 'P01'
-      }))
-    }))
-
     wrapper = mount(AppCompNoteCredit, {
-      global: {
-        stubs: {
-          'app-base-button': true,
-          'app-base-error-display': true
-        }
-      }
+      plugins: [createTestingPinia({ createSpy: vi.fn })],
+      global
     })
   })
 

package/tests/unit/AppCompVideoPlayer.spec.js

@@ -1,5 +1,10 @@
 import { mount } from '@vue/test-utils'
-import { describe, it, test, expect } from 'vitest'
+import { describe, it, test, expect, vi } from 'vitest'
+
+//Mock store appStore
+vi.mock('@/module/stores/appStore', () => ({
+  useAppStore: () => ({})
+}))
 
 let dummyProps = {
   id: 'P01',
@@ -99,8 +104,6 @@ describe('AppCompVideoPlayer', () => {
     await wrapper.vm.$nextTick()
     const sources = wrapper.findAll('source')
     expect(sources.length).toBe(1)
-
-    // --- 3) valider les valeurs réelles rendues ---
     expect(sources[0].attributes().src).toBe(videosData[0].mSources[0].src)
     expect(sources[0].attributes().type).toBe('video/mp4')
   })

package/tests/utility/colors.js

@@ -0,0 +1,10 @@
+export const colors = {
+  red: '\x1b[31m',
+  green: '\x1b[32m',
+  yellow: '\x1b[33m',
+  blue: '\x1b[34m',
+  magenta: '\x1b[35m',
+  cyan: '\x1b[36m',
+  white: '\x1b[37m',
+  reset: '\x1b[0m'
+}

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'
@@ -8,6 +8,7 @@ import * as directives from 'vuetify/directives'
 import * as frMessages from './src/$locales/fr.json'
 import * as enMessages from './src/$locales/en.json'
 import bus from './src/plugins/bus'
+import { createPinia, setActivePinia } from 'pinia'
 
 //create vuetify instance
 const vuetify = createVuetify({
@@ -25,38 +26,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 +50,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,
@@ -92,5 +90,8 @@ config.global.mocks = {
     $on: vi.fn(),
     $emit: vi.fn(),
     $off: vi.fn()
+  },
+  $helper: {
+    formatTime: vi.fn((t) => `00:${t}`)
   }
 }

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'])
-  // })
-})