fcad-core-dragon 2.3.0-test.4 → 2.3.0-test.6

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [2.3.0-test.6](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/compare/v2.3.0-test.5...v2.3.0-test.6) (2026-05-01)
+
+
+### Bug Fixes
+
+* **Git Page:** Application ne ce lance pas correctement lorsque le projet est deployé sur serveur non cegepadistance. ([2683336](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/2683336bd0928c2550f7d1266675beda8465d580))
+
+# [2.3.0-test.5](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/compare/v2.3.0-test.4...v2.3.0-test.5) (2026-04-20)
+
+
+### Bug Fixes
+
+* **ui:** corrige la mise à jour du document.title avec le bon titre lors de la navigation ([7155180](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/7155180447c710d53c752b6a1080ec6be053194f))
+
 # [2.3.0-test.4](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/compare/v2.3.0-test.3...v2.3.0-test.4) (2026-04-17)
 
 
@@ -7,29 +21,161 @@
 
 # [2.3.0-test.3](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/compare/v2.3.0-test.2...v2.3.0-test.3) (2026-04-16)
 
-
 ### Bug Fixes
 
-* **quiz:** correction du formatage du message précédent ([6985f51](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/6985f51dee569ec7cfeaba18bf4ee19089f6b5e2))
+- **quiz:** correction du formatage du message précédent ([6985f51](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/6985f51dee569ec7cfeaba18bf4ee19089f6b5e2))
 
 # [2.3.0-test.2](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/compare/v2.3.0-test.1...v2.3.0-test.2) (2026-04-10)
 
-
 ### Bug Fixes
 
-* **server connection:** remote parameter prevent production build to connect to LRS when deployed on Moodle ([994e702](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/994e702ce0ed69633798adec8830d33b87680e92))
+- **server connection:** remote parameter prevent production build to connect to LRS when deployed on Moodle ([994e702](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/994e702ce0ed69633798adec8830d33b87680e92))
 
 # [2.3.0-test.1](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/compare/v2.2.0...v2.3.0-test.1) (2026-03-27)
 
-
 ### Bug Fixes
 
-* **ci-config:** fixed the rule for npm deployment on branches beta, apha and test ([38923e7](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/38923e7ad775795f2ea27f0d304915a740185892))
-* **ci-config:** fixed the rule for npm deployment on branches beta, apha and test ([808d3de](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/808d3de37bf1d03d420e05fa13412ce17ca72ad1))
-* **dependencies:** fixed depentencies conflicts causing npm ci to fail ([469918e](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/469918e24d0b2948adf7d2f0135d80aeba2b35a8))
-* remaning release config file to .releaserc ([2a746d0](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/2a746d0b294577128937a22fae8f556984e97fda))
+- **ci-config:** fixed the rule for npm deployment on branches beta, apha and test ([38923e7](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/38923e7ad775795f2ea27f0d304915a740185892))
+- **ci-config:** fixed the rule for npm deployment on branches beta, apha and test ([808d3de](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/808d3de37bf1d03d420e05fa13412ce17ca72ad1))
+- **dependencies:** fixed depentencies conflicts causing npm ci to fail ([469918e](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/469918e24d0b2948adf7d2f0135d80aeba2b35a8))
+- remaning release config file to .releaserc ([2a746d0](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/2a746d0b294577128937a22fae8f556984e97fda))
+
+### Features
+
+- **core:** expose app-store and app-router via provide for to external plugins and libraries ([42e776f](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/42e776f9af103490d58d067389d28223c61d7ee8))
+
+# 2.2.0 (2026-01-21)
+
+### Fixes
+
+- Playbar du lecteur vidéo reste visible sauf en plein écran.
+- Affichage de la section info (notes/sources) lorsqu'une seule catégorie existe.
+- Correction du rappel de réponse bloqué (skeleton loader).
+- Texte troué et listes déroulantes : fin de texte manquante.
+- Affichage des vidéos en plein écran.
+- Affichage de la barre de lecture vidéo.
+- Icône triangle des listes déroulantes.
+
+#### Notes
+
+- Inclut les correctifs des versions `2.2.0-beta.*`.
+
+# 2.1.0 (2025-11-24)
+
+### Fixes
+
+- Affichage des listes déroulantes.
+- Validation des objets de quiz et contenu du pop-up neutre.
+- Titres des pop-ups de fin d’activité et de leçon.
+- Problème de complétion avec les fenêtres latérales.
+
+### Performance
+
+- Optimisation des dépendances.
+- Amélioration de `quizrecall`.
+- Optimisation de la mise à jour de `currentPage` dans le store.
+
+### Features
+
+- Ajout de `ScrollTrigger` à `$gsap`.
+- Redéfinition de certains libellés spécifiques du FCAD.
+- Tracking Analytics audio/vidéo.
+- Tracking Learning Locker audio/vidéo.
+- Informations supplémentaires en mode debug.
+
+### BREAKING CHANGES
+
+- Intégration Google Analytics (`analytics_id` dans `app.vue`) et dépendance `vue-gtag@2.0.1`.
+- Nouvelle structure de données pour les lecteurs audio/vidéo.
+- Nouvelle structure de rétroactions (`title` et `hypertext` uniquement).
+- Renommage de plusieurs classes CSS liées aux quiz et rétroactions.
+
+# 2.0.3 (2025-08-27)
 
