@coorpacademy/app-review 0.2.8 → 0.2.9

package/src/views/slides/test/fixtures/qcm-graphic.ts

@@ -15,10 +15,10 @@ export const qcmGraphicSlide: SlideFromAPI = {
           media: {
             src: [
               {
-                _id: '624efd915948a7013083e986',
+                _id: '616dbbb61a50f8051c1971ba',
                 mimeType: 'image/jpeg',
-                url: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/true-1512554153232.jpg',
-                id: '624efd915948a7013083e986'
+                url: '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_180530003-1618999931321.jpg',
+                id: '616dbbb61a50f8051c1971ba'
               }
             ],
             posters: [],
@@ -26,19 +26,19 @@ export const qcmGraphicSlide: SlideFromAPI = {
             type: 'img'
           },
           items: [],
-          _id: '624efd915948a7013083e985',
-          label: 'Vrai',
-          value: 'sli_VkSQroQnx.choice_NJesyUo7nx',
-          id: '624efd915948a7013083e985'
+          _id: '616dbbb61a50f8051c1971b9',
+          label: 'La consolidation des acquis',
+          value: 'sli_4k5O3zaN5.choice_E1ebZYyF8q',
+          id: '616dbbb61a50f8051c1971b9'
         },
         {
           media: {
             src: [
               {
-                _id: '624efd915948a7013083e988',
+                _id: '616dbbb61a50f8051c1971bc',
                 mimeType: 'image/jpeg',
-                url: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/false-1512554160848.jpg',
-                id: '624efd915948a7013083e988'
+                url: '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_1170951868-1618999931510.jpg',
+                id: '616dbbb61a50f8051c1971bc'
               }
             ],
             posters: [],
@@ -46,19 +46,139 @@ export const qcmGraphicSlide: SlideFromAPI = {
             type: 'img'
           },
           items: [],
-          _id: '624efd915948a7013083e987',
-          label: 'Faux',
-          value: 'sli_VkSQroQnx.choice_VkgayLjX3e',
-          id: '624efd915948a7013083e987'
+          _id: '616dbbb61a50f8051c1971bb',
+          label: 'Le retour d’information',
+          value: 'sli_4k5O3zaN5.choice_NygF~FJFIc',
+          id: '616dbbb61a50f8051c1971bb'
+        },
+        {
+          media: {
+            src: [
+              {
+                _id: '616dbbb61a50f8051c1971be',
+                mimeType: 'image/jpeg',
+                url: '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_439207960-1618999931642.jpg',
+                id: '616dbbb61a50f8051c1971be'
+              }
+            ],
+            posters: [],
+            subtitles: [],
+            type: 'img'
+          },
+          items: [],
+          _id: '616dbbb61a50f8051c1971bd',
+          label: 'L’engagement actif',
+          value: 'sli_4k5O3zaN5.choice_4yx5bKJKIc',
+          id: '616dbbb61a50f8051c1971bd'
+        },
+        {
+          media: {
+            src: [
+              {
+                _id: '616dbbb61a50f8051c1971c0',
+                mimeType: 'image/jpeg',
+                url: '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_538654849-1618999935091.jpg',
+                id: '616dbbb61a50f8051c1971c0'
+              }
+            ],
+            posters: [],
+            subtitles: [],
+            type: 'img'
+          },
+          items: [],
+          _id: '616dbbb61a50f8051c1971bf',
+          label: 'La motivation',
+          value: 'sli_4k5O3zaN5.choice_VkzcZY1F8q',
+          id: '616dbbb61a50f8051c1971bf'
+        },
+        {
+          media: {
+            src: [
+              {
+                _id: '616dbbb61a50f8051c1971c2',
+                mimeType: 'image/jpeg',
+                url: '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_485162803-1618999941454.jpg',
+                id: '616dbbb61a50f8051c1971c2'
+              }
+            ],
+            posters: [],
+            subtitles: [],
+            type: 'img'
+          },
+          items: [],
+          _id: '616dbbb61a50f8051c1971c1',
+          label: 'L’attention',
+          value: 'sli_4k5O3zaN5.choice_Vken~YJFI5',
+          id: '616dbbb61a50f8051c1971c1'
+        },
+        {
+          media: {
+            src: [
+              {
+                _id: '616dbbb61a50f8051c1971c4',
+                mimeType: 'image/jpeg',
+                url: '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_374136655-1619000050478.jpg',
+                id: '616dbbb61a50f8051c1971c4'
+              }
+            ],
+            posters: [],
+            subtitles: [],
+            type: 'img'
+          },
+          items: [],
+          _id: '616dbbb61a50f8051c1971c3',
+          label: 'La confiance en soi',
+          value: 'sli_4k5O3zaN5.choice_4JgpWKkFLq',
+          id: '616dbbb61a50f8051c1971c3'
+        },
+        {
+          media: {
+            src: [
+              {
+                _id: '616dbbb61a50f8051c1971c6',
+                mimeType: 'image/jpeg',
+                url: '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_142530529-1618999997389.jpg',
+                id: '616dbbb61a50f8051c1971c6'
+              }
+            ],
+            posters: [],
+            subtitles: [],
+            type: 'img'
+          },
+          items: [],
+          _id: '616dbbb61a50f8051c1971c5',
+          label: 'La capacité d’abstraction',
+          value: 'sli_4k5O3zaN5.choice_NJfabKkK8q',
+          id: '616dbbb61a50f8051c1971c5'
+        },
+        {
+          media: {
+            src: [
+              {
+                _id: '616dbbb61a50f8051c1971c8',
+                mimeType: 'image/jpeg',
+                url: '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_5948041-1618999993222.jpg',
+                id: '616dbbb61a50f8051c1971c8'
+              }
+            ],
+            posters: [],
+            subtitles: [],
+            type: 'img'
+          },
+          items: [],
+          _id: '616dbbb61a50f8051c1971c7',
+          label: 'L’abnégation',
+          value: 'sli_4k5O3zaN5.choice_41xAWYJYI9',
+          id: '616dbbb61a50f8051c1971c7'
         }
       ]
     },
     type: 'qcmGraphic',
