@coorpacademy/app-review 0.5.6-alpha.9 → 0.5.6

package/src/views/slides/index.ts

@@ -8,12 +8,7 @@ import toInteger from 'lodash/fp/toInteger';
 import type {Dispatch} from 'redux';
 import join from 'lodash/fp/join';
 import {closeQuitPopin, openQuitPopin} from '../../actions/ui/quit-popin';
-import type {
-  ConnectedOptions,
-  ProgressionAnswerItem,
-  ProgressionFromAPI,
-  SlideContent
-} from '../../types/common';
+import type {ProgressionAnswerItem, ProgressionFromAPI, SlideContent} from '../../types/common';
 import {getProgressionSlidesRefs, type SlideIndexes} from '../../common';
 import type {StoreState} from '../../reducers';
 import type {AnswerUI} from '../../types/slides';
@@ -351,27 +346,22 @@ export const buildStepItems = (state: StoreState): StepItem[] => {
 
 const getCorrectionPopinProps =
   (dispatch: Dispatch) =>
-  (
-    isCorrect: boolean,
-    correctAnswer: string[],
-    klf: string,
-    translate: (key: string, data?: unknown) => string
-  ): CorrectionPopinProps => {
+  (isCorrect: boolean, correctAnswer: string[], klf: string): CorrectionPopinProps => {
     return {
       klf: isCorrect
         ? undefined
         : {
-            label: translate('KLF'),
+            label: '_klf',
             tooltip: klf
           },
-      resultLabel: isCorrect ? translate('Correct Answer') : translate('Wrong Answer'),
+      resultLabel: isCorrect ? '_right' : '_wrong',
       information: {
-        label: isCorrect ? translate('KLF') : translate('Correct Answer'),
+        label: isCorrect ? '_klf' : '_correctAnswer',
         message: isCorrect ? klf : join(',', correctAnswer)
       },
       next: {
-        ariaLabel: translate('Next Question'),
-        label: translate('Next Question'),
+        ariaLabel: '_correctionNextAriaLabel',
+        label: '_correctionNextLabel',
         onClick: (): void => {
           dispatch(nextSlide);
         }
@@ -408,10 +398,7 @@ const buildQuitPopinProps =
     };
   };
 
-const buildRankCard = (
-  rank: number,
-  translate: (key: string, data?: unknown) => string
-): CongratsCardProps => {
+const buildRankCard = (rank: number): CongratsCardProps => {
   return {
     'aria-label': 'Review Card Congrats Container',
     'data-name': 'card-rank',
@@ -427,17 +414,14 @@ const buildRankCard = (
     cardType: 'card-rank',
     iconAriaLabel: 'Image without information',
     className: undefined,
-    reviewCardTitle: translate('You are now'),
+    reviewCardTitle: 'You are now',
     reviewCardValue: `${rank}`,
     rankSuffix: 'th',
     timerAnimation: 200
   };
 };
 
-const buildCongratsProps = (
-  state: StoreState,
-  translate: (key: string, data?: unknown) => string
-): CongratsProps | undefined => {
+const buildCongratsProps = (state: StoreState): CongratsProps | undefined => {
   if (!state.ui.showCongrats) return;
 
   const progression = state.data.progression as ProgressionFromAPI;
@@ -461,21 +445,20 @@ const buildCongratsProps = (
     iconAriaLabel: 'Image without information',
     className: undefined,
     cardType: 'card-star',
-    reviewCardTitle: translate('You have won'),
+    reviewCardTitle: 'You have won',
     reviewCardValue: `${stars}`,
     timerAnimation: 200
   };
 
   const {start, end} = state.data.rank;
   const newRank = start - end;
-  const cardCongratsRank =
-    !Number.isNaN(newRank) && newRank > 0 ? buildRankCard(end, translate) : undefined;
+  const cardCongratsRank = !Number.isNaN(newRank) && newRank > 0 ? buildRankCard(end) : undefined;
 
   return {
     'aria-label': 'Review Congratulations',
     'data-name': 'review-congrats',
     animationLottie: confettiAnimation,
-    title: translate('Congratulations!'),
+    title: 'Congratulations!',
     cardCongratsStar,
     cardCongratsRank,
     buttonRevising: undefined, // TODO make boutons and actions
@@ -491,9 +474,8 @@ const isEndOfProgression = (progression: ProgressionState): boolean => {
 export const mapStateToSlidesProps = (
   state: StoreState,
   dispatch: Dispatch,
-  options: ConnectedOptions
+  onQuitClick: Function
 ): SlidesViewProps => {
-  const {translate, onQuitClick} = options;
   const currentSlideRef = getCurrentSlideRef(state);
   const endReview = isEndOfProgression(state.data.progression);
   const correction = get(['data', 'corrections', currentSlideRef], state);
@@ -502,8 +484,8 @@ export const mapStateToSlidesProps = (
   const showQuitPopin = get(['ui', 'showQuitPopin'], state);
   return {
     header: {
-      mode: translate('Review Title'),
-      skillName: translate('Content Parent Title'),
+      mode: '__revision_mode',
+      skillName: '__agility',
       onQuitClick: () => dispatch(openQuitPopin),
       'aria-label': 'aria-header-wrapper',
       closeButtonAriaLabel: 'aria-close-button',
@@ -512,23 +494,17 @@ export const mapStateToSlidesProps = (
     stack: {
       slides: buildStackSlides(state, dispatch),
       validateButton: {
-        label: translate('Validate'),
+        label: '__validate',
         disabled: !get(['ui', 'slide', currentSlideRef, 'validateButton'], state),
         onClick: (): void => {
           dispatch(postAnswer);
         }
       },
       correctionPopinProps:
-        correction &&
-        getCorrectionPopinProps(dispatch)(
-          isCorrect,
-          correction.correctAnswer,
-          klf,
-          options.translate
-        ),
+        correction && getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf),
       endReview: endReview && state.ui.showCongrats
     },
-    congrats: buildCongratsProps(state, options.translate),
+    congrats: buildCongratsProps(state),
     quitPopin: showQuitPopin ? buildQuitPopinProps(dispatch)(onQuitClick) : undefined
   };
 };

package/src/views/slides/test/header.on-click.test.ts

@@ -1,11 +1,7 @@
 import test from 'ava';
 import identity from 'lodash/fp/identity';
 import {createTestStore} from '../../../actions/test/create-test-store';
-import {
-  incorrectFreeTextPostAnswerResponse,
-  services,
-  translate
-} from '../../../test/util/services.mock';
+import {incorrectFreeTextPostAnswerResponse, services} from '../../../test/util/services.mock';
 import {StoreState} from '../../../reducers';
 import {OPEN_POPIN} from '../../../actions/ui/quit-popin';
 import {mapStateToSlidesProps} from '..';
@@ -41,13 +37,10 @@ const state: StoreState = {
 test('should dispatch OPEN_POPIN action after a click on close button in header', async t => {
   const expectedAction = [{type: OPEN_POPIN}];
   const {dispatch, getState} = createTestStore(t, state, services, expectedAction);
-  const props = mapStateToSlidesProps(getState(), dispatch, {translate, onQuitClick: identity});
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   t.is(props.quitPopin, undefined);
   await props.header.onQuitClick();
-  const updatedProps = mapStateToSlidesProps(getState(), dispatch, {
-    translate,
-    onQuitClick: identity
-  });
+  const updatedProps = mapStateToSlidesProps(getState(), dispatch, identity);
   t.not(updatedProps.quitPopin, undefined);
   t.pass();
 });

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

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

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

@@ -2,18 +2,12 @@ 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,
-  translate
-} from '../../../test/util/services.mock';
+import {incorrectFreeTextPostAnswerResponse, services} 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,
@@ -51,7 +45,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, connectedOptions);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   const quitPopin = props.quitPopin as QuitPopinProps;
   await quitPopin.secondButton.handleOnclick();
   const updatedState = getState();
@@ -64,10 +58,7 @@ 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, {
-    translate,
-    onQuitClick: () => t.pass()
-  });
+  const props = mapStateToSlidesProps(getState(), dispatch, () => 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,8 +13,7 @@ import {ProgressionFromAPI} from '../../../types/common';
 import {
   getChoicesCorrection,
   postAnswerResponses,
-  services,
-  translate
+  services
 } from '../../../test/util/services.mock';
 import {createTestStore} from '../../../actions/test/create-test-store';
 import {StoreState} from '../../../reducers';
@@ -23,7 +22,6 @@ 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'},
@@ -101,7 +99,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, connectedOptions);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   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,8 +5,7 @@ import {
   postAnswerResponses,
   getChoicesCorrection,
   incorrectFreeTextPostAnswerResponse,
-  services,
-  translate
+  services
 } from '../../../test/util/services.mock';
 import {CorrectionPopinProps, mapStateToSlidesProps} from '..';
 import {createTestStore} from '../../../actions/test/create-test-store';
@@ -17,8 +16,6 @@ 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: {
@@ -69,7 +66,7 @@ test('correction popin actions after click', async t => {
     }
   ];
   const {dispatch, getState} = createTestStore(t, state, services, expectedActions);
-  const props = mapStateToSlidesProps(getState(), dispatch, connectedOptions);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   const correctionPopin = props.stack.correctionPopinProps as CorrectionPopinProps;
   await correctionPopin.next.onClick();
 
@@ -167,7 +164,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, connectedOptions);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   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,14 +4,13 @@ import get from 'lodash/fp/get';
 import identity from 'lodash/fp/identity';
 import {mapStateToSlidesProps} from '..';
 import {ProgressionFromAPI} from '../../../types/common';
-import {services, translate} from '../../../test/util/services.mock';
+import {services} 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'},
@@ -74,7 +73,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, connectedOptions);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   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,14 +4,13 @@ import get from 'lodash/fp/get';
 import identity from 'lodash/fp/identity';
 import {mapStateToSlidesProps} from '..';
 import {ProgressionFromAPI} from '../../../types/common';
-import {services, translate} from '../../../test/util/services.mock';
+import {services} 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'},
@@ -74,7 +73,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, connectedOptions);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animationType: undefined,
     animateCorrectionPopin: false,