@coorpacademy/app-review 0.4.4 → 0.5.0

package/src/views/slides/index.ts

@@ -1,16 +1,14 @@
-import concat from 'lodash/fp/concat';
 import findLast from 'lodash/fp/findLast';
 import get from 'lodash/fp/get';
 import getOr from 'lodash/fp/getOr';
 import last from 'lodash/fp/last';
 import reduce from 'lodash/fp/reduce';
 import set from 'lodash/fp/set';
-import slice from 'lodash/fp/slice';
 import toInteger from 'lodash/fp/toInteger';
 import type {Dispatch} from 'redux';
 import join from 'lodash/fp/join';
-import type {ProgressionAnswerItem, ProgressionFromAPI} from '../../types/common';
-import type {SlideIndexes} from '../../common';
+import type {ProgressionAnswerItem} from '../../types/common';
+import {getProgressionSlidesRefs, type SlideIndexes} from '../../common';
 import type {StoreState} from '../../reducers';
 import type {AnswerUI} from '../../types/slides';
 import {postAnswer} from '../../actions/api/post-answer';
@@ -34,7 +32,6 @@ type StepItem = {
 type SlideUIAnimations = 'unstack' | 'restack';
 
 export type ReviewSlide = {
-  hidden: boolean;
   position: number;
   loading: boolean;
   showCorrectionPopin?: boolean;
@@ -93,7 +90,7 @@ export type SlidesViewProps = {
     endReview: boolean;
   };
   reviewBackgroundAriaLabel?: string;
-  congratsProps?: {
+  congrats?: {
     'aria-label'?: string;
     'data-name'?: string;
     animationLottie: unknown;
@@ -115,42 +112,30 @@ export type SlidesViewProps = {
   };
 };
 
+// TODO replace this, position no more needed
 export const initialState: SlidesStack = {
   '0': {
-    hidden: false,
     position: 0,
     loading: true
   },
   '1': {
-    hidden: false,
     position: 1,
     loading: true
   },
   '2': {
-    hidden: false,
     position: 2,
     loading: true
   },
   '3': {
-    hidden: false,
     position: 3,
     loading: true
   },
   '4': {
-    hidden: false,
     position: 4,
     loading: true
   }
 };
 
-const getProgressionSlidesRefs = (progression: ProgressionFromAPI): string[] => {
-  if (progression.state.step.current < 5) {
-    const slideRef = progression.state.nextContent.ref;
-    return concat(progression.state.slides, [slideRef]);
-  }
-  return slice(0, 5, progression.state.slides);
-};
-
 const buildStackSlides = (state: StoreState, dispatch: Dispatch): SlidesStack => {
   const currentSlideRef = state.ui.currentSlideRef;
   const progression = state.data.progression;
@@ -160,26 +145,30 @@ const buildStackSlides = (state: StoreState, dispatch: Dispatch): SlidesStack =>
 
   // @ts-expect-error typescript does not support capped versions of lodash functions
   const stack = reduce.convert({cap: false})(
-    (acc: SlidesStack, uiSlide: ReviewSlide, index: string): SlidesStack => {
-      const slideRef = slideRefs[toInteger(index)];
-      if (!slideRef) return set(index, uiSlide, acc);
+    (acc: SlidesStack, uiSlide: ReviewSlide, _index: string): SlidesStack => {
+      const index = toInteger(_index);
+
+      const positions = state.ui.positions;
+      const position = positions[index];
+
+      const slideRef = slideRefs[index];
+      if (!slideRef) return set(index, {...uiSlide, position}, acc);
       const slideFromAPI = get(slideRef, state.data.slides);
-      if (!slideFromAPI) return set(index, uiSlide, acc);
+      if (!slideFromAPI) return set(index, {...uiSlide, position}, acc);
 
       const answers = getOr([], ['ui', 'answers', slideRef], state);
       const {questionText, answerUI} = mapApiSlideToUi(dispatch)(slideFromAPI, answers);
-      const parentContentTitle = getOr('', 'parentContentTitle.title', slideFromAPI);
-      const parentContentType = getOr('', 'parentContentTitle.type', slideFromAPI);
+      const {title: parentContentTitle, type: parentContentType} = slideFromAPI.parentContentTitle;
 
       const isCurrentSlideRef = currentSlideRef === slideRef;
-      const animateCorrectionPopin =
-        isCurrentSlideRef && get(['ui', 'slide', slideRef, 'animateCorrectionPopin'], state);
-      const showCorrectionPopin =
-        isCurrentSlideRef && get(['ui', 'slide', slideRef, 'showCorrectionPopin'], state);
-      const animationType = get(['ui', 'slide', slideRef, 'animationType'], state);
+      const slideUI = get(['ui', 'slide', slideRef], state);
+      const animateCorrectionPopin = isCurrentSlideRef && slideUI.animateCorrectionPopin;
+      const showCorrectionPopin = isCurrentSlideRef && slideUI.showCorrectionPopin;
+      const animationType = slideUI.animationType;
 
       const updatedUiSlide = {
         ...uiSlide,
+        position,
         showCorrectionPopin,
         animateCorrectionPopin,
         loading: false,
@@ -336,6 +325,6 @@ export const mapStateToSlidesProps = (
         correction && getCorrectionPopinProps(dispatch)(isCorrect, correction.correctAnswer, klf),
       endReview: false
     },
-    congratsProps: undefined
+    congrats: undefined
   };
 };

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

@@ -1,6 +1,7 @@
 import test from 'ava';
 import identity from 'lodash/fp/identity';
 import omit from 'lodash/fp/omit';
+import pick from 'lodash/fp/pick';
 import set from 'lodash/fp/set';
 import {
   postProgressionResponse as createdProgression,
@@ -34,6 +35,7 @@ test('should create initial props when fetched slide is not still received', t =
       currentSlideRef: '',
       navigation: ['loader', 'slides'],
       answers: {},
+      positions: [0, 1, 2, 3, 4],
       slide: {
         sli_N1XACJobn: {
           validateButton: false,
@@ -45,7 +47,7 @@ test('should create initial props when fetched slide is not still received', t =
   };
 
   const props = mapStateToSlidesProps(state, identity, identity);
-  t.is(props.congratsProps, undefined);
+  t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
@@ -84,27 +86,22 @@ test('should create initial props when fetched slide is not still received', t =
     endReview: false,
     slides: {
       '0': {
-        hidden: false,
         position: 0,
         loading: true
       },
       '1': {
-        hidden: false,
         position: 1,
         loading: true
       },
       '2': {
-        hidden: false,
         position: 2,
         loading: true
       },
       '3': {
-        hidden: false,
         position: 3,
         loading: true
       },
       '4': {
-        hidden: false,
         position: 4,
         loading: true
       }
@@ -129,6 +126,7 @@ test('should create props when first slide is on the state', t => {
       currentSlideRef: 'sli_VJYjJnJhg',
       navigation: ['loader', 'slides'],
       answers: {},
+      positions: [0, 1, 2, 3, 4],
       slide: {
         sli_VJYjJnJhg: {
           validateButton: false,
@@ -140,7 +138,7 @@ test('should create props when first slide is on the state', t => {
   };
 
   const props = mapStateToSlidesProps(state, identity, identity);
-  t.is(props.congratsProps, undefined);
+  t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
@@ -182,7 +180,6 @@ test('should create props when first slide is on the state', t => {
     animationType: undefined,
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
-    hidden: false,
     position: 0,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',
@@ -200,22 +197,18 @@ test('should create props when first slide is on the state', t => {
   });
   t.deepEqual(omit(['0'], props.stack.slides), {
     '1': {
-      hidden: false,
       position: 1,
       loading: true
     },
     '2': {
-      hidden: false,
       position: 2,
       loading: true
     },
     '3': {
-      hidden: false,
       position: 3,
       loading: true
     },
     '4': {
-      hidden: false,
       position: 4,
       loading: true
     }
@@ -239,6 +232,7 @@ test('should create props when slide is on the state and user has selected answe
       currentSlideRef: 'sli_VJYjJnJhg',
       navigation: ['loader', 'slides'],
       answers: {sli_VJYjJnJhg: ['My value']},
+      positions: [0, 1, 2, 3, 4],
       slide: {
         sli_VJYjJnJhg: {
           validateButton: true,
@@ -250,7 +244,7 @@ test('should create props when slide is on the state and user has selected answe
   };
 
   const props = mapStateToSlidesProps(state, identity, identity);
-  t.is(props.congratsProps, undefined);
+  t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
@@ -292,7 +286,6 @@ test('should create props when slide is on the state and user has selected answe
     animationType: undefined,
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
-    hidden: false,
     position: 0,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',
@@ -310,22 +303,18 @@ test('should create props when slide is on the state and user has selected answe
   });
   t.deepEqual(omit(['0'], props.stack.slides), {
     '1': {
-      hidden: false,
       position: 1,
       loading: true
     },
     '2': {
-      hidden: false,
       position: 2,
       loading: true
     },
     '3': {
-      hidden: false,
       position: 3,
       loading: true
     },
     '4': {
-      hidden: false,
       position: 4,
       loading: true
     }
@@ -350,6 +339,7 @@ test('should verify props when first slide was answered correctly and next slide
       currentSlideRef: 'sli_VJYjJnJhg',
       navigation: ['loader', 'slides'],
       answers: {sli_VJYjJnJhg: ['My value']},
+      positions: [0, 1, 2, 3, 4],
       slide: {
         sli_VJYjJnJhg: {
           validateButton: false,
@@ -366,7 +356,7 @@ test('should verify props when first slide was answered correctly and next slide
   };
 
   const props = mapStateToSlidesProps(state, identity, identity);
-  t.is(props.congratsProps, undefined);
+  t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
@@ -408,7 +398,6 @@ test('should verify props when first slide was answered correctly and next slide
     animationType: undefined,
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
-    hidden: false,
     position: 0,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',
@@ -426,22 +415,18 @@ test('should verify props when first slide was answered correctly and next slide
   t.is(props.stack.validateButton.disabled, true);
   t.deepEqual(omit(['0'], props.stack.slides), {
     '1': {
-      hidden: false,
       position: 1,
       loading: true
     },
     '2': {
-      hidden: false,
       position: 2,
       loading: true
     },
     '3': {
-      hidden: false,
       position: 3,
       loading: true
     },
     '4': {
-      hidden: false,
       position: 4,
       loading: true
     }
@@ -470,6 +455,7 @@ test('should verify props when first slide was answered with error and next slid
       currentSlideRef: 'sli_VJYjJnJhg',
       navigation: ['loader', 'slides'],
       answers: {sli_VJYjJnJhg: ['My value']},
+      positions: [0, 1, 2, 3, 4],
       slide: {
         sli_VJYjJnJhg: {
           validateButton: false,
@@ -486,7 +472,7 @@ test('should verify props when first slide was answered with error and next slid
   };
 
   const props = mapStateToSlidesProps(state, identity, identity);
-  t.is(props.congratsProps, undefined);
+  t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
@@ -542,6 +528,7 @@ test('should verify props when first slide was answered, next slide is fetched &
       currentSlideRef: 'sli_VJYjJnJhg',
       navigation: ['loader', 'slides'],
       answers: {sli_VJYjJnJhg: ['My value']},
+      positions: [0, 1, 2, 3, 4],
       slide: {
         sli_VJYjJnJhg: {
           validateButton: false,
@@ -558,7 +545,7 @@ test('should verify props when first slide was answered, next slide is fetched &
   };
 
   const props = mapStateToSlidesProps(state, identity, identity);
-  t.is(props.congratsProps, undefined);
+  t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
@@ -611,7 +598,6 @@ test('should verify props when first slide was answered, next slide is fetched &
     animationType: undefined,
     animateCorrectionPopin: true,
     showCorrectionPopin: true,
-    hidden: false,
     position: 0,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',
@@ -630,7 +616,6 @@ test('should verify props when first slide was answered, next slide is fetched &
     animationType: undefined,
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
-    hidden: false,
     position: 1,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',
@@ -639,17 +624,14 @@ test('should verify props when first slide was answered, next slide is fetched &
   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
     }
@@ -676,6 +658,7 @@ test('should verify props when first slide was answered incorrectly, next slide
       currentSlideRef: 'sli_VJYjJnJhg',
       navigation: ['loader', 'slides'],
       answers: {sli_VJYjJnJhg: ['My value']},
+      positions: [0, 1, 2, 3, 4],
       slide: {
         sli_VJYjJnJhg: {
           validateButton: false,
@@ -692,7 +675,7 @@ test('should verify props when first slide was answered incorrectly, next slide
   };
 
   const props = mapStateToSlidesProps(state, identity, identity);
-  t.is(props.congratsProps, undefined);
+  t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
@@ -748,7 +731,6 @@ test('should verify props when first slide was answered incorrectly, next slide
     animationType: undefined,
     animateCorrectionPopin: true,
     showCorrectionPopin: true,
-    hidden: false,
     position: 0,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',
@@ -767,7 +749,6 @@ test('should verify props when first slide was answered incorrectly, next slide
     animationType: undefined,
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
-    hidden: false,
     position: 1,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',
@@ -776,17 +757,14 @@ test('should verify props when first slide was answered incorrectly, next slide
   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
     }
@@ -816,6 +794,7 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
         sli_VJYjJnJhg: ['Benchmark'],
         sli_VkSQroQnx: []
       },
+      positions: [-1, 0, 1, 2, 3],
       slide: {
         sli_VJYjJnJhg: {
           validateButton: false,
@@ -833,7 +812,7 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
   };
 
   const props = mapStateToSlidesProps(state, identity, identity);
-  t.is(props.congratsProps, undefined);
+  t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
@@ -868,7 +847,31 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
     ]
   });
 
-  // TODO update test with props.stack validations when NEXT_SLIDE implemented
+  const propsToCheck = ['loading', 'animateCorrectionPopin', 'animationType', 'position'];
+  t.deepEqual(pick(propsToCheck, props.stack.slides[0]), {
+    loading: false,
+    animateCorrectionPopin: false,
+    animationType: 'unstack',
+    position: -1
+  });
+  t.deepEqual(pick(propsToCheck, props.stack.slides[1]), {
+    loading: false,
+    animateCorrectionPopin: false,
+    animationType: undefined,
+    position: 0
+  });
+  t.deepEqual(pick(propsToCheck, props.stack.slides[2]), {
+    loading: true,
+    position: 1
+  });
+  t.deepEqual(pick(propsToCheck, props.stack.slides[3]), {
+    loading: true,
+    position: 2
+  });
+  t.deepEqual(pick(propsToCheck, props.stack.slides[4]), {
+    loading: true,
+    position: 3
+  });
 });
 
 test('should verify props when progression is in success', t => {
@@ -904,6 +907,7 @@ test('should verify props when progression is in success', t => {
         sli_VkAzsCLKb: ['7'],
         'sli_N13-hG3kX': ['Leaderboard', 'utilisateurs', 'étoiles']
       },
+      positions: [-1, -1, -1, -1, 0],
       slide: {
         sli_VJYjJnJhg: {
           validateButton: false,
@@ -939,7 +943,7 @@ test('should verify props when progression is in success', t => {
   };
 
   const props = mapStateToSlidesProps(state, identity, identity);
-  t.is(props.congratsProps, undefined);
+  t.is(props.congrats, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
@@ -1010,6 +1014,7 @@ test('should verify props when progression has answered a current pendingSlide',
         sli_VkAzsCLKb: ['7'],
         'sli_N13-hG3kX': ['Leaderboard', 'utilisateurs', 'étoiles']
       },
+      positions: [0, -1, 1, -1, -1],
       slide: {
         sli_VJYjJnJhg: {
           validateButton: false,
@@ -1113,6 +1118,7 @@ test('should verify props when progression still has a pendingSlide', t => {
         sli_VkAzsCLKb: ['7'],
         'sli_N13-hG3kX': ['Leaderboard', 'utilisateurs', 'étoiles']
       },
+      positions: [-1, -1, 0, -1, -1],
       slide: {
         sli_VJYjJnJhg: {
           validateButton: false,

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

@@ -59,6 +59,7 @@ const initialState: StoreState = {
     currentSlideRef: freeTextSlide._id,
     navigation: ['skills', 'slides'],
     answers: {},
+    positions: [0, 1, 2, 3, 4],
     slide: {
       [freeTextSlide._id]: {
         validateButton: false,
@@ -101,7 +102,6 @@ test('should dispatch EDIT_BASIC action via the property onChange of a Free Text
     animationType: undefined,
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
-    hidden: false,
     position: 0,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',

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

@@ -31,6 +31,7 @@ test('correction popin actions after click', async t => {
       currentSlideRef: 'sli_VJYjJnJhg',
       navigation: ['loader', 'slides'],
       answers: {sli_VJYjJnJhg: ['My value']},
+      positions: [0, 1, 2, 3, 4],
       slide: {
         sli_VJYjJnJhg: {
           validateButton: false,
@@ -52,7 +53,9 @@ test('correction popin actions after click', async t => {
       payload: {
         animationType: 'restack',
         currentSlideRef: freeTextSlide._id,
-        nextSlideRef: qcmGraphicSlide._id
+        nextSlideRef: qcmGraphicSlide._id,
+        totalCorrectAnswers: 0,
+        answeredSlides: ['sli_VJYjJnJhg']
       }
     }
   ];
@@ -60,5 +63,9 @@ test('correction popin actions after click', async t => {
   const props = mapStateToSlidesProps(getState(), dispatch, identity);
   const correctionPopin = props.stack.correctionPopinProps as CorrectionPopinProps;
   await correctionPopin.next.onClick();
+
+  const updatedState = getState();
+  t.deepEqual(updatedState.ui.positions, [4, 0, 1, 2, 3]);
+  t.deepEqual(updatedState.ui.currentSlideRef, qcmGraphicSlide._id);
   t.pass();
 });

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

@@ -47,6 +47,7 @@ const initialState: StoreState = {
   ui: {
     currentSlideRef: qcmDragSlide._id,
     navigation: ['skills', 'slides'],
+    positions: [0, 1, 2, 3, 4],
     answers: {},
     slide: {
       [qcmDragSlide._id]: {
@@ -75,7 +76,6 @@ test('should dispatch EDIT_QCM_DRAG action via the property onClick of a QCM Dra
     animationType: undefined,
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
-    hidden: false,
     position: 0,
     loading: false,
     parentContentTitle: 'From "Using redux" chapter',

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

@@ -47,6 +47,7 @@ const initialState: StoreState = {
   ui: {
     currentSlideRef: qcmGraphicSlide._id,
     navigation: ['skills', 'slides'],
+    positions: [0, 1, 2, 3, 4],
     answers: {},
     slide: {
       [qcmGraphicSlide._id]: {
@@ -75,7 +76,6 @@ test('should dispatch EDIT_QCM_GRAPHIC action via the property onClick of a QCM
     animationType: undefined,
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
-    hidden: false,
     position: 0,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',

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

@@ -47,6 +47,7 @@ const initialState: StoreState = {
   ui: {
     currentSlideRef: qcmSlide._id,
     navigation: ['skills', 'slides'],
+    positions: [0, 1, 2, 3, 4],
     answers: {},
     slide: {
       [qcmSlide._id]: {
@@ -77,7 +78,6 @@ test('should dispatch EDIT_QCM action via the property onClick of a QCM slide',
     animationType: undefined,
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
-    hidden: false,
     position: 0,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',

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

@@ -47,6 +47,7 @@ const initialState: StoreState = {
   ui: {
     currentSlideRef: sliderSlide._id,
     navigation: ['skills', 'slides'],
+    positions: [0, 1, 2, 3, 4],
     answers: {},
     slide: {
       [sliderSlide._id]: {
@@ -75,7 +76,6 @@ test('should dispatch EDIT_SLIDER action via the property onChange of a Slider s
     animationType: undefined,
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
-    hidden: false,
     position: 0,
     loading: false,
     parentContentTitle: 'From "Developing the review app" course',

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

@@ -1,5 +1,6 @@
 import test from 'ava';
 import get from 'lodash/fp/get';
+import omit from 'lodash/fp/omit';
 import identity from 'lodash/fp/identity';
 import {ProgressionFromAPI} from '../../../types/common';
 import {StoreState} from '../../../reducers';
@@ -47,6 +48,7 @@ const initialState: StoreState = {
     currentSlideRef: sliderSlide._id,
     navigation: ['skills', 'slides'],
     answers: {},
+    positions: [0, 1, 2, 3, 4],
     slide: {
       [sliderSlide._id]: {
         validateButton: false,
@@ -58,7 +60,7 @@ const initialState: StoreState = {
 };
 
 test('should dispatch EDIT_SLIDER action via the property onSliderChange of a Slider slide', t => {
-  t.plan(1);
+  t.plan(2);
 
   const expectedActions = [
     {
@@ -70,8 +72,18 @@ 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 SlideProps = props.stack.slides['0'].answerUI?.model as QuestionRange;
+  const slideProps = props.stack.slides['0'].answerUI?.model as QuestionRange;
+  t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+    animationType: undefined,
+    animateCorrectionPopin: false,
+    showCorrectionPopin: false,
+    position: 0,
+    loading: false,
+    parentContentTitle: 'From "Developing the review app" course',
+    questionText:
+      'En combien d’années la communauté de communes du Thouarsais est-elle passée de zéro à un tiers d’énergies renouvelables ?'
+  });
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  const onSliderChange = get('onSliderChange', SlideProps)!;
+  const onSliderChange = get('onSliderChange', slideProps)!;
   onSliderChange(111);
 });