-    header: 'Pour mener une bonne négociation, il ne faut ressentir aucune émotion. Vrai ou faux ?',
-    explanation: 'Sélectionnez la bonne réponse.'
+    header: 'Quels sont les 4 piliers de l’apprentissage ?',
+    explanation: 'Sélectionnez les 4 bonnes réponses.'
   },
-  klf: "Il ne faut pas prendre la négociation comme une affaire personnelle, afin de rester centré sur son sujet. Mais cela ne signifie pas être dépourvu de toute émotion, car celles-ci peuvent être de vrais atouts. À condition de réussir à les exprimer sans accuser l'autre d'en être à l'origine.",
-  tips: "Pour gérer ses émotions, il faut d'abord les identifier, notamment en analysant ses ressentis physiques et en trouvant l'élément déclencheur.",
+  klf: 'Avec l’engagement actif, le retour d’information et la consolidation des acquis, l’attention est le premier des quatre piliers de l’apprentissage, identifiés par les chercheurs en neuroscience, spécialistes de l’éducation.',
+  tips: 'Une configuration idéale pour l’apprentissage, mettant en œuvre ces 4 piliers : présenter à un apprenant un contenu de durée raisonnable, qui respecte le temps d’attention qu’il peut lui accorder ; proposer ensuite un exercice sur le contenu qui vient d’être expliqué ; puis donner à l’apprenant un retour en direct sur sa production.',
   universalRef: 'sli_VkSQroQnx',
   _id: 'sli_VkSQroQnx',
   parentContentTitle: {
@@ -68,28 +188,75 @@ export const qcmGraphicSlide: SlideFromAPI = {
 };
 
 export const qcmGraphicUISlide: Partial<UISlide> = {
-  questionText:
-    'Pour mener une bonne négociation, il ne faut ressentir aucune émotion. Vrai ou faux ?',
+  questionText: 'Quels sont les 4 piliers de l’apprentissage ?',
   answerUI: {
-    help: 'Sélectionnez la bonne réponse.',
+    help: 'Sélectionnez les 4 bonnes réponses.',
     model: {
       type: 'qcmGraphic',
       answers: [
         {
-          title: 'Vrai',
+          title: 'La consolidation des acquis',
+          image:
+            '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_180530003-1618999931321.jpg',
+          selected: false,
+          ariaLabel: 'La consolidation des acquis',
+          onClick: noop
+        },
+        {
+          title: 'Le retour d’information',
+          image:
+            '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_1170951868-1618999931510.jpg',
+          selected: false,
+          ariaLabel: 'Le retour d’information',
+          onClick: noop
+        },
+        {
+          title: 'L’engagement actif',
+          image:
+            '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_439207960-1618999931642.jpg',
+          selected: false,
+          ariaLabel: 'L’engagement actif',
+          onClick: noop
+        },
+        {
+          title: 'La motivation',
+          image:
+            '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_538654849-1618999935091.jpg',
+          selected: false,
+          ariaLabel: 'La motivation',
+          onClick: noop
+        },
+        {
+          title: 'L’attention',
+          image:
+            '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_485162803-1618999941454.jpg',
+          selected: false,
+          ariaLabel: 'L’attention',
+          onClick: noop
+        },
+        {
+          title: 'La confiance en soi',
+          image:
+            '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_374136655-1619000050478.jpg',
+          selected: false,
+          ariaLabel: 'La confiance en soi',
+          onClick: noop
+        },
+        {
+          title: 'La capacité d’abstraction',
           image:
-            '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/true-1512554153232.jpg',
+            '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_142530529-1618999997389.jpg',
           selected: false,
-          onClick: noop,
-          ariaLabel: 'Vrai'
+          ariaLabel: 'La capacité d’abstraction',
+          onClick: noop
         },
         {
-          title: 'Faux',
+          title: 'L’abnégation',
           image:
-            '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/false-1512554160848.jpg',
+            '//static.coorpacademy.com/content/CoorpAcademy/content-science-et-vie/cockpit-science-et-vie/default/shutterstock_5948041-1618999993222.jpg',
           selected: false,
-          onClick: noop,
-          ariaLabel: 'Faux'
+          ariaLabel: 'L’abnégation',
+          onClick: noop
         }
       ]
     }

package/src/views/slides/test/index.test.ts

@@ -5,16 +5,48 @@ import set from 'lodash/fp/set';
 import {
   postProgressionResponse as createdProgression,
   postAnswerResponses,
-  progressionSlideWithPendingSlide
+  progressionSlideWithPendingSlide,
+  getChoicesCorrection,
+  incorrectFreeTextPostAnswerResponse
 } from '../../../test/util/services.mock';
-import {mapStateToSlidesProps} from '..';
-import {StoreState} from '../../../reducers';
+import {type CorrectionPopinProps, mapStateToSlidesProps} from '..';
+import type {StoreState} from '../../../reducers';
 import {freeTextSlide} from './fixtures/free-text';
 import {qcmGraphicSlide} from './fixtures/qcm-graphic';
 import {templateSlide} from './fixtures/template';
 import {qcmSlide} from './fixtures/qcm';
 import {sliderSlide} from './fixtures/slider';
 
+const popinPropsRightAnswer: CorrectionPopinProps = {
+  resultLabel: '_right',
+  information: {
+    label: '_klf',
+    message:
+      'To negotiate your salary when being hired, you have to establish a benchmark beforehand. In other words, you should assess the salary to which you aspire by enquiring about the remuneration paid in the same industry, the same region and the same position.'
+  },
+  klf: undefined,
+  next: {
+    ariaLabel: '_correctionNextAriaLabel',
+    label: '_correctionNextLabel'
+  },
+  type: 'right'
+};
+
+const popinPropsWrongAnswer: CorrectionPopinProps = {
+  ...popinPropsRightAnswer,
+  klf: {
+    label: '_klf',
+    tooltip:
+      'To negotiate your salary when being hired, you have to establish a benchmark beforehand. In other words, you should assess the salary to which you aspire by enquiring about the remuneration paid in the same industry, the same region and the same position.'
+  },
+  type: 'wrong',
+  resultLabel: '_wrong',
+  information: {
+    label: '_correctAnswer',
+    message: 'Benchmark'
+  }
+};
+
 test('should create initial props when fetched slide is not still received', t => {
   // SCENARIO : @@progression/POST_SUCCESS ok and @@slides/FETCH_REQUEST, (the slide is being fetched)
   const state: StoreState = {
@@ -25,7 +57,8 @@ test('should create initial props when fetched slide is not still received', t =
         sli_N1XACJobn: null
       },
       token: '1234',
-      corrections: {}
+      corrections: {},
+      rank: {}
     },
     ui: {
       currentSlideRef: '',
@@ -115,7 +148,8 @@ test('should create props when first slide is on the state', t => {
         sli_VJYjJnJhg: freeTextSlide
       },
       token: '1234',
-      corrections: {}
+      corrections: {},
+      rank: {}
     },
     ui: {
       currentSlideRef: 'sli_VJYjJnJhg',
@@ -167,6 +201,8 @@ test('should create props when first slide is on the state', t => {
     endReview: false
   });
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    animateCorrectionPopin: false,
+    showCorrectionPopin: false,
     hidden: false,
     position: 0,
     loading: false,
@@ -217,7 +253,8 @@ test('should create props when slide is on the state and user has selected answe
         sli_VJYjJnJhg: freeTextSlide
       },
       token: '1234',
-      corrections: {}
+      corrections: {},
+      rank: {}
     },
     ui: {
       currentSlideRef: 'sli_VJYjJnJhg',
@@ -269,6 +306,8 @@ test('should create props when slide is on the state and user has selected answe
     endReview: false
   });
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    animateCorrectionPopin: false,
+    showCorrectionPopin: false,
     hidden: false,
     position: 0,
     loading: false,
@@ -320,7 +359,8 @@ test('should verify props when first slide was answered correctly and next slide
         sli_VkSQroQnx: null
       },
       token: '1234',
-      corrections: {}
+      corrections: {},
+      rank: {}
     },
     ui: {
       currentSlideRef: 'sli_VJYjJnJhg',
@@ -372,6 +412,8 @@ test('should verify props when first slide was answered correctly and next slide
     endReview: false
   });
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    animateCorrectionPopin: false,
+    showCorrectionPopin: false,
     hidden: false,
     position: 0,
     loading: false,
@@ -427,7 +469,8 @@ test('should verify props when first slide was answered with error and next slid
         sli_VkSQroQnx: null
       },
       token: '1234',
-      corrections: {}
+      corrections: {},
+      rank: {}
     },
     ui: {
       currentSlideRef: 'sli_VJYjJnJhg',
@@ -476,7 +519,7 @@ test('should verify props when first slide was answered with error and next slid
   });
 });
 
-test('should verify props when first slide was answered and next slide is fecthed', t => {
+test('should verify props when first slide was answered, next slide is fetched & correction is fetched', t => {
   // Scenario: after POST_ANSWER_SUCCESS and SLIDE_FETCH_SUCCESS for the nextContent.ref slide
   const state: StoreState = {
     data: {
@@ -487,14 +530,19 @@ test('should verify props when first slide was answered and next slide is fecthe
         sli_VkSQroQnx: qcmGraphicSlide
       },
       token: '1234',
-      corrections: {}
+      corrections: {
+        [freeTextSlide._id]: getChoicesCorrection(freeTextSlide._id)
+      },
+      rank: {}
     },
     ui: {
       currentSlideRef: 'sli_VJYjJnJhg',
       navigation: ['loader', 'slides'],
       answers: ['My value'],
       slide: {
-        validateButton: false
+        validateButton: false,
+        animateCorrectionPopin: true,
+        showCorrectionPopin: true
       }
     }
   };
@@ -534,11 +582,13 @@ test('should verify props when first slide was answered and next slide is fecthe
       }
     ]
   });
-  t.deepEqual(omit(['validateButton', 'slides'], props.stack), {
-    correctionPopinProps: undefined,
+  t.deepEqual(omit(['validateButton', 'slides', 'correctionPopinProps.klf.onClick'], props.stack), {
+    correctionPopinProps: popinPropsRightAnswer,
     endReview: false
   });
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    animateCorrectionPopin: true,
+    showCorrectionPopin: true,
     hidden: false,
     position: 0,
     loading: false,
@@ -555,12 +605,127 @@ test('should verify props when first slide was answered and next slide is fecthe
     }
   });
   t.deepEqual(omit('answerUI', props.stack.slides['1']), {
+    animateCorrectionPopin: false,
+    showCorrectionPopin: false,
     hidden: false,
     position: 1,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',
+    questionText: 'Quels sont les 4 piliers de l’apprentissage ?'
+  });
+  t.is(props.stack.validateButton.disabled, true);
+  t.deepEqual(omit(['0', '1'], props.stack.slides), {
+    '2': {
+      hidden: false,
+      position: 2,
+      loading: true
+    },
+    '3': {
+      hidden: false,
+      position: 3,
+      loading: true
+    },
+    '4': {
+      hidden: false,
+      position: 4,
+      loading: true
+    }
+  });
+});
+
+test('should verify props when first slide was answered incorrectly, next slide is fetched & correction is fetched', t => {
+  // Scenario: after POST_ANSWER_SUCCESS and SLIDE_FETCH_SUCCESS for the nextContent.ref slide
+  const state: StoreState = {
+    data: {
+      progression: incorrectFreeTextPostAnswerResponse,
+      skills: [],
+      slides: {
+        sli_VJYjJnJhg: freeTextSlide,
+        sli_VkSQroQnx: qcmGraphicSlide
+      },
+      token: '1234',
+      corrections: {
+        [freeTextSlide._id]: getChoicesCorrection(freeTextSlide._id, true)
+      },
+      rank: {}
+    },
+    ui: {
+      currentSlideRef: 'sli_VJYjJnJhg',
+      navigation: ['loader', 'slides'],
+      answers: ['My value'],
+      slide: {
+        validateButton: false,
+        animateCorrectionPopin: true,
+        showCorrectionPopin: true
+      }
+    }
+  };
+
+  const props = mapStateToSlidesProps(state, identity);
+  t.is(props.congratsProps, undefined);
+  t.deepEqual(omit(['onQuitClick'], props.header), {
+    'aria-label': 'aria-header-wrapper',
+    closeButtonAriaLabel: 'aria-close-button',
+    mode: '__revision_mode',
+    skillName: '__agility',
+    steps: [
+      {
+        current: true,
+        icon: 'wrong',
+        value: '1'
+      },
+      {
+        current: false,
+        icon: 'no-answer',
+        value: '2'
+      },
+      {
+        current: false,
+        icon: 'no-answer',
+        value: '3'
+      },
+      {
+        current: false,
+        icon: 'no-answer',
+        value: '4'
+      },
+      {
+        current: false,
+        icon: 'no-answer',
+        value: '5'
+      }
+    ]
+  });
+  t.deepEqual(omit(['validateButton', 'slides', 'correctionPopinProps.klf.onClick'], props.stack), {
+    correctionPopinProps: popinPropsWrongAnswer,
+    endReview: false
+  });
+  t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    animateCorrectionPopin: true,
+    showCorrectionPopin: true,
+    hidden: false,
+    position: 0,
+    loading: false,
+    parentContentTitle: 'From "Developing the review app" course',
     questionText:
-      'Pour mener une bonne négociation, il ne faut ressentir aucune émotion. Vrai ou faux ?'
+      'Which term is used to describe the act of asking what the usual salary is for the position you are applying for?'
+  });
+  t.deepEqual(omit('model.onChange', props.stack.slides['0'].answerUI), {
+    help: 'Type your answer.',
+    model: {
+      placeholder: 'Type here',
+      type: 'freeText',
+      value: 'My value'
+    }
+  });
+  t.deepEqual(omit('answerUI', props.stack.slides['1']), {
+    animateCorrectionPopin: false,
+    showCorrectionPopin: false,
+    hidden: false,
+    position: 1,
+    loading: false,
+    parentContentTitle: 'From "Developing the review app" course',
+    questionText: 'Quels sont les 4 piliers de l’apprentissage ?'
   });
   t.is(props.stack.validateButton.disabled, true);
   t.deepEqual(omit(['0', '1'], props.stack.slides), {
@@ -582,7 +747,7 @@ test('should verify props when first slide was answered and next slide is fecthe
   });
 });
 
