@coorpacademy/app-review 0.3.1 → 0.3.3

package/es/index.js

@@ -11,11 +11,11 @@ import { postProgression } from './actions/api/post-progression';
 import { VIEWS } from './common';
 import { mapStateToSlidesProps } from './views/slides';
 import { mapStateToSkillsProps } from './views/skills';
-const ConnectedApp = () => {
+const ConnectedApp = ({ onQuitClick }) => {
     const dispatch = useDispatch();
     const props = {
         viewName: useSelector((state) => state.ui.navigation[state.ui.navigation.length - 1]),
-        slides: useSelector((state) => mapStateToSlidesProps(state, dispatch)),
+        slides: useSelector((state) => mapStateToSlidesProps(state, dispatch, onQuitClick)),
         skills: useSelector((state) => mapStateToSkillsProps(state))
     };
     return React.createElement(AppReviewTemplate, { ...props });
@@ -23,6 +23,7 @@ const ConnectedApp = () => {
 const AppReview = ({ options }) => {
     const [store, setStore] = useState(null);
     const [isProgressionCreated, setIsProgressionCreated] = useState(false);
+    const onQuitClick = options.onQuitClick;
     useEffect(() => {
         if (store)
             return;
@@ -66,6 +67,6 @@ const AppReview = ({ options }) => {
     if (!store)
         return null;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, null)));
+        React.createElement(ConnectedApp, { onQuitClick: onQuitClick })));
 };
 export default AppReview;

package/es/reducers/data/corrections.js

@@ -7,12 +7,12 @@ state = initialState, action) => {
     switch (action.type) {
         case CORRECTION_FETCH_REQUEST: {
             const { meta } = action;
-            return set(meta.slideRef, null, state);
+            return set([meta.slideRef], null, state);
         }
         case CORRECTION_FETCH_SUCCESS: {
             const { meta } = action;
             const correction = action.payload;
-            return set(meta.slideRef, correction, state);
+            return set([meta.slideRef], correction, state);
         }
         default:
             return state;

package/es/reducers/ui/answers.js

@@ -6,7 +6,7 @@ const reducer = (
 // eslint-disable-next-line default-param-last
 state = initialState, action) => {
     return includes(action.type, ANSWER_EDIT_ACTIONS)
-        ? set(action.meta.slideRef, action.payload, initialState)
+        ? set([action.meta.slideRef], action.payload, initialState)
         : state;
 };
 export default reducer;

package/es/test/index.test.js

@@ -1,4 +1,5 @@
 import browserEnv from 'browser-env';
+import identity from 'lodash/fp/identity';
 import test from 'ava';
 import React from 'react';
 import { render, fireEvent, act } from '@testing-library/react';
@@ -37,7 +38,8 @@ const clickAllSlides = async (t, container, accumulator = 0) => {
 const appOptions = {
     token: process.env.API_TEST_TOKEN || '',
     skillRef: 'skill_NJC0jFKoH',
-    services
+    services,
+    onQuitClick: identity
 };
 test('should show the loader while the app is fetching the data', async (t) => {
     t.plan(2);

package/es/types/common.d.ts

@@ -137,6 +137,7 @@ export declare type AppOptions = {
     token: string;
     skillRef?: string;
     services: Services;
+    onQuitClick: Function;
 };
 export declare type JWT = {
     exp: number;

package/es/views/slides/index.d.ts

@@ -89,5 +89,5 @@ export declare type SlidesViewProps = {
 };
 export declare const initialState: SlidesStack;
 export declare const buildStepItems: (state: StoreState) => StepItem[];
-export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch) => SlidesViewProps;
+export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, onQuitClick: Function) => SlidesViewProps;
 export {};

package/es/views/slides/index.js

@@ -163,7 +163,7 @@ const getCorrectionPopinProps = (isCorrect, correctAnswer, klf) => ({
     },
     type: isCorrect ? 'right' : 'wrong'
 });
-export const mapStateToSlidesProps = (state, dispatch) => {
+export const mapStateToSlidesProps = (state, dispatch, onQuitClick) => {
     const currentSlideRef = get(['ui', 'currentSlideRef'], state);
     const correction = get(['data', 'corrections', currentSlideRef], state);
     const isCorrect = get(['data', 'progression', 'state', 'isCorrect'], state);
@@ -172,10 +172,7 @@ export const mapStateToSlidesProps = (state, dispatch) => {
         header: {
             mode: '__revision_mode',
             skillName: '__agility',
-            onQuitClick: () => {
-                // eslint-disable-next-line no-console
-                console.log('onQuitClick');
-            },
+            onQuitClick,
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
             steps: buildStepItems(state)

package/lib/index.js

@@ -22,11 +22,12 @@ import { postProgression } from './actions/api/post-progression';
 import { VIEWS } from './common';
 import { mapStateToSlidesProps } from './views/slides';
 import { mapStateToSkillsProps } from './views/skills';
-var ConnectedApp = function () {
+var ConnectedApp = function (_a) {
+    var onQuitClick = _a.onQuitClick;
     var dispatch = useDispatch();
     var props = {
         viewName: useSelector(function (state) { return state.ui.navigation[state.ui.navigation.length - 1]; }),
-        slides: useSelector(function (state) { return mapStateToSlidesProps(state, dispatch); }),
+        slides: useSelector(function (state) { return mapStateToSlidesProps(state, dispatch, onQuitClick); }),
         skills: useSelector(function (state) { return mapStateToSkillsProps(state); })
     };
     return React.createElement(AppReviewTemplate, __assign({}, props));
@@ -35,6 +36,7 @@ var AppReview = function (_a) {
     var options = _a.options;
     var _b = useState(null), store = _b[0], setStore = _b[1];
     var _c = useState(false), isProgressionCreated = _c[0], setIsProgressionCreated = _c[1];
+    var onQuitClick = options.onQuitClick;
     useEffect(function () {
         if (store)
             return;
@@ -78,6 +80,6 @@ var AppReview = function (_a) {
     if (!store)
         return null;
     return (React.createElement(Provider, { store: store },
-        React.createElement(ConnectedApp, null)));
+        React.createElement(ConnectedApp, { onQuitClick: onQuitClick })));
 };
 export default AppReview;

package/lib/reducers/data/corrections.js

@@ -8,12 +8,12 @@ state, action) {
     switch (action.type) {
         case CORRECTION_FETCH_REQUEST: {
             var meta = action.meta;
-            return set(meta.slideRef, null, state);
+            return set([meta.slideRef], null, state);
         }
         case CORRECTION_FETCH_SUCCESS: {
             var meta = action.meta;
             var correction = action.payload;
-            return set(meta.slideRef, correction, state);
+            return set([meta.slideRef], correction, state);
         }
         default:
             return state;

package/lib/reducers/ui/answers.js

@@ -7,7 +7,7 @@ var reducer = function (
 state, action) {
     if (state === void 0) { state = initialState; }
     return includes(action.type, ANSWER_EDIT_ACTIONS)
-        ? set(action.meta.slideRef, action.payload, initialState)
+        ? set([action.meta.slideRef], action.payload, initialState)
         : state;
 };
 export default reducer;

package/lib/test/index.test.js

@@ -35,6 +35,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import browserEnv from 'browser-env';
+import identity from 'lodash/fp/identity';
 import test from 'ava';
 import React from 'react';
 import { render, fireEvent, act } from '@testing-library/react';
@@ -133,7 +134,8 @@ var clickAllSlides = function (t, container, accumulator) {
 var appOptions = {
     token: process.env.API_TEST_TOKEN || '',
     skillRef: 'skill_NJC0jFKoH',
-    services: services
+    services: services,
+    onQuitClick: identity
 };
 test('should show the loader while the app is fetching the data', function (t) { return __awaiter(void 0, void 0, void 0, function () {
     var container, loader;

package/lib/types/common.d.ts

@@ -137,6 +137,7 @@ export declare type AppOptions = {
     token: string;
     skillRef?: string;
     services: Services;
+    onQuitClick: Function;
 };
 export declare type JWT = {
     exp: number;

package/lib/views/slides/index.d.ts

@@ -89,5 +89,5 @@ export declare type SlidesViewProps = {
 };
 export declare const initialState: SlidesStack;
 export declare const buildStepItems: (state: StoreState) => StepItem[];
-export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch) => SlidesViewProps;
+export declare const mapStateToSlidesProps: (state: StoreState, dispatch: Dispatch, onQuitClick: Function) => SlidesViewProps;
 export {};

package/lib/views/slides/index.js

@@ -167,7 +167,7 @@ var getCorrectionPopinProps = function (isCorrect, correctAnswer, klf) { return
     },
     type: isCorrect ? 'right' : 'wrong'
 }); };
-export var mapStateToSlidesProps = function (state, dispatch) {
+export var mapStateToSlidesProps = function (state, dispatch, onQuitClick) {
     var currentSlideRef = get(['ui', 'currentSlideRef'], state);
     var correction = get(['data', 'corrections', currentSlideRef], state);
     var isCorrect = get(['data', 'progression', 'state', 'isCorrect'], state);
@@ -176,10 +176,7 @@ export var mapStateToSlidesProps = function (state, dispatch) {
         header: {
             mode: '__revision_mode',
             skillName: '__agility',
-            onQuitClick: function () {
-                // eslint-disable-next-line no-console
-                console.log('onQuitClick');
-            },
+            onQuitClick: onQuitClick,
             'aria-label': 'aria-header-wrapper',
             closeButtonAriaLabel: 'aria-close-button',
             steps: buildStepItems(state)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -45,7 +45,7 @@
     "@coorpacademy/redux-task": "^1.1.5",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
-    "react-redux": "^8.0.1",
+    "react-redux": "7.2.8",
     "redux": "^4.2.0",
     "redux-thunk": "^2.4.1"
   },
@@ -78,5 +78,5 @@
     "ts-node": "^10.9.1",
     "typescript": "^4.7.4"
   },
-  "gitHead": "40c927683110cc7186089cea2545244ad0a11dc4"
+  "gitHead": "0644eb3879ad1e675f9360e0b55d65ba04b83451"
 }

package/src/index.tsx

@@ -19,17 +19,16 @@ import {VIEWS} from './common';
 import {mapStateToSlidesProps} from './views/slides';
 import {mapStateToSkillsProps} from './views/skills';
 
-const ConnectedApp = (): JSX.Element => {
+const ConnectedApp = ({onQuitClick}: {onQuitClick: Function}): JSX.Element => {
   const dispatch = useDispatch();
 
   const props = {
     viewName: useSelector(
       (state: StoreState) => state.ui.navigation[state.ui.navigation.length - 1]
     ),
-    slides: useSelector((state: StoreState) => mapStateToSlidesProps(state, dispatch)),
+    slides: useSelector((state: StoreState) => mapStateToSlidesProps(state, dispatch, onQuitClick)),
     skills: useSelector((state: StoreState) => mapStateToSkillsProps(state))
   };
-
   return <AppReviewTemplate {...props} />;
 };
 
@@ -37,6 +36,8 @@ const AppReview = ({options}: {options: AppOptions}): JSX.Element | null => {
   const [store, setStore] = useState<Store<StoreState, AnyAction> | null>(null);
   const [isProgressionCreated, setIsProgressionCreated] = useState(false);
 
+  const onQuitClick = options.onQuitClick;
+
   useEffect(() => {
     if (store) return;
 
@@ -88,7 +89,7 @@ const AppReview = ({options}: {options: AppOptions}): JSX.Element | null => {
 
   return (
     <Provider store={store}>
-      <ConnectedApp />
+      <ConnectedApp onQuitClick={onQuitClick} />
     </Provider>
   );
 };

package/src/reducers/data/corrections.ts

@@ -21,12 +21,12 @@ const reducer = (
   switch (action.type) {
     case CORRECTION_FETCH_REQUEST: {
       const {meta} = action;
-      return set(meta.slideRef, null, state);
+      return set([meta.slideRef], null, state);
     }
     case CORRECTION_FETCH_SUCCESS: {
       const {meta} = action;
       const correction = action.payload;
-      return set(meta.slideRef, correction, state);
+      return set([meta.slideRef], correction, state);
     }
     default:
       return state;

package/src/reducers/ui/answers.ts

@@ -14,7 +14,7 @@ const reducer = (
   action: EditAnswerAction
 ): UIAnswerState => {
   return includes(action.type, ANSWER_EDIT_ACTIONS)
-    ? set(action.meta.slideRef, action.payload, initialState)
+    ? set([action.meta.slideRef], action.payload, initialState)
     : state;
 };
 

package/src/test/index.test.tsx

@@ -1,4 +1,5 @@
 import browserEnv from 'browser-env';
+import identity from 'lodash/fp/identity';
 import test from 'ava';
 import type {ExecutionContext} from 'ava';
 import React from 'react';
@@ -59,7 +60,8 @@ const clickAllSlides = async (
 const appOptions: AppOptions = {
   token: process.env.API_TEST_TOKEN || '',
   skillRef: 'skill_NJC0jFKoH',
-  services
+  services,
+  onQuitClick: identity
 };
 
 test('should show the loader while the app is fetching the data', async t => {

package/src/types/common.ts

@@ -171,6 +171,7 @@ export type AppOptions = {
   token: string;
   skillRef?: string;
   services: Services;
+  onQuitClick: Function;
 };
 
 export type JWT = {

package/src/views/slides/index.ts

@@ -298,7 +298,11 @@ const getCorrectionPopinProps = (
   type: isCorrect ? 'right' : 'wrong'
 });
 
-export const mapStateToSlidesProps = (state: StoreState, dispatch: Dispatch): SlidesViewProps => {
+export const mapStateToSlidesProps = (
+  state: StoreState,
+  dispatch: Dispatch,
+  onQuitClick: Function
+): SlidesViewProps => {
   const currentSlideRef = get(['ui', 'currentSlideRef'], state);
   const correction = get(['data', 'corrections', currentSlideRef], state);
   const isCorrect = get(['data', 'progression', 'state', 'isCorrect'], state);
@@ -308,10 +312,7 @@ export const mapStateToSlidesProps = (state: StoreState, dispatch: Dispatch): Sl
     header: {
       mode: '__revision_mode',
       skillName: '__agility',
-      onQuitClick: (): void => {
-        // eslint-disable-next-line no-console
-        console.log('onQuitClick');
-      },
+      onQuitClick,
       'aria-label': 'aria-header-wrapper',
       closeButtonAriaLabel: 'aria-close-button',
       steps: buildStepItems(state)

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

@@ -74,7 +74,7 @@ test('should create initial props when fetched slide is not still received', t =
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity);
+  const props = mapStateToSlidesProps(state, identity, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -169,7 +169,7 @@ test('should create props when first slide is on the state', t => {
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity);
+  const props = mapStateToSlidesProps(state, identity, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -278,7 +278,7 @@ test('should create props when slide is on the state and user has selected answe
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity);
+  const props = mapStateToSlidesProps(state, identity, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -393,7 +393,7 @@ test('should verify props when first slide was answered correctly and next slide
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity);
+  const props = mapStateToSlidesProps(state, identity, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -512,7 +512,7 @@ test('should verify props when first slide was answered with error and next slid
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity);
+  const props = mapStateToSlidesProps(state, identity, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -584,7 +584,7 @@ test('should verify props when first slide was answered, next slide is fetched &
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity);
+  const props = mapStateToSlidesProps(state, identity, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -705,7 +705,7 @@ test('should verify props when first slide was answered incorrectly, next slide
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity);
+  const props = mapStateToSlidesProps(state, identity, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -828,7 +828,7 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity);
+  const props = mapStateToSlidesProps(state, identity, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -930,7 +930,7 @@ test('should verify props when progression is in success', t => {
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity);
+  const props = mapStateToSlidesProps(state, identity, identity);
   t.is(props.congratsProps, undefined);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
@@ -1032,7 +1032,7 @@ test('should verify props when progression has answered a current pendingSlide',
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity);
+  const props = mapStateToSlidesProps(state, identity, identity);
   t.deepEqual(omit(['onQuitClick'], props.header), {
     'aria-label': 'aria-header-wrapper',
     closeButtonAriaLabel: 'aria-close-button',
@@ -1131,7 +1131,7 @@ test('should verify props when progression still has a pendingSlide', t => {
     }
   };
 
-  const props = mapStateToSlidesProps(state, identity);
+  const props = mapStateToSlidesProps(state, identity, 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,6 +1,7 @@
 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';
@@ -69,7 +70,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);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   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,6 +1,7 @@
 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';
@@ -69,7 +70,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);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   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,6 +1,7 @@
 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';
@@ -69,7 +70,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);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,

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

@@ -1,6 +1,7 @@
 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';
@@ -71,7 +72,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);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,

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

@@ -1,6 +1,7 @@
 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';
@@ -69,7 +70,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);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,

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 identity from 'lodash/fp/identity';
 import {ProgressionFromAPI} from '../../../types/common';
 import {StoreState} from '../../../reducers';
 import {mapStateToSlidesProps} from '..';
@@ -67,7 +68,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);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
 
   const SlideProps = props.stack.slides['0'].answerUI?.model as QuestionRange;
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion

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

@@ -1,6 +1,7 @@
 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 +66,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);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,
@@ -89,7 +90,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);
+  const props = mapStateToSlidesProps(getState(), dispatch, identity);
   t.deepEqual(omit('answerUI', props.stack.slides['0']), {
     animateCorrectionPopin: false,
     showCorrectionPopin: false,