+### Fixes
+
+- Renommage de `app-comp-quiz` en `app-comp-quiz-next` pour compatibilité descendante.
+
+# 2.0.2 (2025-08-26)
+
+### Features
+
+- Réécriture complète de la logique des exercices.
+
+### Fixes
+
+- Renommage de `app-comp-quiz-nx` en `app-comp-quiz` pour compatibilité descendante.
+- Mise à jour automatique du rappel de réponse.
+- Amélioration responsive du lecteur audio.
+- Skeleton loaders pendant le chargement.
+
+### Accessibility
+
+- Fieldset annonce les consignes à l’arrivée sur un exercice.
+
+# 2.0.1 (2025-08-12)
+
+### Changed
+
+- Carrousel : remplacement du titre `h3` par `p` avec classe.
+- Documentation FCAD 2 déplacée dans `documentation`.
+
+### Fixes
+
+- Correctifs sur réponses ouvertes, radio et checkbox.
+
+# 2.0.0 (2025-03-31)
 
 ### Features
 
-* **core:** expose app-store and app-router via provide for to external plugins and libraries ([42e776f](https://git.crosemont.qc.ca/fcad/core/fcad-core-2/commit/42e776f9af103490d58d067389d28223c61d7ee8))
+- Idle detector.
+- Fenêtre latérale custom.
+- Support SCORM avec FCAD 2.
+
+### Changed
+
+- Migration Vue 2 → Vue 3.
+- Migration Bootstrap-Vue → Vuetify.
+- Migration Webpack → Vite.
+- Migration Vuex → Pinia.
+- Internationalisation Vuetify selon la langue.
+
+### Fixes
+
+- Divers bogues TOC / notes / popup.
+- Import dynamique des branches.
+- Fenêtre progression activité 99 → conclusion.
+- Fermeture de fenêtre latérale avec espace.
+
+### Performance
+
+- Optimisation des requêtes LRS au chargement.
+- Nettoyage dépendances, commentaires et logs.
+
+# 1.3.0 (2023-04-17)
+
+### Fixes
+
+- Navigation précédente désactivée.
+- Titre en trop dans le sommaire.
+- Lecture de la durée média avec NVDA.
+- Correctifs boutons d’embranchement.
+- Interaction quiz / contrôleur média au clavier.
+- Retrait de la confirmation avant fermeture d’onglet.
+
+# 1.2.1 (2023-01-10)
+
+### Changed
+
+- Remplacement de `hors-ecran` par `sr-only`.
+- Correction de `anwser` → `answer` dans le code et les locales.
+
+# 1.2.0 (2022-12-16)
+
+### BREAKING CHANGES
+
+- Intervention CSS requise pour projets existants (quiz choix unique / multiple).
+
+### Accessibility
+
+- Amélioration de l’accessibilité des rétroactions visuelles.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fcad-core-dragon",
-  "version": "2.3.0-test.4",
+  "version": "2.3.0-test.6",
   "private": false,
   "type": "module",
   "main": "./src/main.js",

package/src/components/AppBase.vue

@@ -132,7 +132,8 @@ export default {
       'getBookmarkEnabled',
       'getAppDebugMode',
       'getLessonPosition',
-      'getApplicationSettings'
+      'getApplicationSettings',
+      'getMenuSettings'
     ]),
     appDebugMode() {
       return this.getAppDebugMode
@@ -223,7 +224,7 @@ export default {
       // this.updateTracker('appBase', 'loading')
       this.initializeApp(this.appConfig)
     }
-
+    this.setDocumentTitle()
     window.versionFCAD = this.$helper.getFcadVersionString()
     //check if this is running in a mobile environment and register state in the store
     const md = new mobileDetect(window.navigator.userAgent)
@@ -1063,6 +1064,20 @@ export default {
       if (this.f5KeyPressed) return
 
       this.executeCloseEventTriggered()
+    },
+
+    /**
+     * @description Method set the document title of the app.
+     * The function check if the title exist in the appConfig file then set it as document title
+     *
+     */
+    setDocumentTitle() {
+      let lessonLabel, titleString
+      let { lessonNumber, lessonTitle } = this.getMenuSettings
+      lessonLabel = this.$t('text.lesson')
+      lessonTitle = lessonTitle ? ` - ${lessonTitle}` : ''
+      titleString = `${lessonLabel} ${lessonNumber}${lessonTitle}`
+      document.title = titleString
     }
   }
 }