-test('should verify props when currentSlideRef has changed to nextContent of progression after first asnwered question', t => {
+test('should verify props when currentSlideRef has changed to nextContent of progression after first answered question', t => {
   // state after click on NEXT_SLIDE
   const state: StoreState = {
     data: {
@@ -593,7 +758,10 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
         sli_VkSQroQnx: qcmGraphicSlide
       },
       token: '1234',
-      corrections: {}
+      corrections: {
+        [freeTextSlide._id]: getChoicesCorrection(freeTextSlide._id)
+      },
+      rank: {}
     },
     ui: {
       currentSlideRef: 'sli_VkSQroQnx',
@@ -658,7 +826,14 @@ test('should verify props when progression is in success', t => {
         [templateSlide.universalRef]: templateSlide
       },
       token: '1234',
-      corrections: {}
+      corrections: {
+        [freeTextSlide._id]: getChoicesCorrection(freeTextSlide._id),
+        [qcmGraphicSlide.universalRef]: getChoicesCorrection(qcmGraphicSlide._id),
+        [qcmSlide.universalRef]: getChoicesCorrection(qcmSlide._id),
+        [sliderSlide.universalRef]: getChoicesCorrection(sliderSlide._id),
+        [templateSlide.universalRef]: getChoicesCorrection(templateSlide._id)
+      },
+      rank: {}
     },
     ui: {
       currentSlideRef: templateSlide.universalRef,
@@ -709,7 +884,7 @@ test('should verify props when progression is in success', t => {
   // TODO update test with props.stack validations when NEXT_SLIDE implemented
 });
 
-test('should verify props when progression has answered a current pendingslide', t => {
+test('should verify props when progression has answered a current pendingSlide', t => {
   // Scenario, freeTextSlide and qcmSlide are pending slides, freeTextSlide was answered correctly, qcmSlide remains but not yet the currentSlideRef
   const state: StoreState = {
     data: {
@@ -723,7 +898,14 @@ test('should verify props when progression has answered a current pendingslide',
         [templateSlide.universalRef]: templateSlide
       },
       token: '1234',
-      corrections: {}
+      corrections: {
+        [freeTextSlide._id]: getChoicesCorrection(freeTextSlide._id),
+        [qcmGraphicSlide.universalRef]: getChoicesCorrection(qcmGraphicSlide._id),
+        [qcmSlide.universalRef]: getChoicesCorrection(qcmSlide._id, true),
+        [sliderSlide.universalRef]: getChoicesCorrection(sliderSlide._id),
+        [templateSlide.universalRef]: getChoicesCorrection(templateSlide._id)
+      },
+      rank: {}
     },
     ui: {
       currentSlideRef: freeTextSlide.universalRef,
@@ -771,7 +953,7 @@ test('should verify props when progression has answered a current pendingslide',
   });
 });
 
-test('should verify props when progression has still pendingslide', t => {
+test('should verify props when progression still has a pendingSlide', t => {
   // Scenario, freeTextSlide and qcmSlide are pending slides, freeTextSlide was answered correctly, qcmSlide remains and it is the currentSlideRef
   const state: StoreState = {
     data: {
@@ -785,7 +967,14 @@ test('should verify props when progression has still pendingslide', t => {
         [templateSlide.universalRef]: templateSlide
       },
       token: '1234',
-      corrections: {}
+      corrections: {
+        [freeTextSlide._id]: getChoicesCorrection(freeTextSlide._id),
+        [qcmGraphicSlide.universalRef]: getChoicesCorrection(qcmGraphicSlide._id),
+        [qcmSlide.universalRef]: getChoicesCorrection(qcmSlide._id, true),
+        [sliderSlide.universalRef]: getChoicesCorrection(sliderSlide._id),
+        [templateSlide.universalRef]: getChoicesCorrection(templateSlide._id)
+      },
+      rank: {}
     },
     ui: {
       currentSlideRef: qcmSlide.universalRef,

package/src/views/slides/test/slide.free-text.on-change.test.ts

@@ -40,7 +40,8 @@ const initialState: StoreState = {
     },
     skills: [],
     token: '1234',
-    corrections: {}
+    corrections: {},
+    rank: {}
   },
   ui: {
     currentSlideRef: freeTextSlide._id,
@@ -65,6 +66,8 @@ test('should dispatch EDIT_BASIC action via the property onChange of a Free Text
 
   const props = mapStateToSlidesProps(getState(), dispatch);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    animateCorrectionPopin: false,
+    showCorrectionPopin: false,
     hidden: false,
     position: 0,
     loading: false,