@coorpacademy/app-review 0.2.4 → 0.2.5

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

@@ -0,0 +1,69 @@
+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';
+const 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
+    }
+};
+const initialState = {
+    data: {
+        progression,
+        slides: {
+            [freeTextSlide._id]: freeTextSlide
+        },
+        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', t => {
+    t.plan(2);
+    const expectedActions = [
+        {
+            type: EDIT_BASIC,
+            payload: ['My Answer']
+        }
+    ];
+    const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
+    const 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?'
+    });
+    const SlideProps = props.stack.slides['0'].answerUI?.model;
+    const onChange = get('onChange', SlideProps);
+    onChange('My Answer');
+});

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

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

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

@@ -0,0 +1,69 @@
+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';
+const 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
+    }
+};
+const initialState = {
+    data: {
+        progression,
+        slides: {
+            [qcmDragSlide._id]: qcmDragSlide
+        },
+        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', t => {
+    t.plan(2);
+    const expectedActions = [
+        {
+            type: EDIT_QCM_DRAG,
+            payload: ['La démoralisation']
+        }
+    ];
+    const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
+    const 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."
+    });
+    const SlideProps = props.stack.slides['0'].answerUI?.model;
+    const onClick = get(['0', 'onClick'], SlideProps.answers);
+    onClick();
+});

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

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

package/es/views/slides/test/slide.qcm-graphic.on-click.test.js

@@ -0,0 +1,69 @@
+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_GRAPHIC } from '../../../actions/ui/answers';
+import { qcmGraphicSlide } from './fixtures/qcm-graphic';
+const progression = {
+    _id: '123456789123',
+    content: { type: 'skill', ref: '_skill-ref' },
+    engine: {
+        ref: 'review'
+    },
+    state: {
+        allAnswers: [],
+        isCorrect: true,
+        nextContent: {
+            ref: qcmGraphicSlide._id,
+            type: 'slide'
+        },
+        pendingSlides: [],
+        slides: [],
+        step: {
+            current: 1
+        },
+        stars: 0
+    }
+};
+const initialState = {
+    data: {
+        progression,
+        slides: {
+            [qcmGraphicSlide._id]: qcmGraphicSlide
+        },
+        skills: [],
+        token: '1234',
+        corrections: {}
+    },
+    ui: {
+        currentSlideRef: qcmGraphicSlide._id,
+        navigation: ['skills', 'slides'],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch EDIT_QCM_GRAPHIC action via the property onClick of a QCM Graphic slide', t => {
+    t.plan(2);
+    const expectedActions = [
+        {
+            type: EDIT_QCM_GRAPHIC,
+            payload: ['Faux']
+        }
+    ];
+    const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
+    const 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: 'Pour mener une bonne négociation, il ne faut ressentir aucune émotion. Vrai ou faux ?'
+    });
+    const SlideProps = props.stack.slides['0'].answerUI?.model;
+    const onClick = get(['1', 'onClick'], SlideProps.answers);
+    onClick();
+});

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

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

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

@@ -0,0 +1,71 @@
+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 } from '../../../actions/ui/answers';
+import { qcmSlide } from './fixtures/qcm';
+const progression = {
+    _id: '123456789123',
+    content: { type: 'skill', ref: '_skill-ref' },
+    engine: {
+        ref: 'review'
+    },
+    state: {
+        allAnswers: [],
+        isCorrect: true,
+        nextContent: {
+            ref: qcmSlide._id,
+            type: 'slide'
+        },
+        pendingSlides: [],
+        slides: [],
+        step: {
+            current: 1
+        },
+        stars: 0
+    }
+};
+const initialState = {
+    data: {
+        progression,
+        slides: {
+            [qcmSlide._id]: qcmSlide
+        },
+        skills: [],
+        token: '1234',
+        corrections: {}
+    },
+    ui: {
+        currentSlideRef: qcmSlide._id,
+        navigation: ['skills', 'slides'],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch EDIT_QCM action via the property onClick of a QCM slide', t => {
+    t.plan(2);
+    const expectedActions = [
+        {
+            type: EDIT_QCM,
+            payload: [
+                "Pour chaque transaction il existe un pourcentage fixe déterminé par le droit d'auteur du pays où se tient la vente"
+            ]
+        }
+    ];
+    const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
+    const 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: "Après la vente d'un NFT, son créateur peut-il toucher de l'argent ?"
+    });
+    const SlideProps = props.stack.slides['0'].answerUI?.model;
+    const onClick = get(['1', 'onClick'], SlideProps.answers);
+    onClick();
+});

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

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

package/es/views/slides/test/slide.slider.on-change.test.js

