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

package/CHANGELOG

@@ -1,3 +1,13 @@
+2.2.0(21 janvier 2026)
+	Voir corrections des versions 2.2.0-beta
+
+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

@@ -21,6 +21,7 @@
     "@pinia/testing": "^1.0.3",
     "@playwright/experimental-ct-vue": "^1.56.1",
     "@playwright/test": "^1.56.1",
+    "@testing-library/jest-dom": "^6.9.1",
     "@types/node": "^24.10.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitest/coverage-v8": "^4.0.15",
@@ -65,5 +66,5 @@
     "watch": "nodemon -e js,vue,html,json -x yalc publish --push"
   },
   "type": "module",
-  "version": "2.2.0-beta.1"
+  "version": "2.2.0"
 }

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/AppCompMenuItem.vue

@@ -1,6 +1,6 @@
 <!--
- @ Description: This component is used to display and create the link's to all the activity creation in module.
- @ What it does: Goes trougth all the activity in the router and create a card that open the Table of content (appCompTableOfContent) that display the anchor.Display the title and subtitle enter in menu.json. Must be used with AppCompTableOfContent and AppCompMenu.
+ @ Description: This component is used to display and create the links for all the activities in module.
+ @ What it does: Goes through all the activities in the router and create a card that navigate to the corresponding activity. Display the title and subtitle enter in menu.json. Must be used with AppCompTableOfContent and AppCompMenu.
 -->
 <template>
   <v-row v-if="activities.length" class="box-msa">

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">
@@ -70,6 +70,7 @@
               v-for="(credit, index) of credits"
               :key="`credit_${index + 1}`"
               :ref="`#nt_${index + 1}`"
+              class="item-credits"
               v-html="credit"
             ></li>
           </ul>
@@ -79,7 +80,7 @@
   </div>
 </template>
 <script>
-import { mapState, mapActions } from 'pinia'
+import { mapActions } from 'pinia'
 import { useAppStore } from '../module/stores/appStore'
 import { validateObjType } from '../shared/validators'
 import { useI18n } from 'vue-i18n'
@@ -99,17 +100,17 @@ export default {
       shouldDeactivate: false,
       errorData: [],
       notes: null,
-      credits: null
+      credits: null,
+      test: null
     }
   },
   computed: {
-    ...mapState(useAppStore, [
-      'getDataNoteCredit',
-      'getAllActivities',
-      'getCurrentPage',
-      'getNotes',
-      'getCredits'
-    ])
+    hasNotes() {
+      return this.notes && this.notes.length
+    },
+    hasCredits() {
+      return this.credits && this.credits.length
+    }
   },
   created() {},
   beforeUnmount() {
@@ -150,7 +151,6 @@ export default {
         //Add all the note to the temp array
         formatedNotes.push(...Object.values(g)[0])
       })
-
       return formatedNotes
     },
 
@@ -168,6 +168,7 @@ export default {
     },
     setPageNotesAndCredits(data) {
       const { notes, credits } = data
+
       this.notes = this.getPageNotes(notes)
       this.credits = this.getPageCredits(credits)
     },
@@ -180,7 +181,6 @@ export default {
     validateData(ctx, data) {
       let errConsole = []
       if (this.errorData.length) this.errorData = [] //reset the error tracker
-
       switch (ctx) {
         case 'note': {
           if (data.constructor !== Object) {
@@ -191,7 +191,6 @@ export default {
               `Unexpected definition the note. Expecting Object but received ${typeof data}`
             )
           }
-
           let stringType = ['id', 'text'] //expected attribute in the note declaration
 
           let { errorInConsole, errorList } = validateObjType(
@@ -202,7 +201,6 @@ export default {
             null,
             `Note ${data.details}`
           )
-
           if (errorInConsole.length) errConsole.push(...errorInConsole)
           if (errorList.length) this.errorData.push(...errorList)
           break
@@ -353,6 +351,10 @@ export default {
       const elTarget = widgetContent.namedItem(ref) // Target current button
       const pageRef = elTarget.getAttribute('pageref')
 
+      console.log('widgetContent :', widgetContent)
+      console.log('elTarget :', elTarget)
+      console.log('pageRef :', pageRef)
+
       if (!this.sideBarIsOpen) this.prevNote = null //reset previous when sidebar is opened
 
       let prevPageref = this.prevNote
@@ -414,10 +416,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/module/stores/appStore.js

@@ -27,7 +27,6 @@ export const useAppStore = defineStore('$appStore', {
       userMetaData: {},
       appConfigs: null,
       menuSetting: null,
-      dataNc: {},
       wigIsOpen: false,
       popIsOpen: false,
       sideBIsOpen: false,
@@ -596,9 +595,6 @@ export const useAppStore = defineStore('$appStore', {
     getDataFromServer: (state) => {
       return state.dataFromServer
     },
-    getDataNoteCredit: (state) => {
-      return state.dataNc
-    },
     getWidgetOpen(state) {
       return state.wigIsOpen
     },
@@ -801,9 +797,6 @@ export const useAppStore = defineStore('$appStore', {
       )
         this.currentSection = data
     },
-    updateCurrentnoteCredit(data) {
-      this.dataNc = data
-    },
     /**
      * @description: Save user interaction on a page to store
      * USe to Update existing userMetadata

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/src/shared/validators.js

@@ -955,18 +955,9 @@ const validateQuizData = (data) => {
   if (hasError) return errors
 
   //validate Containt for retroaction
- 
-
-  // if(data.solution !=null){
-  //   console.log('ici')
-  // }else{
-  //   console.log('la')
-  // }
-
   switch (true) {
     case data.retroaction != null:
       objectType = ['retro_positive', 'retro_negative', 'retro_neutre']
-      
 
       errors = validateObjType(
         data.retroaction,
@@ -983,19 +974,15 @@ const validateQuizData = (data) => {
       //  Validate containt of retroaction attributes
       stringType = ['title', 'hypertext']
 
-        
       for (const key of Object.keys(data.retroaction)) {
-        
-        if(key == "retro_neutre") continue //skip
-       
-        
-
-          errors = validateObjType(
-            data.retroaction[key],
-            { stringType },
-            null,
-            key
-          )
+        if (key == 'retro_neutre') continue //skip
+
+        errors = validateObjType(
+          data.retroaction[key],
+          { stringType },
+          null,
+          key
+        )
 
         hasError = errors.errorInConsole.length || errors.errorList.length
 

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(() => {