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

package/CHANGELOG

@@ -1,3 +1,6 @@
+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)
 

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.2"
+  "version": "2.2.0"
 }

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

@@ -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,11 @@ 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
     },
@@ -156,7 +151,6 @@ export default {
         //Add all the note to the temp array
         formatedNotes.push(...Object.values(g)[0])
       })
-
       return formatedNotes
     },
 
@@ -174,6 +168,7 @@ export default {
     },
     setPageNotesAndCredits(data) {
       const { notes, credits } = data
+
       this.notes = this.getPageNotes(notes)
       this.credits = this.getPageCredits(credits)
     },
@@ -186,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) {
@@ -197,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(
@@ -208,7 +201,6 @@ export default {
             null,
             `Note ${data.details}`
           )
-
           if (errorInConsole.length) errConsole.push(...errorInConsole)
           if (errorList.length) this.errorData.push(...errorList)
           break
@@ -359,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

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/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/unit/AppCompNoteCredit.spec.js

@@ -1,32 +1,45 @@
 import { mount } from '@vue/test-utils'
-import { beforeEach, describe, expect, vi, test } from 'vitest'
+import { beforeEach, describe, expect, vi, test, it } from 'vitest'
 import { createTestingPinia } from '@pinia/testing'
 
-const dummyProps = [
+const dummyPropsNotes = [
   {
-    id: 'nt_1',
-    text: `note 1`
-  },
-  {
-    id: 'nt_2',
-    text: `note 2`
+    P01: [
+      {
+        id: 'nt_1',
+        text: 'note 1',
+        page_ref: 'P01'
+      },
+      {
+        id: 'nt_2',
+        text: 'note 2',
+        page_ref: 'P01'
+      }
+    ]
   }
 ]
 
+const dummyPropsCredits = ['credits 1', 'credits 2', 'credits 3']
+
 //Mock store appStore
 vi.mock('@/module/stores/appStore', () => ({
-  useAppStore: () => ({
-    getDataNoteCredit: dummyProps,
-    getAllActivities: 'A01',
-    getCurrentPage: 'P01'
+  useAppStore: () => ({ updateWidgetOpen: vi.fn() })
+}))
+
+//Mock Error handeling
+vi.mock('@/shared/validators.js', () => ({
+  validateObjType: vi.fn(() => {
+    return { errorInConsole: [], errorList: [] }
   })
 }))
+
 // Import of components must happen after mocks to prevent side effects
 import AppCompNoteCredit from '../../src/components/AppCompNoteCredit.vue'
 
 describe('AppCompNoteCredit', () => {
   let wrapper = null
 
+  //Mounting componant
   beforeEach(() => {
     wrapper = mount(AppCompNoteCredit, {
       plugins: [createTestingPinia({ createSpy: vi.fn })],
@@ -34,16 +47,118 @@ describe('AppCompNoteCredit', () => {
     })
   })
 
-  test('It renders a the pop-up', () => {
+  test('It renders componant with notes and credits', async () => {
+    const wrapper = mount(AppCompNoteCredit)
+
+    //Give information
+    const d = {
+      type: 'noteCredit',
+      content: { notes: dummyPropsNotes, credits: dummyPropsCredits }
+    }
+
+    //Filling the componant
+    await wrapper.vm.onToggleWidget(d)
+    expect(wrapper.exists()).toBe(true)
+
+    //Find all the information that was renders
+    const ctnNotes = wrapper.find('#notes-list')
+    const ctnCredits = wrapper.find('#credits-list')
+
+    //Expect test result
+    expect(ctnNotes.exists()).toBe(true)
+    expect(ctnCredits.exists()).toBe(true)
+  })
+
+  test('It renders componant with only notes', async () => {
     const wrapper = mount(AppCompNoteCredit)
 
+    //Give information
+    const d = {
+      type: 'noteCredit',
+      content: { notes: dummyPropsNotes, credits: null }
+    }
+
+    //Filling the componant
+    await wrapper.vm.onToggleWidget(d)
     expect(wrapper.exists()).toBe(true)
 
-    const div = wrapper.find('#noteCredit')
-    expect(div.exists()).toBe(true)
+    //Find all the information that was renders
+    const divNotes = wrapper.find('#notes-list')
+    const divCredits = wrapper.find('#credits-list')
+
+    //Expect test result
+    expect(divNotes.exists()).toBe(true)
+    expect(divCredits.exists()).toBe(false)
   })
 
-  test('It renders a list of ${dummyProps.length}', () => {
-    expect(wrapper.findAll('div').length).toBe(dummyProps.length)
+  test('It renders componant with only credits', async () => {
+    const wrapper = mount(AppCompNoteCredit)
+
+    //Give information
+    const d = {
+      type: 'noteCredit',
+      content: { notes: null, credits: dummyPropsCredits }
+    }
+
+    //Filling the componant
+    await wrapper.vm.onToggleWidget(d)
+    expect(wrapper.exists()).toBe(true)
+
+    //Find all the information that was renders
+    const divNotes = wrapper.find('#notes-list')
+    const divCredits = wrapper.find('#credits-list')
+
+    //Expect test result
+    expect(divNotes.exists()).toBe(false)
+    expect(divCredits.exists()).toBe(true)
+  })
+
+  test('It renders a list of present notes and credits', async () => {
+    const wrapper = mount(AppCompNoteCredit)
+
+    //Give information
+    const d = {
+      type: 'noteCredit',
+      content: { notes: dummyPropsNotes, credits: dummyPropsCredits }
+    }
+
+    //Filling the componant
+    await wrapper.vm.onToggleWidget(d)
+
+    //Find all the information that was renders
+    const notes = Object.values(dummyPropsNotes[0])
+
+    //Expect test result
+    expect(wrapper.findAll('.note-item').length).toBe(notes[0].length)
+    expect(wrapper.findAll('.item-credits').length).toBe(
+      dummyPropsCredits.length
+    )
+  })
+
+  test('It render all the rigth information in button data', async () => {
+    //Give information
+    const d = {
+      type: 'noteCredit',
+      content: { notes: dummyPropsNotes }
+    }
+
+    //Filling the componant
+    await wrapper.vm.onToggleWidget(d)
+
+    //Find all the information that was renders
+    const notes = Object.values(dummyPropsNotes[0])
+    const note = notes[0][0]
+    const div = wrapper.find(`#nt_${note.page_ref}__${note.id.substring(3)}`)
+
+    //Expect test result
+    expect(div.attributes('note-ref')).toBe(
+      `rnt_${note.page_ref}__${note.id.substring(3)}`
+    )
+
+    expect(div.attributes('data-ref')).toBe(
+      `rnt_${note.page_ref}__${note.id.substring(3)}`
+    )
+
+    expect(div.attributes('pageref')).toBe(note.page_ref)
   })
 })

package/tests/unit/AppCompPlayBarNext.spec.js

@@ -0,0 +1,428 @@
+import { mount } from '@vue/test-utils'
+import { beforeEach, afterAll, describe, expect, it, vi } from 'vitest'
+import { createTestingPinia } from '@pinia/testing'
+
+//TODO:
+// 1- test pour valider que le composant rend le bon player selon le type de media (audio/video)
+// 1b- verfifier recuperation du bon media media data(getCUrrentPage.mElements[i])
+// 2- test pour valider le trigger des evenemets:
+//    - play & pause (toggglePlay): OK
+//    - ended (mediaEnded): OK
+//    - volume change (updateVolumeLevel): OK
+//    - mute toggle (toggleMute): OK
+//    - fullscreen toggle (toggleFullscreen): A FAIRE
+// 3- test pour valider l'affichage du transcript :OK
+
+//Helper to create a mock of media container with event listeners
+const makeMediaContainer = () => {
+  const listeners = new Map()
+  return {
+    addEventListener: vi.fn((name, fn) => listeners.set(name, fn)),
+    removeEventListener: vi.fn((name) => listeners.delete(name)),
+    requestFullscreen: vi.fn(async () => {}),
+    dispatchEvent: (name, payload) => listeners.get(name)?.(payload)
+  }
+}
+
+//Helper to create a mock of media element with event listeners and methods
+const makeMediaElement = (id, type, duration) => {
+  const listeners = new Map()
+  const el = {
+    id,
+    tagName: type.toUpperCase(),
+    duration,
+    currentTime: 0,
+    volume: 0.5,
+    muted: false,
+    paused: true,
+    play: vi.fn(async () => {
+      el.paused = false
+    }),
+    pause: vi.fn(() => {
+      el.paused = true
+    }),
+    addEventListener: vi.fn((name, fn) => listeners.set(name, fn)),
+    removeEventListener: vi.fn((name) => listeners.delete(name)),
+    dispatchEvent: (name, payload) => listeners.get(name)?.(payload)
+  }
+  return el
+}
+
+let defineMediaToPlay = (type, duration) => {
+  if (type === 'video') {
+    const id = 'vid1'
+    return {
+      id,
+      mElement: makeMediaElement(id, type, duration || 20),
+      mMediaContainer: makeMediaContainer(),
+      mSubtitles: {},
+      mTranscript: 'exemple_transcript.html',
+      mType: 'video'
+    }
+  }
+
+  if (type === 'audio') {
+    const id = 'aud1'
+    return {
+      id,
+      mElement: makeMediaElement(id, type, duration || 30),
+      mTranscript:
+        '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>',
+      mType: 'audio'
+    }
+  }
+}
+
+//Helper to return the sctructure of an HTMLElement
+const getStructure = (el) => ({
+  tag: el && el.tagName ? el.tagName.toLowerCase() : null,
+  class: el.className || null,
+  children:
+    el.children.length > 0 ? [...el.children].map((c) => getStructure(c)) : []
+})
+
+const mockedStore = {
+  getCurrentBrowser: () => 'chrome',
+  getPageInteraction: vi.fn(() => ({
+    userActivation: {
+      mediasViewed: []
+    }
+  })),
+  getUserInteraction: () => ({}),
+  getModuleInfo: { id: 'MOD-1' },
+  getCurrentPage: {
+    id: 'P01',
+    activityRef: 'A03',
+    title: 'Lecteurs médias',
+    type: 'pg_normal',
+    audiosData: [
+      {
+        id: 'aud1',
+        aSources: [{ type: 'mp3', src: '/audios/aud1.mp3' }],
+        aTranscript: 'exemple_transcript.html',
+        mSources: [{ src: '/audios/aud1.mp3' }],
+        mTitle: 'Audio 1'
+      }
+    ],
+    videosData: [
+      {
+        id: 'vid1',
+        mSources: [{ src: '/videos/vid1.mp4' }],
+        mTitle: 'Video 1'
+      }
+    ]
+  },
+  getMedidaMuted: () => false,
+  getMediaSubTitles: () => false,
+  getCurrentMediaDuration: () => 20,
+  getMediaPlaybarValues: (key) => {
+    if (key === 'volume') return 0.5
+    return null
+  },
+  setMediaPlaybarValues: vi.fn(),
+  updateCurrentMediaElements: vi.fn(),
+  setMediaMuted: vi.fn(),
+  setMediaSubTitles: vi.fn()
+}
+
+/*
+ * Helper to flush all pending promises
+ * Useful when mocking axios calls or other async operations
+ * This ensures that all microtasks are completed before proceeding with assertions
+ */
+const flush = async () => {
+  await Promise.resolve()
+  await Promise.resolve()
+}
+
+//Mock store appStore
+vi.mock('@/module/stores/appStore', () => ({
+  useAppStore: () => mockedStore
+}))
+
+//Mock axios
+vi.mock('axios', () => ({
+  default: {
+    get: vi.fn(async () => ({
+      data: {
+        // component calls: res.data.text()
+        text: async () => '<div id="mock-transcript">Transcript OK</div>'
+      }
+    }))
+  }
+}))
+
+import AppCompPlayBarNext from '@/components/AppCompPlayBarNext.vue'
+import axios from 'axios'
+
+describe('AppCompPlayBarNext', () => {
+  let globalConfig
+  let playBarContainer
+  let wrapper
+  const mockContainerRef = { className: 'pb-container' }
+  let $bus
+  let $analytics
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    $bus = {
+      $emit: vi.fn(),
+      $on: vi.fn(),
+      $off: vi.fn()
+    }
+    $analytics = {
+      sendEvent: vi.fn()
+    }
+    globalConfig = {
+      plugins: [createTestingPinia({ createSpy: vi.fn })],
+      provide: {
+        userInteraction: {}
+      },
+      stubs: {
+        // Replace custom button component with a real <button>
+        'app-base-button': {
+          template: '<button><slot /></button>'
+        }
+      },
+      mocks: {
+        $router: {
+          currentRoute: {
+            value: {
+              meta: {
+                activity_ref: 'A03',
+                id: 'P01'
+              }
+            }
+          }
+        },
+        $bus,
+        $analytics,
+        computed: {
+          mediaDuration: vi.fn(() => 20)
+        }
+      }
+    }
+  })
+
+  afterAll(() => {
+    wrapper.unmount()
+  })
+
+  describe('It renders the correct HtmlElement', () => {
+    it('Renders the correct player instance (id = plyr_<mediaId>) for video', async () => {
+      const mediaType = 'video'
+      wrapper = mount(AppCompPlayBarNext, {
+        props: {
+          mediaToPlay: defineMediaToPlay(mediaType)
+        }
+      })
+
+      await wrapper.vm.$nextTick()
+      //Should render a div with class pb-container, div with class video and id plyr_vid1
+      playBarContainer = wrapper.find(`.pb-container`)
+      const playBarElement = playBarContainer.find(`.${mediaType}`)
+      expect(playBarElement.exists()).toBe(true)
+      expect(wrapper.vm.id).toBe('plyr_vid1')
+    })
+
+    it('Renders a the correct player instance (id = plyr_<mediaId>) for audio', async () => {
+      const mediaType = 'audio'
+      wrapper = mount(AppCompPlayBarNext, {
+        props: {
+          mediaToPlay: defineMediaToPlay(mediaType)
+        }
+      })
+
+      await wrapper.vm.$nextTick()
+      //Should render a div with class pb-container div with class video and id if plyr_aud1
+      playBarContainer = wrapper.find(`.pb-container`)
+      const playBarElement = playBarContainer.find(`.${mediaType}`)
+      expect(playBarElement.exists()).toBe(true)
+      expect(wrapper.vm.id).toBe('plyr_aud1')
+    })
+  })
+
+  describe('It initializes correctly', async () => {
+    it('Calls updateCurrentMediaElements() on mount', () => {
+      wrapper = mount(AppCompPlayBarNext, {
+        props: {
+          mediaToPlay: defineMediaToPlay('audio')
+        }
+      })
+
+      expect(mockedStore.updateCurrentMediaElements).toHaveBeenCalledTimes(1)
+      expect(mockedStore.updateCurrentMediaElements).toHaveBeenCalledWith(
+        expect.objectContaining({ id: wrapper.vm.mediaToPlay.id })
+      )
+    })
+
+    it('Video loads transcript on mount (setTranscript -> axios.get) when mTranscript exists', async () => {
+      wrapper = mount(AppCompPlayBarNext, {
+        props: {
+          mediaToPlay: defineMediaToPlay('video')
+        }
+      })
+      await flush() // wait for all pending promises to resolve before making assertions
+      expect(axios.get).toHaveBeenCalledTimes(1)
+      // when mTranscript has no '/', component builds "./<file>"
+      // expect component to normalize the path
+      expect(axios.get).toHaveBeenCalledWith(
+        `./${wrapper.vm.mediaToPlay.mTranscript}`,
+        expect.any(Object)
+      )
+      await wrapper.vm.$nextTick()
+      expect(wrapper.vm.transcriptToShow).toContain('mock-transcript')
+    })
+  })
+
+  describe('Controls media events with user interaction on:', () => {
+    it('PLAY: (togglePlay), emits xAPI + GA play tracking ', async () => {
+      await flush()
+      const mediaType = 'video'
+      wrapper = await mount(AppCompPlayBarNext, {
+        props: {
+          mediaToPlay: defineMediaToPlay(mediaType)
+        },
+        global: { ...globalConfig }
+      })
+      await flush()
+      const mediaID = wrapper.vm.mediaToPlay.id
+      expect(wrapper.vm.mediaRawData.id).toBe(mediaID)
+      expect(wrapper.vm.mediaToPlay.mElement.paused).toBe(true)
+
+      //Trigger play event call togglePlay()
+      await wrapper.vm.togglePlay()
+      expect(wrapper.vm.mediaToPlay.mElement.play).toHaveBeenCalledTimes(1)
+      expect(wrapper.vm.mediaToPlay.mElement.paused).toBe(false)
+      await flush()
+
+      //Check that xAPI and GA events were sent
+      expect($bus.$emit).toHaveBeenCalledWith(
+        'send-xapi-statement',
+        expect.objectContaining({ verb: 'played' })
+      )
+
+      const url = mediaType == 'audio' ? '/audios/aud1.mp3' : '/videos/vid1.mp4'
+
+      expect($analytics.sendEvent).toHaveBeenCalledWith(
+        `fcad_${mediaType}_play`,
+        expect.objectContaining({ url })
+      )
+    })
+
+    it('STOP/END : mediaEnded(), set canReplay(), media-viewed event and emits xAPI + GA event ', async () => {
+      const mediaType = 'audio'
+      wrapper = await mount(AppCompPlayBarNext, {
+        props: {
+          mediaToPlay: defineMediaToPlay(mediaType)
+        },
+        global: { ...globalConfig }
+      })
+      await flush()
+      const mediaID = wrapper.vm.mediaToPlay.id
+      expect(wrapper.vm.mediaRawData.id).toBe(mediaID)
+      expect(wrapper.vm.mediaToPlay.mElement.paused).toBe(true)
+
+      //Trigger play event and ended event
+      await wrapper.vm.togglePlay()
+      expect(wrapper.vm.isPlaying).toBe(true)
+      wrapper.vm.mediaEnded()
+      await flush()
+      //Assert media ended events & states
+      expect(wrapper.vm.mediaToPlay.mElement.pause).toHaveBeenCalledTimes(1)
+      expect(wrapper.vm.isPlaying).toBe(false)
+      expect(wrapper.vm.canReplay).toBe(true)
+      //Assert media viewed recorded in store
+      expect($bus.$emit).toHaveBeenCalledWith('media-viewed', mediaID)
+      //Check that xAPI and GA events were sent
+      expect($bus.$emit).toHaveBeenCalledWith(
+        'send-xapi-statement',
+        expect.objectContaining({ verb: 'completed' })
+      )
+      const url = mediaType == 'audio' ? '/audios/aud1.mp3' : '/videos/vid1.mp4'
+      expect($analytics.sendEvent).toHaveBeenCalledWith(
+        `fcad_${mediaType}_viewed`,
+        expect.objectContaining({ url })
+      )
+    })
+
+    it('VOLUME/MUTE: updateVolumeLevel() persists to store, toggleMute updates store muted state', async () => {
+      const mediaType = 'audio'
+      wrapper = await mount(AppCompPlayBarNext, {
+        props: {
+          mediaToPlay: defineMediaToPlay(mediaType)
+        },
+        global: { ...globalConfig }
+      })
+      await flush()
+
+      // updateVolumeLevel is called on mount; ensure store called at least once
+      expect(mockedStore.setMediaPlaybarValues).toHaveBeenCalled()
+      //Trigger mute action by calling toggleMute()
+      wrapper.vm.toggleMute()
+      await flush()
+
+      expect(mockedStore.setMediaMuted).toHaveBeenCalled()
+      expect(typeof wrapper.vm.muted).toBe('boolean')
+    })
+
+    it('SHOW TRANSCRIPT- toggleViewTranscript(e) emits resize-video(sm) and opens sidebar', async () => {
+      const mediaType = 'video'
+      wrapper = await mount(AppCompPlayBarNext, {
+        props: {
+          mediaToPlay: defineMediaToPlay(mediaType)
+        },
+        global: { ...globalConfig }
+      })
+      await flush()
+      //Assert trancript initial state
+      expect(wrapper.vm.transcriptEnabled).toBe(false) //disabled
+      expect(wrapper.vm.transcriptToShow).toBeTruthy()
+      //Trigger view transcript
+      wrapper.vm.toggleViewTranscript(true) //open transcript
+      expect(wrapper.vm.transcriptEnabled).toBe(true) //transcript enabled
+      await flush()
+      //Assert emits event video-transcript-toggle with correct value
+      expect($bus.$emit).toHaveBeenCalledWith(
+        'video-transcript-toggle',
+        expect.objectContaining({ id: 'vid1' }),
+        true
+      )
+      //Assert emits resize-video(sm) and open-sidebar
+      const emits = wrapper.emitted('resize-video') || []
+      if (emits[0]) {
+        expect(emits[0]).toEqual(['sm'])
+        expect($bus.$emit).toHaveBeenCalledWith(
+          'open-sidebar',
+          expect.objectContaining({ ctx: 'ctxTranscript' })
+        )
+      }
+    })
+
+    it('HIDE TRANSCRIPT- toggleViewTranscript(e), closes sidebar and emits resize-video(lg)', async () => {
+      const mediaType = 'video'
+      wrapper = await mount(AppCompPlayBarNext, {
+        props: {
+          mediaToPlay: defineMediaToPlay(mediaType)
+        },
+        global: { ...globalConfig }
+      })
+      await flush()
+      //Assert transcript exists
+      expect(wrapper.vm.transcriptToShow).toBeTruthy()
+      wrapper.vm.toggleViewTranscript(true) // open
+      await flush()
+      wrapper.vm.toggleViewTranscript(true) // close
+      //Assert transcript disabled
+      expect(wrapper.vm.transcriptEnabled).toBe(false)
+
+      await flush()
+      //Assert emits resize-video(lg) and close-sidebar
+      const emits = wrapper.emitted('resize-video') || []
+      expect(emits[0]).toEqual(['sm'])
+      expect(emits[1]).toEqual(['lg'])
+
+      expect($bus.$emit).toHaveBeenCalledWith('close-sidebar', 'ctxTranscript')
+    })
+  })
+})

package/vitest.setup.js

@@ -7,6 +7,7 @@ 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'
 
@@ -86,11 +87,11 @@ 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"
-  }
-}