@@ -0,0 +1,70 @@
+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_SLIDER } from '../../../actions/ui/answers';
+import { sliderSlide } from './fixtures/slider';
+const progression = {
+    _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 = {
+    data: {
+        progression,
+        slides: {
+            [sliderSlide._id]: sliderSlide
+        },
+        skills: [],
+        token: '1234',
+        corrections: {}
+    },
+    ui: {
+        currentSlideRef: sliderSlide._id,
+        navigation: ['skills', 'slides'],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch EDIT_SLIDER action via the property onChange of a Slider slide', t => {
+    t.plan(2);
+    const expectedActions = [
+        {
+            type: EDIT_SLIDER,
+            payload: ['5']
+        }
+    ];
+    const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
+    const 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: 'En combien d’années la communauté de communes du Thouarsais est-elle passée de zéro à un tiers d’énergies renouvelables ?'
+    });
+    const SlideProps = props.stack.slides['0'].answerUI?.model;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const onChange = get('onChange', SlideProps);
+    onChange(0.29339261968085106);
+});

package/es/views/slides/test/slide.template.on-change.test.js

@@ -34,7 +34,8 @@ const initialState = {
             [templateSlide._id]: templateSlide
         },
         skills: [],
-        token: '1234'
+        token: '1234',
+        corrections: {}
     },
     ui: {
         currentSlideRef: templateSlide._id,

package/lib/actions/api/post-answer.js

@@ -36,6 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import buildTask from '@coorpacademy/redux-task';
 import get from 'lodash/fp/get';
+import { fetchCorrection } from './fetch-correction';
 import { fetchSlide } from './fetch-slide';
 export var POST_ANSWER_REQUEST = '@@answer/POST_REQUEST';
 export var POST_ANSWER_SUCCESS = '@@answer/POST_SUCCESS';
@@ -50,9 +51,9 @@ export var postAnswer = function (dispatch, getState, _a) {
                     state = getState();
                     token = get(['data', 'token'], state);
                     answer = get(['ui', 'answers'], state);
-                    progression = state.data.progression;
+                    progression = get(['data', 'progression'], state);
                     if (!progression)
-                        throw new Error('cannot answer question of inexisting progression');
+                        throw new Error('Cannot answer a question of an inexistent progression');
                     action = buildTask({
                         types: [POST_ANSWER_REQUEST, POST_ANSWER_SUCCESS, POST_ANSWER_FAILURE],
                         task: function () { return services.postAnswer(progression, token, answer); }
@@ -60,14 +61,17 @@ export var postAnswer = function (dispatch, getState, _a) {
                     return [4 /*yield*/, dispatch(action)];
                 case 1:
                     response = _b.sent();
-                    if (!(response.type === POST_ANSWER_SUCCESS)) return [3 /*break*/, 3];
+                    if (!(response.type === POST_ANSWER_SUCCESS)) return [3 /*break*/, 4];
                     updatedProgression = response.payload;
                     slideRef = updatedProgression.state.nextContent.ref;
                     return [4 /*yield*/, dispatch(fetchSlide(slideRef))];
                 case 2:
                     _b.sent();
-                    _b.label = 3;
-                case 3: return [2 /*return*/];
+                    return [4 /*yield*/, dispatch(fetchCorrection)];
+                case 3:
+                    _b.sent();
+                    _b.label = 4;
+                case 4: return [2 /*return*/];
             }
         });
     });

package/lib/actions/api/test/fetch-correction.test.js

@@ -63,7 +63,8 @@ var initialState = {
             _a[qcmSlide.universalRef] = qcmSlide,
             _a),
         skills: [{ skillRef: skillRef, custom: false, name: skillRef, slidesToReview: 5 }],
-        token: '1234'
+        token: '1234',
+        corrections: {}
     },
     ui: {
         currentSlideRef: freeTextSlide._id,

package/lib/actions/api/test/fetch-skills.test.js

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

package/lib/actions/api/test/fetch-slide.test.js

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

package/lib/actions/api/test/post-answer.test.js

@@ -48,12 +48,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 var _a;
 import test from 'ava';
 import { createTestStore } from '../../test/create-test-store';
-import { postAnswerResponses, services } from '../../../test/util/services.mock';
+import { getChoicesCorrection, postAnswerResponses, services } from '../../../test/util/services.mock';
 import { postAnswer, POST_ANSWER_FAILURE, POST_ANSWER_REQUEST, POST_ANSWER_SUCCESS } from '../post-answer';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { CORRECTION_FETCH_REQUEST, CORRECTION_FETCH_SUCCESS } from '../fetch-correction';
 import { SLIDE_FETCH_REQUEST, SLIDE_FETCH_SUCCESS } from '../fetch-slide';
 import { qcmGraphicSlide } from '../../../views/slides/test/fixtures/qcm-graphic';
-import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
-import { SET_CURRENT_SLIDE } from '../../ui/slides';
 var progressionId = '123456789123';
 var skillRef = '_skill-ref';
 var answer = ['Lister vos tâches pour vous libérer l’esprit', 'Vous isoler dans un lieu calme'];
@@ -84,7 +84,8 @@ var initialState = {
             _a[freeTextSlide._id] = freeTextSlide,
             _a),
         skills: [{ skillRef: skillRef, custom: false, name: skillRef, slidesToReview: 5 }],
-        token: '1234'
+        token: '1234',
+        corrections: {}
     },
     ui: {
         currentSlideRef: freeTextSlide._id,
@@ -95,30 +96,45 @@ var initialState = {
         }
     }
 };
