@coorpacademy/app-review 0.5.4 → 0.5.6-alpha.10

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

@@ -8,7 +8,8 @@ import {
   postAnswerResponses,
   progressionSlideWithPendingSlide,
   getChoicesCorrection,
-  incorrectFreeTextPostAnswerResponse
+  incorrectFreeTextPostAnswerResponse,
+  translate
 } from '../../../test/util/services.mock';
 import {CongratsCardProps, CongratsProps, mapStateToSlidesProps} from '..';
 import type {StoreState} from '../../../reducers';
@@ -18,6 +19,8 @@ import {templateSlide} from './fixtures/template';
 import {qcmSlide} from './fixtures/qcm';
 import {sliderSlide} from './fixtures/slider';
 
+const connectedOptions = {translate, onQuitClick: identity};
+
 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 = {
@@ -48,13 +51,13 @@ test('should create initial props when fetched slide is not still received', t =
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
-    mode: '__revision_mode',
-    skillName: '__agility',
+    mode: translate('Review Title'),
+    skillName: translate('Content Parent Title'),
     steps: [
       {
         current: true,
@@ -141,13 +144,13 @@ test('should create props when first slide is on the state', t => {
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
-    mode: '__revision_mode',
-    skillName: '__agility',
+    mode: translate('Review Title'),
+    skillName: translate('Content Parent Title'),
     steps: [
       {
         current: true,
@@ -249,13 +252,13 @@ test('should create props when slide is on the state and user has selected answe
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
-    mode: '__revision_mode',
-    skillName: '__agility',
+    mode: translate('Review Title'),
+    skillName: translate('Content Parent Title'),
     steps: [
       {
         current: true,
@@ -363,13 +366,13 @@ test('should verify props when first slide was answered correctly and next slide
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
-    mode: '__revision_mode',
-    skillName: '__agility',
+    mode: translate('Review Title'),
+    skillName: translate('Content Parent Title'),
     steps: [
       {
         current: true,
@@ -481,13 +484,13 @@ test('should verify props when first slide was answered with error and next slid
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
-    mode: '__revision_mode',
-    skillName: '__agility',
+    mode: translate('Review Title'),
+    skillName: translate('Content Parent Title'),
     steps: [
       {
         current: true,
@@ -556,13 +559,13 @@ test('should verify props when first slide was answered, next slide is fetched &
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
-    mode: '__revision_mode',
-    skillName: '__agility',
+    mode: translate('Review Title'),
+    skillName: translate('Content Parent Title'),
     steps: [
       {
         current: true,
@@ -593,16 +596,16 @@ test('should verify props when first slide was answered, next slide is fetched &
   });
   t.is(props.stack.endReview, false);
   t.deepEqual(omit('next.onClick', props.stack.correctionPopinProps), {
-    resultLabel: '_right',
+    resultLabel: translate('Correct Answer'),
     information: {
-      label: '_klf',
+      label: translate('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'
+      ariaLabel: translate('Next Question'),
+      label: translate('Next Question')
     },
     type: 'right'
   });
@@ -688,13 +691,13 @@ test('should verify props when first slide was answered incorrectly, next slide
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
-    mode: '__revision_mode',
-    skillName: '__agility',
+    mode: translate('Review Title'),
+    skillName: translate('Content Parent Title'),
     steps: [
       {
         current: true,
@@ -725,19 +728,19 @@ test('should verify props when first slide was answered incorrectly, next slide
   });
   t.is(props.stack.endReview, false);
   t.deepEqual(omit('next.onClick', props.stack.correctionPopinProps), {
-    resultLabel: '_wrong',
+    resultLabel: translate('Wrong Answer'),
     information: {
-      label: '_correctAnswer',
+      label: translate('Correct Answer'),
       message: 'Benchmark'
     },
     klf: {
-      label: '_klf',
+      label: translate('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.'
     },
     next: {
-      ariaLabel: '_correctionNextAriaLabel',
-      label: '_correctionNextLabel'
+      ariaLabel: translate('Next Question'),
+      label: translate('Next Question')
     },
     type: 'wrong'
   });
@@ -827,13 +830,13 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
-    mode: '__revision_mode',
-    skillName: '__agility',
+    mode: translate('Review Title'),
+    skillName: translate('Content Parent Title'),
     steps: [
       {
         current: false,
@@ -960,13 +963,13 @@ test('should verify props when progression is in success, showing last correctio
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
-    mode: '__revision_mode',
-    skillName: '__agility',
+    mode: translate('Review Title'),
+    skillName: translate('Content Parent Title'),
     steps: [
       {
         current: false,
@@ -998,16 +1001,16 @@ test('should verify props when progression is in success, showing last correctio
 
   t.deepEqual(omit(['next.onClick'], props.stack.correctionPopinProps), {
     information: {
-      label: '_klf',
+      label: translate('KLF'),
       message:
         'L’apprenant peut aussi évaluer sa performance grâce à un classement disponible sur la vue leaderboard. Elle compare sa position par rapport à celle des autres apprenants de la plateforme.'
     },
     klf: undefined,
     next: {
-      ariaLabel: '_correctionNextAriaLabel',
-      label: '_correctionNextLabel'
+      ariaLabel: translate('Next Question'),
+      label: translate('Next Question')
     },
-    resultLabel: '_right',
+    resultLabel: translate('Correct Answer'),
     type: 'right'
   });
 });
@@ -1082,9 +1085,9 @@ test('should verify props showing congrats', t => {
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   const congrats = props.congrats as CongratsProps;
-  t.is(congrats.title, 'Congratulations!');
+  t.is(congrats.title, translate('Congratulations!'));
   t.is(
     congrats.animationLottie.animationSrc,
     'https://static-staging.coorpacademy.com/animations/review/confetti.json'
@@ -1109,7 +1112,7 @@ test('should verify props showing congrats', t => {
         loop: true
       },
       rankSuffix: 'th',
-      reviewCardTitle: 'You are now',
+      reviewCardTitle: translate('You are now'),
       reviewCardValue: '9'
     }
   );
@@ -1135,7 +1138,7 @@ test('should verify props showing congrats', t => {
         }
       },
       rankSuffix: undefined,
-      reviewCardTitle: 'You have won',
+      reviewCardTitle: translate('You have won'),
       reviewCardValue: '40'
     }
   );
@@ -1214,9 +1217,9 @@ test('should verify props showing congrats, with only stars card, if user has no
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   const congrats = props.congrats as CongratsProps;
-  t.is(congrats.title, 'Congratulations!');
+  t.is(congrats.title, translate('Congratulations!'));
   t.is(
     congrats.animationLottie.animationSrc,
     'https://static-staging.coorpacademy.com/animations/review/confetti.json'
@@ -1244,7 +1247,7 @@ test('should verify props showing congrats, with only stars card, if user has no
         }
       },
       rankSuffix: undefined,
-      reviewCardTitle: 'You have won',
+      reviewCardTitle: translate('You have won'),
       reviewCardValue: '40'
     }
   );
@@ -1325,12 +1328,12 @@ test('should verify props when progression has answered a current pendingSlide',
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
-    mode: '__revision_mode',
-    skillName: '__agility',
+    mode: translate('Review Title'),
+    skillName: translate('Content Parent Title'),
     steps: [
       {
         current: true,
@@ -1431,12 +1434,12 @@ test('should verify props when progression still has a pendingSlide', t => {
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
-    mode: '__revision_mode',
-    skillName: '__agility',
+    mode: translate('Review Title'),
+    skillName: translate('Content Parent Title'),
     steps: [
       {
         current: false,
@@ -1495,6 +1498,6 @@ test('should verify that props quitPopin is not undefined when popin is displaye
       showQuitPopin: true
     }
   };
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity, connectedOptions);
   t.not(props.quitPopin, undefined);
 });

package/src/views/slides/test/on-quit-popin.on-click.test.ts

@@ -2,12 +2,18 @@ import test from 'ava';
 import identity from 'lodash/fp/identity';
 import {createTestStore} from '../../../actions/test/create-test-store';
 import {CLOSE_POPIN} from '../../../actions/ui/quit-popin';
-import {incorrectFreeTextPostAnswerResponse, services} from '../../../test/util/services.mock';
+import {
+  incorrectFreeTextPostAnswerResponse,
+  services,
+  translate
+} from '../../../test/util/services.mock';
 import {StoreState} from '../../../reducers';
 import {mapStateToSlidesProps, QuitPopinProps} from '..';
 import {freeTextSlide} from './fixtures/free-text';
 import {qcmGraphicSlide} from './fixtures/qcm-graphic';
 
+const connectedOptions = {translate, onQuitClick: identity};
+
 const state: StoreState = {
   data: {
     progression: incorrectFreeTextPostAnswerResponse,
@@ -45,7 +51,7 @@ const state: StoreState = {
 test('should dispatch CLOSE_POPIN action via the property handleOnclick of secondButton when popin is open', async t => {
   const expectedAction = [{type: CLOSE_POPIN}];
   const {dispatch, getState} = createTestStore(t, state, services, expectedAction);
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
   const quitPopin = props.quitPopin as QuitPopinProps;
   await quitPopin.secondButton.handleOnclick();
   const updatedState = getState();
@@ -58,7 +64,10 @@ test('should dispatch onQuitClick function via the property handleOnclick of fir
 
   const expectedAction = [{type: CLOSE_POPIN}];
   const {dispatch, getState} = createTestStore(t, state, services, expectedAction);
-  const props = mapStateToSlidesProps(getState(), dispatch, () => t.pass());
+  const props = mapStateToSlidesProps(getState(), dispatch, {
+    translate,
+    onQuitClick: () => t.pass()
+  });
   const quitPopin = props.quitPopin as QuitPopinProps;
   await quitPopin.firstButton.handleOnclick();
   t.pass();

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

@@ -13,7 +13,8 @@ import {ProgressionFromAPI} from '../../../types/common';
 import {
   getChoicesCorrection,
   postAnswerResponses,
-  services
+  services,
+  translate
 } from '../../../test/util/services.mock';
 import {createTestStore} from '../../../actions/test/create-test-store';
 import {StoreState} from '../../../reducers';
@@ -22,6 +23,7 @@ import {FreeText} from '../../../types/slides';
 import {freeTextSlide} from './fixtures/free-text';
 import {qcmGraphicSlide} from './fixtures/qcm-graphic';
 
+const connectedOptions = {translate, onQuitClick: identity};
 const progression: ProgressionFromAPI = {
   _id: '123456789123',
   content: {type: 'skill', ref: '_skill-ref'},
@@ -99,7 +101,7 @@ test('should dispatch EDIT_BASIC action via the property onChange of a Free Text
   ];
   const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
 
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animationType: undefined,
     animateCorrectionPopin: false,

package/src/views/slides/test/slide.next-slide.on-click.test.ts

@@ -5,7 +5,8 @@ import {
   postAnswerResponses,
   getChoicesCorrection,
   incorrectFreeTextPostAnswerResponse,
-  services
+  services,
+  translate
 } from '../../../test/util/services.mock';
 import {CorrectionPopinProps, mapStateToSlidesProps} from '..';
 import {createTestStore} from '../../../actions/test/create-test-store';
@@ -16,6 +17,8 @@ import {templateSlide} from './fixtures/template';
 import {qcmSlide} from './fixtures/qcm';
 import {sliderSlide} from './fixtures/slider';
 
+const connectedOptions = {translate, onQuitClick: identity};
+
 test('correction popin actions after click', async t => {
   const state: StoreState = {
     data: {
@@ -66,7 +69,7 @@ test('correction popin actions after click', async t => {
     }
   ];
   const {dispatch, getState} = createTestStore(t, state, services, expectedActions);
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
   const correctionPopin = props.stack.correctionPopinProps as CorrectionPopinProps;
   await correctionPopin.next.onClick();
 
@@ -164,7 +167,7 @@ test('correction popin actions after click when progression is finished', async
     }
   ];
   const {dispatch, getState} = createTestStore(t, state, services, expectedActions);
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
   t.is(props.congrats, undefined);
   const correctionPopin = props.stack.correctionPopinProps as CorrectionPopinProps;
   await correctionPopin.next.onClick();

package/src/views/slides/test/slide.qcm-drag.on-click.test.ts

@@ -4,13 +4,14 @@ import get from 'lodash/fp/get';
 import identity from 'lodash/fp/identity';
 import {mapStateToSlidesProps} from '..';
 import {ProgressionFromAPI} from '../../../types/common';
-import {services} from '../../../test/util/services.mock';
+import {services, translate} from '../../../test/util/services.mock';
 import {createTestStore} from '../../../actions/test/create-test-store';
 import {StoreState} from '../../../reducers';
 import {EDIT_QCM_DRAG} from '../../../actions/ui/answers';
 import {QcmDrag} from '../../../types/slides';
 import {qcmDragSlide} from './fixtures/qcm-drag';
 
+const connectedOptions = {translate, onQuitClick: identity};
 const progression: ProgressionFromAPI = {
   _id: '123456789123',
   content: {type: 'skill', ref: '_skill-ref'},
@@ -73,7 +74,7 @@ test('should dispatch EDIT_QCM_DRAG action via the property onClick of a QCM Dra
   ];
   const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
 
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animationType: undefined,
     animateCorrectionPopin: false,

package/src/views/slides/test/slide.qcm-graphic.on-click.test.ts

@@ -4,13 +4,14 @@ import get from 'lodash/fp/get';
 import identity from 'lodash/fp/identity';
 import {mapStateToSlidesProps} from '..';
 import {ProgressionFromAPI} from '../../../types/common';
-import {services} from '../../../test/util/services.mock';
+import {services, translate} from '../../../test/util/services.mock';
 import {createTestStore} from '../../../actions/test/create-test-store';
 import {StoreState} from '../../../reducers';
 import {EDIT_QCM_GRAPHIC} from '../../../actions/ui/answers';
 import {QcmGraphic} from '../../../types/slides';
 import {qcmGraphicSlide} from './fixtures/qcm-graphic';
 
+const connectedOptions = {translate, onQuitClick: identity};
 const progression: ProgressionFromAPI = {
   _id: '123456789123',
   content: {type: 'skill', ref: '_skill-ref'},
@@ -73,7 +74,7 @@ test('should dispatch EDIT_QCM_GRAPHIC action via the property onClick of a QCM
   ];
   const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
 
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animationType: undefined,
     animateCorrectionPopin: false,

package/src/views/slides/test/slide.qcm.on-click.test.ts

@@ -4,13 +4,14 @@ import get from 'lodash/fp/get';
 import identity from 'lodash/fp/identity';
 import {mapStateToSlidesProps} from '..';
 import {ProgressionFromAPI} from '../../../types/common';
-import {services} from '../../../test/util/services.mock';
+import {services, translate} from '../../../test/util/services.mock';
 import {createTestStore} from '../../../actions/test/create-test-store';
 import {StoreState} from '../../../reducers';
 import {EDIT_QCM} from '../../../actions/ui/answers';
 import {Qcm} from '../../../types/slides';
 import {qcmSlide} from './fixtures/qcm';
 
+const connectedOptions = {translate, onQuitClick: identity};
 const progression: ProgressionFromAPI = {
   _id: '123456789123',
   content: {type: 'skill', ref: '_skill-ref'},
@@ -75,7 +76,7 @@ test('should dispatch EDIT_QCM action via the property onClick of a QCM slide',
   ];
   const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
 
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animationType: undefined,
     animateCorrectionPopin: false,

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

@@ -4,13 +4,14 @@ import get from 'lodash/fp/get';
 import identity from 'lodash/fp/identity';
 import {mapStateToSlidesProps} from '..';
 import {ProgressionFromAPI} from '../../../types/common';
-import {services} from '../../../test/util/services.mock';
+import {services, translate} from '../../../test/util/services.mock';
 import {createTestStore} from '../../../actions/test/create-test-store';
 import {StoreState} from '../../../reducers';
 import {EDIT_SLIDER} from '../../../actions/ui/answers';
 import {QuestionRange} from '../../../types/slides';
 import {sliderSlide} from './fixtures/slider';
 
+const connectedOptions = {translate, onQuitClick: identity};
 const progression: ProgressionFromAPI = {
   _id: '123456789123',
   content: {type: 'skill', ref: '_skill-ref'},
@@ -73,7 +74,7 @@ test('should dispatch EDIT_SLIDER action via the property onChange of a Slider s
   ];
   const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
 
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animationType: undefined,
     animateCorrectionPopin: false,

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

@@ -5,12 +5,13 @@ import identity from 'lodash/fp/identity';
 import {ProgressionFromAPI} from '../../../types/common';
 import {StoreState} from '../../../reducers';
 import {mapStateToSlidesProps} from '..';
-import {services} from '../../../test/util/services.mock';
+import {services, translate} from '../../../test/util/services.mock';
 import {createTestStore} from '../../../actions/test/create-test-store';
 import {EDIT_SLIDER} from '../../../actions/ui/answers';
 import {QuestionRange} from '../../../types/slides';
 import {sliderSlide} from './fixtures/slider';
 
+const connectedOptions = {translate, onQuitClick: identity};
 const progression: ProgressionFromAPI = {
   _id: '123456789123',
   content: {type: 'skill', ref: '_skill-ref'},
@@ -72,7 +73,7 @@ test('should dispatch EDIT_SLIDER action via the property onSliderChange of a Sl
     }
   ];
   const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
 
   const slideProps = props.stack.slides['0'].answerUI?.model as QuestionRange;
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {

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

@@ -5,13 +5,14 @@ import set from 'lodash/fp/set';
 import identity from 'lodash/fp/identity';
 import {mapStateToSlidesProps} from '..';
 import {ProgressionFromAPI} from '../../../types/common';
-import {services} from '../../../test/util/services.mock';
+import {services, translate} from '../../../test/util/services.mock';
 import {createTestStore} from '../../../actions/test/create-test-store';
 import {StoreState} from '../../../reducers';
 import {EDIT_TEMPLATE} from '../../../actions/ui/answers';
 import {Template, TextTemplate} from '../../../types/slides';
 import {templateSlide} from './fixtures/template';
 
+const connectedOptions = {translate, onQuitClick: identity};
 const progression: ProgressionFromAPI = {
   _id: '123456789123',
   content: {type: 'skill', ref: '_skill-ref'},
@@ -71,7 +72,7 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
   ];
   const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
 
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animationType: undefined,
     animateCorrectionPopin: false,
@@ -102,7 +103,7 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
     expectedActions
   );
 
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animationType: undefined,
     animateCorrectionPopin: false,
@@ -119,7 +120,7 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
   const onChangeText = get(['1', 'onChange'], slideProps.answers);
   onChangeText('');
 
-  const newProps = mapStateToSlidesProps(getState(), dispatch, identity);
+  const newProps = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
   const slidePropsAfterOnChange = newProps.stack.slides['0'].answerUI?.model as Template;
   const textAnswerPropsAfterOnChange = slidePropsAfterOnChange.answers[1] as TextTemplate;
   t.is(textAnswerPropsAfterOnChange.value, '');