@coorpacademy/app-review 0.2.3 → 0.2.5

package/lib/actions/ui/test/answers.test.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -37,6 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import test from 'ava';
 import pipe from 'lodash/fp/pipe';
 import set from 'lodash/fp/set';
+import omit from 'lodash/fp/omit';
 import { createTestStore } from '../../test/create-test-store';
 import { services } from '../../../test/util/services.mock';
 import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
@@ -74,7 +86,8 @@ var initialState = {
         },
         slides: {},
         skills: [],
-        token: '1234'
+        token: '1234',
+        corrections: {}
     },
     ui: {
         currentSlideRef: '',
@@ -88,6 +101,35 @@ var initialState = {
 var buildInitialState = function (state, question) {
     return pipe(set(['data', 'progression', 'state', 'nextContent', 'ref'], question._id), set(['data', 'slides', question._id], question), set(['ui', 'currentSlideRef'], question._id))(state);
 };
+test('editAnswer should throw an Error if the slide is not found', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var state, expectedActions, dispatch;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                state = buildInitialState(initialState, freeTextSlide);
+                expectedActions = [{ type: undefined, payload: [] }];
+                dispatch = createTestStore(t, omit(['data', 'slides'], state), services, expectedActions).dispatch;
+                return [4 /*yield*/, t.throws(function () { return dispatch(editAnswer(['Some kind of answer'])); }, undefined, 'No slide was found or questionType was not found')];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });
+test('editAnswer should throw an Error for unsupported questions', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var state, dispatch;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                state = buildInitialState(initialState, __assign(__assign({}, freeTextSlide), { question: __assign(__assign({}, freeTextSlide.question), { type: 'unsupportedType' }) }));
+                dispatch = createTestStore(t, state, services, []).dispatch;
+                return [4 /*yield*/, t.throws(function () { return dispatch(editAnswer(['Some kind of answer'])); }, undefined, 'Question type unsupportedType is not supported')];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });
 test('should dispatch EDIT_BASIC action when editAnswer is called', function (t) { return __awaiter(void 0, void 0, void 0, function () {
     var state, expectedActions, dispatch;
     return __generator(this, function (_a) {

package/lib/actions/ui/test/slides.test.js

@@ -44,7 +44,8 @@ var initialState = {
         progression: null,
         slides: {},
         skills: [],
-        token: '1234'
+        token: '1234',
+        corrections: {}
     },
     ui: {
         currentSlideRef: '',

package/lib/index.js

@@ -12,7 +12,6 @@ var __assign = (this && this.__assign) || function () {
 import React, { useEffect, useState } from 'react';
 import { useSelector, useDispatch, Provider } from 'react-redux';
 import AppReviewTemplate from '@coorpacademy/components/es/template/app-review';
-import { TemplateContext } from '@coorpacademy/components/es/template/app-review/template-context';
 import isEmpty from 'lodash/fp/isEmpty';
 import get from 'lodash/fp/get';
 import configureStore from './configure-store';
@@ -78,9 +77,7 @@ var AppReview = function (_a) {
     }, [isProgressionCreated, options, store]);
     if (!store)
         return null;
-    var values = options.templateContext;
     return (React.createElement(Provider, { store: store },
-        React.createElement(TemplateContext, { values: values },
-            React.createElement(ConnectedApp, null))));
+        React.createElement(ConnectedApp, null)));
 };
 export default AppReview;

package/lib/reducers/data/index.d.ts

@@ -1,18 +1,20 @@
+import { CorrectionsState } from './corrections';
 import { ProgressionState } from './progression';
 import { SkillsState } from './skills';
 import { SlidesState } from './slides';
 import { TokenState } from './token';
 export declare type DataState = {
-    isFetching?: boolean;
+    corrections: CorrectionsState;
     progression: ProgressionState;
     skills: SkillsState;
     slides: SlidesState;
     token: TokenState;
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
+    corrections: CorrectionsState;
     progression: ProgressionState;
     skills: SkillsState;
     slides: SlidesState;
     token: string;
-}>, import("../../actions/api/post-answer").PostAnswerSuccessAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
+}>, import("./corrections").CorrectionsAction | import("../../actions/api/post-answer").PostAnswerSuccessAction | import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
 export default _default;

package/lib/reducers/data/index.js

@@ -1,11 +1,7 @@
 import { combineReducers } from 'redux';
+import corrections from './corrections';
 import progression from './progression';
 import skills from './skills';
 import slides from './slides';
 import token from './token';
-export default combineReducers({
-    progression: progression,
-    skills: skills,
-    slides: slides,
-    token: token
-});
+export default combineReducers({ corrections: corrections, progression: progression, skills: skills, slides: slides, token: token });

package/lib/reducers/index.d.ts

@@ -6,6 +6,7 @@ export declare type StoreState = {
 };
 declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     data: import("redux").CombinedState<{
+        corrections: import("./data/corrections").CorrectionsState;
         progression: import("./data/progression").ProgressionState;
         skills: import("./data/skills").SkillsState;
         slides: import("./data/slides").SlidesState;
@@ -17,5 +18,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         answers: import("./ui/answers").AnswerState;
         slide: import("./ui/slide").UISlideState;
     }>;
-}>, import("../actions/ui/slides").SetCurrentSlide | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction>;
+}>, import("./data/corrections").CorrectionsAction | import("../actions/ui/slides").SetCurrentSlide | import("../actions/api/post-answer").PostAnswerRequestAction | import("../actions/api/post-answer").PostAnswerSuccessAction | import("../actions/api/post-progression").ReceivedProgression | import("../actions/api/fetch-skills").ReceivedSkills | import("./data/slides").SlidesAction | import("../actions/data/token").StoreToken | import("../actions/ui/navigation").NavigateTo | import("../actions/ui/navigation").NavigateBack | import("../actions/ui/answers").EditAnswerAction>;
 export default _default;

package/lib/reducers/ui/index.d.ts

@@ -13,5 +13,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     navigation: NavigationState;
     answers: AnswerState;
     slide: UISlideState;
-}>, import("../../actions/ui/slides").SetCurrentSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction>;
+}>, import("../../actions/api/fetch-correction").ReceivedCorrection | import("../../actions/ui/slides").SetCurrentSlide | import("../../actions/api/post-answer").PostAnswerRequestAction | import("../../actions/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction>;
 export default _default;

package/lib/reducers/ui/slide.d.ts

@@ -1,8 +1,10 @@
 import { EditAnswerAction } from '../../actions/ui/answers';
 import { PostAnswerRequestAction } from '../../actions/api/post-answer';
+import { ReceivedCorrection } from '../../actions/api/fetch-correction';
 export declare type UISlideState = {
     validateButton: boolean;
+    animateCorrectionPopin?: boolean;
 };
 export declare const initialState: UISlideState;
-declare const reducer: (state: UISlideState | undefined, action: PostAnswerRequestAction | EditAnswerAction) => UISlideState;
+declare const reducer: (state: UISlideState | undefined, action: PostAnswerRequestAction | EditAnswerAction | ReceivedCorrection) => UISlideState;
 export default reducer;

package/lib/reducers/ui/slide.js

@@ -1,8 +1,10 @@
 import compact from 'lodash/fp/compact';
 import isEmpty from 'lodash/fp/isEmpty';
 import pipe from 'lodash/fp/pipe';
+import set from 'lodash/fp/set';
 import { EDIT_BASIC, EDIT_QCM, EDIT_QCM_DRAG, EDIT_QCM_GRAPHIC, EDIT_SLIDER, EDIT_TEMPLATE } from '../../actions/ui/answers';
 import { POST_ANSWER_REQUEST } from '../../actions/api/post-answer';
+import { CORRECTION_FETCH_SUCCESS } from '../../actions/api/fetch-correction';
 export var initialState = { validateButton: false };
 var reducer = function (
 // eslint-disable-next-line default-param-last
@@ -20,6 +22,9 @@ state, action) {
         case POST_ANSWER_REQUEST: {
             return initialState;
         }
+        case CORRECTION_FETCH_SUCCESS: {
+            return set(['animateCorrectionPopin'], true, state);
+        }
         default:
             return state;
     }

package/lib/reducers/ui/test/slide.test.js

@@ -1,10 +1,22 @@
 import test from 'ava';
 import reducer, { initialState } from '../slide';
 import { EDIT_BASIC } from '../../../actions/ui/answers';
+import { CORRECTION_FETCH_SUCCESS } from '../../../actions/api/fetch-correction';
 test('should use initial state if no answers are found when an EditAnswerAction is received', function (t) {
     var state = reducer(undefined, { type: EDIT_BASIC, payload: [''] });
     t.truthy(state);
     t.false(state.validateButton);
+    t.falsy(state.animateCorrectionPopin);
+});
+test('should set animateCorrectionPopin to true if CORRECTION_FETCH_SUCCESS is received', function (t) {
+    var state = reducer(undefined, {
+        type: CORRECTION_FETCH_SUCCESS,
+        payload: undefined,
+        meta: { slideRef: '1234' }
+    });
+    t.truthy(state);
+    t.false(state.validateButton);
+    t.true(state.animateCorrectionPopin);
 });
 test('should return state directly when there is no corresponding action handler + have an initial state', function (t) {
     var state = reducer(undefined, { type: 'NOPE' });

package/lib/test/util/services.mock.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 var _a;
 import get from 'lodash/fp/get';
+import { qcmDragSlide } from '../../views/slides/test/fixtures/qcm-drag';
 import { qcmSlide } from '../../views/slides/test/fixtures/qcm';
 import { qcmGraphicSlide } from '../../views/slides/test/fixtures/qcm-graphic';
 import { freeTextSlide } from '../../views/slides/test/fixtures/free-text';
@@ -33,6 +34,8 @@ var getSlideFixture = function (ref) {
             return freeTextSlide;
         case templateSlide.universalRef:
             return templateSlide;
+        case qcmDragSlide.universalRef:
+            return qcmDragSlide;
         default:
             return sliderSlide;
     }

package/lib/types/slides.d.ts

@@ -5,6 +5,7 @@ export declare type Choice = {
     help?: string;
     onClick: Function;
     ariaLabel?: string;
+    'aria-label'?: string;
 };
 export declare type QcmDrag = {
     type: 'qcmDrag';

package/lib/views/skills/test/skills.test.js

@@ -8,7 +8,8 @@ test('should create initial props when there are no skills on the state', functi
             progression: null,
             skills: [],
             slides: {},
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: '',
@@ -49,7 +50,8 @@ test('should create initial props when skills on the state', function (t) {
                 }
             ],
             slides: {},
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: '',

package/lib/views/slides/map-api-slide-to-ui.js

@@ -5,14 +5,14 @@ var qcmProps = function (dispatch) {
         return {
             type: 'qcm',
             answers: map(function (choice) {
-                var label = choice.label || '';
+                var label = getOr('', 'label', choice);
                 return {
                     title: label,
                     selected: includes(label, answers),
                     onClick: function () {
                         dispatch(editAnswer([label]));
                     },
-                    ariaLabel: choice.label
+                    'aria-label': label
                 };
             }, question.content.choices)
         };
@@ -23,7 +23,7 @@ var qcmDragProps = function (dispatch) {
         return {
             type: 'qcmDrag',
             answers: map(function (choice) {
-                var label = choice.label || '';
+                var label = getOr('', 'label', choice);
                 var indexInAnswer = indexOf(label, answers);
                 return {
                     title: label,
@@ -42,14 +42,15 @@ var qcmGraphicProps = function (dispatch) {
         return {
             type: 'qcmGraphic',
             answers: map(function (choice) {
-                var label = choice.label || '';
+                var label = getOr('', 'label', choice);
                 return {
                     title: label,
                     image: get('media.src.0.url', choice),
                     selected: includes(label, answers),
                     onClick: function () {
                         dispatch(editAnswer([label]));
-                    }
+                    },
+                    ariaLabel: label
                 };
             }, question.content.choices)
         };
@@ -117,8 +118,8 @@ var basicProps = function (dispatch) {
     return function (answers, question) {
         return {
             type: 'freeText',
-            placeholder: question.content.placeholder || '',
-            value: answers[0] || '',
+            placeholder: getOr('', 'content.placeholder', question),
+            value: getOr('', '0', answers),
             onChange: function (text) {
                 dispatch(editAnswer([text]));
             }

package/lib/views/slides/test/fixtures/qcm-graphic.js

@@ -74,13 +74,15 @@ export var qcmGraphicUISlide = {
                     title: 'Vrai',
                     image: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/true-1512554153232.jpg',
                     selected: false,
-                    onClick: noop
+                    onClick: noop,
+                    ariaLabel: 'Vrai'
                 },
                 {
                     title: 'Faux',
                     image: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/false-1512554160848.jpg',
                     selected: false,
-                    onClick: noop
+                    onClick: noop,
+                    ariaLabel: 'Faux'
                 }
             ]
         }

package/lib/views/slides/test/fixtures/qcm.js

@@ -83,25 +83,25 @@ export var qcmUISlide = {
                     title: 'Le créateur peut fixer un pourcentage pour chaque transaction future',
                     selected: false,
                     onClick: noop,
-                    ariaLabel: 'Le créateur peut fixer un pourcentage pour chaque transaction future'
+                    'aria-label': 'Le créateur peut fixer un pourcentage pour chaque transaction future'
                 },
                 {
                     title: "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente",
                     selected: false,
                     onClick: noop,
-                    ariaLabel: "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente"
+                    'aria-label': "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente"
                 },
                 {
                     title: "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT",
                     selected: false,
                     onClick: noop,
-                    ariaLabel: "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT"
+                    'aria-label': "Seule la galerie ou la plateforme peut toucher une commission sur la vente d'un NFT"
                 },
                 {
                     title: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission",
                     selected: false,
                     onClick: noop,
-                    ariaLabel: "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission"
+                    'aria-label': "Les NFT payés en ETH ne peuvent pas être soumis au paiement d'une commission"
                 }
             ]
         }

package/lib/views/slides/test/index.test.js

@@ -18,7 +18,8 @@ test('should create initial props when fetched slide is not still received', fun
             slides: {
                 sli_N1XACJobn: null
             },
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: '',
@@ -105,7 +106,8 @@ test('should create props when first slide is on the state', function (t) {
             slides: {
                 sli_VJYjJnJhg: freeTextSlide
             },
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: 'sli_VJYjJnJhg',
@@ -203,7 +205,8 @@ test('should create props when slide is on the state and user has selected answe
             slides: {
                 sli_VJYjJnJhg: freeTextSlide
             },
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: 'sli_VJYjJnJhg',
@@ -302,7 +305,8 @@ test('should verify props when first slide was answered correctly and next slide
                 sli_VJYjJnJhg: freeTextSlide,
                 sli_VkSQroQnx: null
             },
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: 'sli_VJYjJnJhg',
@@ -401,7 +405,8 @@ test('should verify props when first slide was answered with error and next slid
                 sli_VJYjJnJhg: freeTextSlide,
                 sli_VkSQroQnx: null
             },
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: 'sli_VJYjJnJhg',
@@ -458,7 +463,8 @@ test('should verify props when first slide was answered and next slide is fecthe
                 sli_VJYjJnJhg: freeTextSlide,
                 sli_VkSQroQnx: qcmGraphicSlide
             },
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: 'sli_VJYjJnJhg',
@@ -559,7 +565,8 @@ test('should verify props when currentSlideRef has changed to nextContent of pro
                 sli_VJYjJnJhg: freeTextSlide,
                 sli_VkSQroQnx: qcmGraphicSlide
             },
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: 'sli_VkSQroQnx',
@@ -621,7 +628,8 @@ test('should verify props when progression is in success', function (t) {
                 _a[sliderSlide.universalRef] = sliderSlide,
                 _a[templateSlide.universalRef] = templateSlide,
                 _a),
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: templateSlide.universalRef,
@@ -683,7 +691,8 @@ test('should verify props when progression has answered a current pendingslide',
                 _a[sliderSlide.universalRef] = sliderSlide,
                 _a[templateSlide.universalRef] = templateSlide,
                 _a),
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: freeTextSlide.universalRef,
@@ -743,7 +752,8 @@ test('should verify props when progression has still pendingslide', function (t)
                 _a[sliderSlide.universalRef] = sliderSlide,
                 _a[templateSlide.universalRef] = templateSlide,
                 _a),
-            token: '1234'
+            token: '1234',
+            corrections: {}
         },
         ui: {
             currentSlideRef: qcmSlide.universalRef,

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

@@ -0,0 +1 @@
+export {};

package/lib/views/slides/test/slide.free-text.on-change.test.js

@@ -0,0 +1,71 @@
+var _a;
+import test from 'ava';
+import omit from 'lodash/fp/omit';
+import get from 'lodash/fp/get';
+import { mapStateToSlidesProps } from '..';
+import { services } from '../../../test/util/services.mock';
+import { createTestStore } from '../../../actions/test/create-test-store';
+import { EDIT_BASIC } from '../../../actions/ui/answers';
+import { freeTextSlide } from './fixtures/free-text';
+var progression = {
+    _id: '123456789123',
+    content: { type: 'skill', ref: '_skill-ref' },
+    engine: {
+        ref: 'review'
+    },
+    state: {
+        allAnswers: [],
+        isCorrect: true,
+        nextContent: {
+            ref: freeTextSlide._id,
+            type: 'slide'
+        },
+        pendingSlides: [],
+        slides: [],
+        step: {
+            current: 1
+        },
+        stars: 0
+    }
+};
+var initialState = {
+    data: {
+        progression: progression,
+        slides: (_a = {},
+            _a[freeTextSlide._id] = freeTextSlide,
+            _a),
+        skills: [],
+        token: '1234',
+        corrections: {}
+    },
+    ui: {
+        currentSlideRef: freeTextSlide._id,
+        navigation: ['skills', 'slides'],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch EDIT_BASIC action via the property onChange of a Free Text slide', function (t) {
+    var _a;
+    t.plan(2);
+    var expectedActions = [
+        {
+            type: EDIT_BASIC,
+            payload: ['My Answer']
+        }
+    ];
+    var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
+    var props = mapStateToSlidesProps(getState(), dispatch);
+    t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        hidden: false,
+        position: 0,
+        loading: false,
+        parentContentTitle: 'From "Developing the review app" course',
+        questionText: 'Which term is used to describe the act of asking what the usual salary is for the position you are applying for?'
+    });
+    var SlideProps = (_a = props.stack.slides['0'].answerUI) === null || _a === void 0 ? void 0 : _a.model;
+    var onChange = get('onChange', SlideProps);
+    onChange('My Answer');
+});

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

@@ -0,0 +1 @@
+export {};

package/lib/views/slides/test/slide.qcm-drag.on-click.test.js

@@ -0,0 +1,71 @@
+var _a;
+import test from 'ava';
+import omit from 'lodash/fp/omit';
+import get from 'lodash/fp/get';
+import { mapStateToSlidesProps } from '..';
+import { services } from '../../../test/util/services.mock';
+import { createTestStore } from '../../../actions/test/create-test-store';
+import { EDIT_QCM_DRAG } from '../../../actions/ui/answers';
+import { qcmDragSlide } from './fixtures/qcm-drag';
+var progression = {
+    _id: '123456789123',
+    content: { type: 'skill', ref: '_skill-ref' },
+    engine: {
+        ref: 'review'
+    },
+    state: {
+        allAnswers: [],
+        isCorrect: true,
+        nextContent: {
+            ref: qcmDragSlide._id,
+            type: 'slide'
+        },
+        pendingSlides: [],
+        slides: [],
+        step: {
+            current: 1
+        },
+        stars: 0
+    }
+};
+var initialState = {
+    data: {
+        progression: progression,
+        slides: (_a = {},
+            _a[qcmDragSlide._id] = qcmDragSlide,
+            _a),
+        skills: [],
+        token: '1234',
+        corrections: {}
+    },
+    ui: {
+        currentSlideRef: qcmDragSlide._id,
+        navigation: ['skills', 'slides'],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch EDIT_QCM_DRAG action via the property onClick of a QCM Drag slide', function (t) {
+    var _a;
+    t.plan(2);
+    var expectedActions = [
+        {
+            type: EDIT_QCM_DRAG,
+            payload: ['La démoralisation']
+        }
+    ];
+    var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
+    var props = mapStateToSlidesProps(getState(), dispatch);
+    t.deepEqual(omit('answerUI', props.stack.slides['0']), {
+        hidden: false,
+        position: 0,
+        loading: false,
+        parentContentTitle: 'From "Using redux" chapter',
+        questionText: "Remettez dans l'ordre les quatre étapes du burn out."
+    });
+    var SlideProps = (_a = props.stack.slides['0'].answerUI) === null || _a === void 0 ? void 0 : _a.model;
+    var onClick = get(['0', 'onClick'], SlideProps.answers);
+    onClick();
+});

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

@@ -0,0 +1 @@
+export {};