Utilise le nomTechnique pour le bouton lecture même dans objets trouvés

Co-authored-by: Marie Leuliette <marie.leuliette@captive.fr>
betagouv · Oct 18, 2021 · 0f6bec1 · 0f6bec1
1 parent 62b5f67
commit 0f6bec1
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 16 deletions.
diff --git a/src/situations/commun/vues/bouton_lecture.vue b/src/situations/commun/vues/bouton_lecture.vue
@@ -40,7 +40,7 @@ import JoueurAudioBuffer from 'commun/composants/joueur_audio_buffer';
 
 export default {
   props: {
-    idQuestion: {
+    nomTechnique: {
       type: String,
       required: true
     }
@@ -58,15 +58,15 @@ export default {
       this.joueSon = !this.joueSon;
     },
 
-    audioBuffer (idQuestion) {
-      return this.$depotRessources.messageAudio(idQuestion);
+    audioBuffer (nomTechnique) {
+      return this.$depotRessources.messageAudio(nomTechnique);
     }
   },
 
   watch: {
     joueSon (joue) {
       if (joue) {
-        this.joueurSon.start(this.audioBuffer(this.idQuestion), () => { this.joueSon = false; });
+        this.joueurSon.start(this.audioBuffer(this.nomTechnique), () => { this.joueSon = false; });
       } else {
         this.joueurSon.stop();
       }

diff --git a/src/situations/commun/vues/qcm.vue b/src/situations/commun/vues/qcm.vue
@@ -28,7 +28,7 @@
           </div>
           <bouton-lecture
             class="bouton-lecture"
-            :idQuestion="question.nom_technique"
+            :nomTechnique="question.nom_technique"
           />
         </div>
         <div class="entete-questions">

diff --git a/src/situations/objets_trouves/data/apps.js b/src/situations/objets_trouves/data/apps.js
@@ -380,6 +380,7 @@ const questionMessage3 = {
 
 const questionRepondeur1 = {
   id: 'heure-bureau-mickael',
+  nomTechnique: 'heure-bureau-mickael',
   icone: iconeRepondeur,
   illustration: AppRepondeur1,
   intitule: 'A quelle heure Sophie doit-elle se rendre dans le bureau de Mickael ?',
@@ -427,6 +428,7 @@ const questionRepondeur1 = {
 
 const questionRepondeur2 = {
   id: 'nombre-tours-de-manege',
+  nomTechnique: 'nombre-tours-de-manege',
   icone: iconeRepondeur,
   illustration: AppRepondeur2,
   description: 'Vous savez que Sophie lance un tour de manège pour 7 enfants.',

diff --git a/src/situations/objets_trouves/infra/depot_ressources_objets_trouves.js b/src/situations/objets_trouves/infra/depot_ressources_objets_trouves.js
@@ -67,8 +67,8 @@ export default class DepotRessourcesObjetsTrouves extends DepotRessourcesCommune
     return this.ressource(iconeDeverrouillageDebloque);
   }
 
-  messageAudio (questionId) {
-    return this.ressource(MESSAGES[questionId]);
+  messageAudio (nomTechniqueQuestion) {
+    return this.ressource(MESSAGES[nomTechniqueQuestion]);
   }
 
   existeMessageAudio (nomTechniqueQuestion) {

diff --git a/src/situations/objets_trouves/vues/lecture-message.vue b/src/situations/objets_trouves/vues/lecture-message.vue
@@ -2,7 +2,7 @@
   <div class="telephone-conteneur">
     <bouton-lecture
        class="bouton-lecture"
-       :idQuestion="question.id"
+       :nomTechnique="question.nomTechnique"
        :class="classPositionBoutonLecture"
     />
   </div>
@@ -24,7 +24,7 @@ export default {
 
   computed: {
     classPositionBoutonLecture () {
-      return `bouton-lecture--${this.question.id}`;
+      return `bouton-lecture--${this.question.nomTechnique}`;
     }
   }
 };

diff --git a/tests/situations/commun/vues/bouton-lecture.test.js b/tests/situations/commun/vues/bouton-lecture.test.js
@@ -3,21 +3,21 @@ import BoutonLecture from 'commun/vues/bouton_lecture';
 
 describe('Le bouton de lecture de message audio', function () {
   it("affiche le bouton play quand aucun son n'est joué", function () {
-    const wrapper = shallowMount(BoutonLecture, { propsData: { idQuestion: '1' } });
+    const wrapper = shallowMount(BoutonLecture, { propsData: { nomTechnique: 'question1' } });
     expect(wrapper.find('.bouton-lecture').exists()).toBe(true);
   });
 
   it('joue le son et affiche le bouton pause', function (done) {
     const localVue = createLocalVue();
     localVue.prototype.$depotRessources = {
-      messageAudio: (idQuestion) => {
-        expect(idQuestion).toEqual('question1');
+      messageAudio: (nomTechnique) => {
+        expect(nomTechnique).toEqual('question1');
       }
     };
 
     const wrapper = shallowMount(BoutonLecture, {
       localVue: localVue,
-      propsData: { idQuestion: 'question1', joueSon: true }
+      propsData: { nomTechnique: 'question1', joueSon: true }
     });
     let sonJoue = false;
     wrapper.vm.joueurSon = {
@@ -34,7 +34,7 @@ describe('Le bouton de lecture de message audio', function () {
   });
 
   it("stop le son quand le bouton n'est plus affiché", function () {
-    const wrapper = shallowMount(BoutonLecture, { propsData: { idQuestion: '1' } });
+    const wrapper = shallowMount(BoutonLecture, { propsData: { nomTechnique: 'question1' } });
     let sonStope = false;
     wrapper.vm.joueurSon = {
       stop: () => {

diff --git a/tests/situations/objets_trouves/vues/lecture-message.test.js b/tests/situations/objets_trouves/vues/lecture-message.test.js
@@ -7,7 +7,7 @@ describe('La lecture de message pour objets trouvés', function () {
   let wrapper;
 
   beforeEach(function () {
-    question = { id: 'message-bureau-mickael' };
+    question = { nomTechnique: 'message-bureau-mickael' };
 
     wrapper = shallowMount(VueLectureMessage, {
       propsData: { question }
@@ -20,7 +20,7 @@ describe('La lecture de message pour objets trouvés', function () {
   });
 
   it('joue le message audio de la question', function () {
-    expect(wrapper.findComponent(BoutonLecture).props().idQuestion).toBe(question.id);
+    expect(wrapper.findComponent(BoutonLecture).props().nomTechnique).toBe(question.nomTechnique);
   });
 
   it('affiche le bouton à la bonne position en fonction de la question', function () {