@coorpacademy/app-review 0.2.10-alpha.5 → 0.2.11

package/src/views/slides/test/fixtures/slider.ts

@@ -36,7 +36,8 @@ export const sliderUISlide: Partial<UISlide> = {
       maxLabel: '15 an(s)',
       title: '1 an(s)',
       value: 0,
-      onChange: noop
+      onChange: noop,
+      onSliderChange: noop
     }
   }
 };

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

@@ -70,7 +70,7 @@ test('should create initial props when fetched slide is not still received', t =
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -161,7 +161,7 @@ test('should create props when first slide is on the state', t => {
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -266,7 +266,7 @@ 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);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -372,7 +372,7 @@ test('should verify props when first slide was answered correctly and next slide
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -482,7 +482,7 @@ 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);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -547,7 +547,7 @@ test('should verify props when first slide was answered, next slide is fetched &
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -661,7 +661,7 @@ test('should verify props when first slide was answered incorrectly, next slide
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -773,7 +773,7 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -845,7 +845,7 @@ test('should verify props when progression is in success', t => {
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -917,7 +917,7 @@ test('should verify props when progression has answered a current pendingSlide',
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
@@ -986,7 +986,7 @@ test('should verify props when progression still has a pendingSlide', t => {
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity, identity);
+  const props = mapStateToSlidesProps(state, identity);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',

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

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 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';
@@ -65,7 +64,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);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,

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

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 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';
@@ -65,7 +64,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);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,

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

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 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';
@@ -65,7 +64,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);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,

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

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 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';
@@ -67,7 +66,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);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,

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

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 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';
@@ -65,7 +64,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);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,

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

@@ -0,0 +1,71 @@
+import test from 'ava';
+import get from 'lodash/fp/get';
+import {ProgressionFromAPI} from '../../../types/common';
+import {StoreState} from '../../../reducers';
+import {mapStateToSlidesProps} from '..';
+import {services} 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 progression: ProgressionFromAPI = {
+  _id: '123456789123',
+  content: {type: 'skill', ref: '_skill-ref'},
+  engine: {
+    ref: 'review'
+  },
+  state: {
+    allAnswers: [],
+    isCorrect: true,
+    nextContent: {
+      ref: sliderSlide._id,
+      type: 'slide'
+    },
+    pendingSlides: [],
+    slides: [],
+    step: {
+      current: 1
+    },
+    stars: 0
+  }
+};
+
+const initialState: StoreState = {
+  data: {
+    progression,
+    slides: {
+      [sliderSlide._id]: sliderSlide
+    },
+    skills: [],
+    token: '1234',
+    corrections: {},
+    rank: {}
+  },
+  ui: {
+    currentSlideRef: sliderSlide._id,
+    navigation: ['skills', 'slides'],
+    answers: [],
+    slide: {
+      validateButton: false
+    }
+  }
+};
+
+test('should dispatch EDIT_SLIDER action via the property onSliderChange of a Slider slide', t => {
+  t.plan(1);
+
+  const expectedActions = [
+    {
+      type: EDIT_SLIDER,
+      payload: ['111']
+    }
+  ];
+  const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
+  const props = mapStateToSlidesProps(getState(), dispatch);
+
+  const SlideProps = props.stack.slides['0'].answerUI?.model as QuestionRange;
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  const onSliderChange = get('onSliderChange', SlideProps)!;
+  onSliderChange(111);
+});

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

@@ -1,7 +1,6 @@
 import test from 'ava';
 import omit from 'lodash/fp/omit';
 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';
@@ -60,7 +59,7 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
   const expectedActions = [{type: EDIT_TEMPLATE, payload: ['', 'test', '']}];
   const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
 
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
@@ -82,7 +81,7 @@ test('should dispatch EDIT_TEMPLATE action via the property onChange of a Templa
   const expectedActions = [{type: EDIT_TEMPLATE, payload: ['Catalogue', '', '']}];
   const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
 
-  const props = mapStateToSlidesProps(getState(), dispatch, identity);
+  const props = mapStateToSlidesProps(getState(), dispatch);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,