package/src/components/AppBaseModule.vue

@@ -533,19 +533,6 @@ export default {
     document.removeEventListener('keydown', this.handleKeyboardControls)
   },
   created() {
-    let lessonLabel, lessonNumber, lessonTitle, titleString
-    lessonLabel = this.$t('text.lesson')
-    lessonNumber = this.moduleConfig.id.replace('module_', '')
-    lessonTitle = this.theTitle
-    titleString = lessonLabel + ' ' + lessonNumber + ' – ' + lessonTitle
-
-    //Remove prefix for introduction or conclusion, according to isIntroConclu setting in Module.vue
-    if (typeof this.moduleConfig.isIntroConclu !== 'undefined') {
-      if (this.moduleConfig.isIntroConclu) {
-        titleString = lessonTitle
-      }
-    }
-    document.title = titleString
     document.addEventListener('sidebarEvent', (e) => {
       // e. e.checkVisibility()
       this.$bus.$emit(

package/src/components/AppBasePage.vue

@@ -524,11 +524,11 @@ export default {
     completePage() {
       if (
         ['pg_menu', 'pg_branch'].includes(this.type) ||
-        this.state == 'completed' ||
-        this.isBranchingPage
+        this.state == 'completed'
       )
         return
 
+
       this.state = 'completed'
       this.userInteraction.state = this.state
     },

package/src/components/AppCompBranchButtons.vue

@@ -55,7 +55,6 @@ Si la composante est appelée sans prop, les boutons par défaut seront génér
 
           <app-comp-button-progress
             :set-target="sidebar"
-            :percent="branch.progression ? branch.progression : 0"
             :branch-data="branch"
             :btn-title="getMatchingElement(branch.id).btnTitle"
             no-interaction
@@ -69,7 +68,6 @@ Si la composante est appelée sans prop, les boutons par défaut seront génér
             <v-card-title v-html="branch.title"></v-card-title>
             <app-comp-button-progress
               :set-target="sidebar"
-              :percent="branch.progression ? branch.progression : 0"
               :branch-data="branch"
               :btn-title="getMatchingElement(branch.id).btnTitle"
             ></app-comp-button-progress>
@@ -80,7 +78,6 @@ Si la composante est appelée sans prop, les boutons par défaut seront génér
         <div v-else class="branch-btn-wrapper">
           <app-comp-button-progress
             :set-target="sidebar"
-            :percent="branch.progression ? branch.progression : 0"
             :branch-data="branch"
             :btn-title="branch.text"
           ></app-comp-button-progress>
@@ -99,10 +96,6 @@ export default {
     AppCompButtonProgress
   },
   props: {
-    consigne: {
-      type: Boolean,
-      default: false
-    },
     sidebar: {
       type: String,
       default: 'branch-viewer'
@@ -202,7 +195,7 @@ export default {
       radius: svgRadius,
       circumference: svgRadius * 2 * Math.PI,
       branchs: null,
-      branchsStateData: null,
+      branchsStateData: [],
       idActivity: null,
       isCustomButton: false,
       isCard: false,
@@ -237,11 +230,12 @@ export default {
       deep: true,
       //watch the completions to update the branches progression
       handler() {
+
         if (
           this.getAllCompleted[this.idActivity] &&
           this.getAllCompleted[this.idActivity].length
         )
-          this.getbranchsData()
+        this.UpdateBranchProgress()
       }
     }
   },
@@ -251,102 +245,77 @@ export default {
     this.idActivity = this.$router.currentRoute.value.meta.activity_ref
     this.branchs = this.$router.currentRoute.value.meta.children
 
-    this.getbranchsData()
+    this.WhatToLoad()
   },
   methods: {
     /**
-     * @description Method to get the progression for a branch
-     *
+     * @description Method used to sort according to input type
      */
-    getbranchsData() {
-      this.branchsStateData = []
-      this.branchs.forEach((branch, index) => {
-        let branchData = {}
-        branchData.id = branch._ref
-        branchData.route = branch._namedRoute
-        let { state = 'new', progression = 0 } = this.getBranchProgression(
-          branchData.id
-        )
+    WhatToLoad(){
 
-        branchData.state = state
-        branchData.progression = progression
-        if (isNaN(branchData.progression)) branchData.progression = 0
-
-        if (this.isCard && this.getMatchingElement(branchData.id)) {
-          const { title, text, imgFile, imgAlt, btnTitle } =
-            this.getMatchingElement(branchData.id)
-
-          branchData = {
-            ...branchData,
-            text,
-            title,
-            imgFile,
-            imgAlt,
-            btnTitle
-          }
+      if(this.cards){
+        this.cards.forEach((e)=>{
+          this.ColletBranchData(e)
+        })
+      }
 
-          if (
-            typeof branchData.imgAlt === 'undefined' &&
-            branchData.imgFile === 'undefined' &&
-            import.meta.env.DEV
-          ) {
-            branchData.imgAlt = ''
-            console.warn(
-              `Bouton d’embranchement: ALT image sans valeur définie pour ${branchData.id}`
-            )
-          }
-        }
-        this.branchsStateData[index] = branchData
-      })
+      if(this.customButtons){
+        this.customButtons.forEach((e)=>{
+          this.ColletBranchData(e)
+        })
+      }
     },
-
     /**
-     * @description Method to get the progression for a branch
-     * @param {String} idBranch the id of the branch ex: "P01_E01"
-     * @return {Number} Return the percentage of completion (from 0 to 100) and the current state of a specific branch
+     * @description Method responsible for gathering all the information used to build the card or button
+     * @param {object} DataCard
+     * @return {Array} branchsStateData collection of all card or button to create
      */
-    getBranchProgression(idBranch) {
-      let result = { state: null, progression: null }
+    ColletBranchData(DataCard){
 
-      if (!this.getAllCompleted[this.idActivity]) return result // no progression found for this activity return result
+      let branchData = {}
 
-      const total = this.getBranchPagesCount(idBranch) // get all pages for in this branch
-      //get all completed branches pages
-      const completedPages = this.getAllCompleted[this.idActivity].filter(
-        (page) => {
-          return Object.keys(page)[0].search(idBranch) !== -1
-        }
-      )
-      result.progression = Math.floor((completedPages.length / total) * 100)
+      let options = ['text','title','imgFile','imgAlt']
 
-      if (isNaN(result.progression)) result.progression = 0
+      branchData = options.reduce((acc, opt)=>{
+        acc[opt] = opt in DataCard ? DataCard[opt]: null;
+        return acc
+      }, {})
 
-      if (result.progression === 0) {
-        result.state = this.status.NEW
-      } else if (result.progression === 100) {
-        result.state = this.status.COMPLETE
-      } else {
-        result.state = this.status.STARTED
+      branchData.id = DataCard.brchName
+
+      this.branchs.forEach((e)=>{
+        if(e._ref == branchData.id )
+          branchData.route = e._namedRoute
+      })
+
+      if(!this.branchsStateData.length) this.branchsStateData.push(branchData)
+      else{
+        this.branchsStateData.forEach((e)=>{
+          if(e.id != branchData.id){
+            this.branchsStateData.push(branchData)
+          }
+        })
       }
-      return result
-    },
 
+    },
     /**
-     * @description Method to get the numbers of pages in a branch
-     * @param {String} idBranch the id of the branch ex: "A02_E01_P01"
-     * @return {Array} /Return the total of pages in a specific branch
+     * @description Method that updates the progression state of a branch
+     * @param N/A
+     * @return {String}  Update State
      */
-    getBranchPagesCount(idBranch) {
-      if (this.$router.currentRoute.value.meta.type !== 'branching') return
-
-      const allPages = this.getAllActivities()
-        .list.get(this.idActivity)
-        .get(this.$router.currentRoute.value.meta.id)
-        .get(idBranch)
+    UpdateBranchProgress(){
+      if(!this.branchsStateData.length) return
+      let act = this.getAllCompleted[this.idActivity]
+      let t
+      this.branchsStateData.forEach((e)=>{
+        t = e.id
+
+        act.forEach((a)=>{
+          if(a.hasOwnProperty(t)) e.state = a[t]
+        })
+      })
 
-      return allPages.size ? allPages.size : 1
     },
-
     /**
      * @description Method to validate data in the prop card|customButton.
      * @param {String} propName  The name of the property card|customButton
@@ -356,14 +325,14 @@ export default {
       let isValid = true
       let errMsg = false
 
-      switch (propName) {
+       switch (propName) {
         case 'cards': {
           // verify that numbers of element is equal to number
           //card must have at least 2 elements
           if (
             this.cards.constructor !== Array ||
-            this.cards.length !== this.branchs.length
-          ) {
+            this.cards.length < 1
+           ) {
             isValid = false
             errMsg = `La propriété cards doit être un tableau contenant ${this.branchs.length} elements`
           } else {
@@ -387,6 +356,7 @@ export default {
                   b._ref.includes(el.brchName)
                 )
 
+
                 if (!searchEl) {
                   errMsg = `Aucune branch correspondante avec le nom ${el.brchName} pour la carte ${
                     index + 1
@@ -404,7 +374,7 @@ export default {
         case 'customButtons': {
           if (
             this.customButtons.constructor !== Array ||
-            this.customButtons.length !== this.branchs.length
+            this.customButtons.length < 1
           ) {
             isValid = false
             errMsg = `La propriété customButtons doit être un tableau contenant ${this.branchs.length} elements`
@@ -470,7 +440,6 @@ export default {
 
       return errMsg
     },
-
     /**
      * @description methode to retive matching data of branch in the prop card| customButton
      * @param {String} id The id of the branch

package/src/components/AppCompButtonProgress.vue

@@ -41,11 +41,6 @@ export default {
       type: Boolean,
       default: false
     },
-    percent: {
-      type: [Number],
-      default: 0,
-      required: true
-    },
     branchData: {
       type: Object,
       required: true
@@ -72,7 +67,7 @@ export default {
       status: {
         NEW: 'new',
         STARTED: 'started',
-        COMPLETE: 'complete'
+        COMPLETE: 'completed'
       },
       withRouter: false, //Only for demo purpose. Remove after demo
       isActive: false,

package/src/components/AppCompInputDropdownNx.vue

@@ -202,7 +202,6 @@ export default {
      * @Return a collection of item representing the options for a the selectables
      */
     getItemOptions(index) {
-      console.log(Object.values(this.mappedOptions[index])[0])
       return Object.values(this.mappedOptions[index])[0]
     },
     /**

package/src/components/AppCompTableOfContent.vue

@@ -284,10 +284,12 @@ export default {
       let tabcomplete = []
 
       if (nextIndex < menuInfo[this.activity].anchors.length) {
+        //console.log('dans le premier if')
         nextSec = menuInfo[this.activity].anchors[nextIndex].pageRef
       }
 
       if (nextSec != undefined) {
+        //  console.log('dans le Deuxieme if')
         nb = parseInt(nextSec.substring(1))
 
         while (nb > parseInt(curSec.substring(1))) {
@@ -300,14 +302,20 @@ export default {
           let numPage = this.getAllActivitiesState[this.activity].size
 
           for (let g = 1; g == numPage; g++) {
-            tabPageSec.push(`P${g}`)
+            if(g<10){
+              tabPageSec.push(`P0${g}`)
+            }else{
+              tabPageSec.push(`P${g}`)
+            }
           }
+
           if (
             typeof this.getAllCompleted[this.activity] !== 'undefined' &&
             this.getAllCompleted[this.activity].length !==
               this.getAllActivitiesState[this.activity].size
           )
-            return false
+          return
+
         }
         tabPageSec.push(curSec)
       }

package/src/main.js

@@ -131,6 +131,7 @@ export default {
           if (name !== 'initializeApp') return
           let { appConfigs } = appStore.$state
           let { remote = false, specification } = appConfigs
+
           const c = await configConnection(appConfigs)
           store.lrsConfig = c
           const { $scorm, $xapi, $idb } = app.config.globalProperties
@@ -139,21 +140,22 @@ export default {
               auth,
               endpoint,
               registration = $xapi.ruuid()
-            } = store.lrsConfig
-
-            const config = {
-              auth,
-              endpoint,
-              registration,
-              activity_platform: `SIPI_organizationId`
+            } = store?.lrsConfig ?? {}
+
+            if (auth && endpoint) {
+              const config = {
+                auth,
+                endpoint,
+                registration,
+                activity_platform: `SIPI_organizationId`
+              }
+              // configure and launch LRS
+              $xapi._configLRS(config)
             }
-
-            $xapi._configLRS(config) // configure and launch LRS
           }
 
           //Configure connection with the Data from appBase
           //===================================================
-
           const activity_id = c ? c.activity_id : null
 
           //Redefine actor with  value from connection informtion
@@ -191,6 +193,9 @@ export default {
             if (lessonPosition) appStore.setLessonPosition([lessonPosition])
             if (completedState) appStore.setCompletionState(completedState)
           }
+
+          if (window.location.hostname !== 'localhost') remote = false
+
           //Open Connection to IDB and Save the store state to localDB
           let dbStoreActive =
             !window.location.hostname.includes('cegepadistance.ca') && !remote
@@ -334,6 +339,8 @@ export default {
           }
           break
         }
+        default:
+          connectionInfo = null
       }
 
       return connectionInfo
@@ -346,7 +353,6 @@ export default {
         $idb,
         actor,
         activity_id,
-        crs_id,
         idb_id,
         specification,
         remote

package/tests/unit/AppCompBranchButtons.spec.js

@@ -80,32 +80,6 @@ describe('AppCompBranchButtons.vue', () => {
     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,
@@ -166,7 +140,6 @@ describe('AppCompBranchButtons.vue', () => {
     ).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)
+
   })
 })