-test('should dispatch POST_ANSWER_REQUEST, then POST_ANSWER_SUCCESS when the updated progression is returned', function (t) { return __awaiter(void 0, void 0, void 0, function () {
-    var expectedActions, dispatch;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
+test('should dispatch post-answer, fetch-slide and fetch-correction actions when the answer is submitted', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var expectedActions, _a, dispatch, getState, state;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
             case 0:
-                t.plan(4);
+                t.plan(8);
                 expectedActions = [
                     { type: POST_ANSWER_REQUEST },
                     {
                         type: POST_ANSWER_SUCCESS,
                         payload: postAnswerResponses[freeTextSlide._id]
                     },
-                    { type: SLIDE_FETCH_REQUEST, meta: { slideRef: qcmGraphicSlide._id } },
+                    {
+                        type: SLIDE_FETCH_REQUEST,
+                        meta: {
+                            slideRef: qcmGraphicSlide._id
+                        }
+                    },
                     {
                         type: SLIDE_FETCH_SUCCESS,
-                        meta: { slideRef: qcmGraphicSlide._id },
+                        meta: {
+                            slideRef: qcmGraphicSlide._id
+                        },
                         payload: qcmGraphicSlide
                     },
-                    { type: SET_CURRENT_SLIDE, payload: qcmGraphicSlide }
+                    { type: CORRECTION_FETCH_REQUEST, meta: { slideRef: freeTextSlide._id } },
+                    {
+                        type: CORRECTION_FETCH_SUCCESS,
+                        meta: { slideRef: freeTextSlide._id },
+                        payload: getChoicesCorrection(freeTextSlide._id)
+                    }
                 ];
-                dispatch = createTestStore(t, initialState, services, expectedActions).dispatch;
+                _a = createTestStore(t, initialState, services, expectedActions), dispatch = _a.dispatch, getState = _a.getState;
                 return [4 /*yield*/, dispatch(postAnswer)];
             case 1:
-                _a.sent();
+                _b.sent();
+                state = getState();
+                t.false(state.ui.slide.validateButton);
+                t.true(state.ui.slide.animateCorrectionPopin);
                 return [2 /*return*/];
         }
     });
@@ -148,3 +164,18 @@ test('should dispatch POST_ANSWER_REQUEST, then POST_ANSWER_FAILURE on error', f
         }
     });
 }); });
+test('should not dispatch any action && throw an error if progression does not exist', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var expectedActions, dispatch;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                t.plan(1);
+                expectedActions = [];
+                dispatch = createTestStore(t, __assign(__assign({}, initialState), { data: __assign(__assign({}, initialState.data), { progression: null }) }), services, expectedActions).dispatch;
+                return [4 /*yield*/, t.throwsAsync(function () { return dispatch(postAnswer); }, undefined, 'Cannot answer a question of an inexistent progression')];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });

package/lib/actions/api/test/post-progression.test.js

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

package/lib/actions/data/test/token.test.js

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

package/lib/actions/test/create-test-store.d.ts

@@ -2,4 +2,4 @@ import type { ExecutionContext } from 'ava';
 import { AnyAction, Store } from 'redux';
 import { StoreState } from '../../reducers';
 import { Services } from '../../types/common';
-export declare const createTestStore: (t: ExecutionContext, initialState: StoreState, services: Services, actions: AnyAction[]) => Store;
+export declare const createTestStore: (t: ExecutionContext, initialState: StoreState, services: Services, actions: AnyAction[]) => Store<StoreState, AnyAction>;

package/lib/actions/ui/answers.js

@@ -7,7 +7,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { flatten, get, includes, pull } from 'lodash/fp';
+import flatten from 'lodash/fp/flatten';
+import get from 'lodash/fp/get';
+import includes from 'lodash/fp/includes';
+import pull from 'lodash/fp/pull';
 export var EDIT_QCM = '@@answer/EDIT_QCM';
 export var EDIT_QCM_GRAPHIC = '@@answer/EDIT_QCM_GRAPHIC';
 export var EDIT_QCM_DRAG = '@@answer/EDIT_QCM_DRAG';
@@ -36,18 +39,22 @@ var buildAnswer = function (userAnswers, questionType, newValue) {
         case 'slider':
         case 'template':
             return newValue;
-        default:
+        /* istanbul ignore next */ default:
             return [];
     }
 };
 export var editAnswer = function (answer) {
     return function (dispatch, getState) {
         var state = getState();
-        var currentSlideRef = get(['ui', 'currentSlideRef'])(state);
-        var userAnswers = get(['ui', 'answers'])(state);
-        var slide = get(['data', 'slides', currentSlideRef])(state);
-        var questionType = get(['question', 'type'])(slide);
+        var currentSlideRef = get(['ui', 'currentSlideRef'], state);
+        var userAnswers = get(['ui', 'answers'], state);
+        var slide = get(['data', 'slides', currentSlideRef], state);
+        if (!slide)
+            throw new Error('No slide was found');
+        var questionType = get(['question', 'type'], slide);
         var type = get(questionType, ANSWER_EDIT);
+        if (!type)
+            throw new Error("Question type ".concat(questionType, " is not supported"));
         return dispatch({
             type: type,
             payload: buildAnswer(userAnswers, questionType, answer)