@coorpacademy/app-review 0.1.17 → 0.1.18

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

@@ -232,3 +232,242 @@ test('should create initial props when the slide is on the state', t => {
         }
     });
 });
+test('should create props when the next slide is on the state', t => {
+    const state = {
+        data: {
+            progression: {
+                _id: '62b1d1087aa12f00253f40ee',
+                content: {
+                    ref: '_skill-ref',
+                    type: 'skill'
+                },
+                engine: {
+                    ref: 'review'
+                },
+                state: {
+                    allAnswers: [
+                        {
+                            slideRef: 'sli_VJYjJnJhg',
+                            isCorrect: true,
+                            answer: ['Benchmark']
+                        }
+                    ],
+                    isCorrect: true,
+                    nextContent: {
+                        ref: 'sli_VkSQroQnx',
+                        type: 'slide'
+                    },
+                    content: {
+                        ref: 'sli_VJYjJnJhg',
+                        type: 'slide'
+                    },
+                    pendingSlides: [],
+                    slides: ['sli_VJYjJnJhg'],
+                    step: {
+                        current: 2
+                    },
+                    stars: 4
+                }
+            },
+            skills: [],
+            slides: {
+                sli_VJYjJnJhg: {
+                    question: {
+                        content: {
+                            media: {
+                                src: [],
+                                posters: [],
+                                subtitles: []
+                            },
+                            label: '',
+                            placeholder: 'Type here',
+                            id: 'sli_VJYjJnJhg.choice_1'
+                        },
+                        type: 'basic',
+                        header: 'Which term is used to describe the act of asking what the usual salary is for the position you are applying for?',
+                        explanation: 'Type your answer.'
+                    },
+                    klf: 'To negotiate your salary when being hired, you have to establish a benchmark beforehand. In other words, you should assess the salary to which you aspire by enquiring about the remuneration paid in the same industry, the same region and the same position.',
+                    tips: 'According to Insee, Paris salaries are 20-25% higher compared with those of the provinces in 2015.',
+                    universalRef: 'sli_VJYjJnJhg',
+                    id: 'sli_VJYjJnJhg',
+                    parentContentTitle: {
+                        title: 'Developing the review app',
+                        type: 'course'
+                    }
+                },
+                sli_VkSQroQnx: {
+                    question: {
+                        content: {
+                            media: {
+                                src: [],
+                                posters: [],
+                                subtitles: []
+                            },
+                            choices: [
+                                {
+                                    media: {
+                                        src: [
+                                            {
+                                                _id: '624efd915948a7013083e986',
+                                                mimeType: 'image/jpeg',
+                                                url: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/true-1512554153232.jpg',
+                                                id: '624efd915948a7013083e986'
+                                            }
+                                        ],
+                                        posters: [],
+                                        subtitles: [],
+                                        type: 'img'
+                                    },
+                                    items: [],
+                                    _id: '624efd915948a7013083e985',
+                                    label: 'Vrai',
+                                    value: 'sli_VkSQroQnx.choice_NJesyUo7nx',
+                                    id: '624efd915948a7013083e985'
+                                },
+                                {
+                                    media: {
+                                        src: [
+                                            {
+                                                _id: '624efd915948a7013083e988',
+                                                mimeType: 'image/jpeg',
+                                                url: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/false-1512554160848.jpg',
+                                                id: '624efd915948a7013083e988'
+                                            }
+                                        ],
+                                        posters: [],
+                                        subtitles: [],
+                                        type: 'img'
+                                    },
+                                    items: [],
+                                    _id: '624efd915948a7013083e987',
+                                    label: 'Faux',
+                                    value: 'sli_VkSQroQnx.choice_VkgayLjX3e',
+                                    id: '624efd915948a7013083e987'
+                                }
+                            ]
+                        },
+                        type: 'qcmGraphic',
+                        header: 'Pour mener une bonne négociation, il ne faut ressentir aucune émotion. Vrai ou faux ?',
+                        explanation: 'Sélectionnez la bonne réponse.'
+                    },
+                    klf: "Il ne faut pas prendre la négociation comme une affaire personnelle, afin de rester centré sur son sujet. Mais cela ne signifie pas être dépourvu de toute émotion, car celles-ci peuvent être de vrais atouts. À condition de réussir à les exprimer sans accuser l'autre d'en être à l'origine.",
+                    tips: "Pour gérer ses émotions, il faut d'abord les identifier, notamment en analysant ses ressentis physiques et en trouvant l'élément déclencheur.",
+                    universalRef: 'sli_VkSQroQnx',
+                    id: 'sli_VkSQroQnx',
+                    parentContentTitle: {
+                        title: 'Developing the review app',
+                        type: 'course'
+                    }
+                }
+            },
+            token: 'undefined'
+        },
+        ui: {
+            currentSlideRef: 'sli_VJYjJnJhg',
+            navigation: ['loader', 'slides'],
+            answers: ['My value'],
+            slide: {
+                validateButton: false
+            }
+        }
+    };
+    const props = mapStateToSlidesProps(state, identity);
+    t.is(props.congratsProps, undefined);
+    t.deepEqual(omit(['onQuitClick'], props.header), {
+        'aria-label': 'aria-header-wrapper',
+        closeButtonAriaLabel: 'aria-close-button',
+        mode: '__revision_mode',
+        skillName: '__agility',
+        steps: [
+            {
+                current: true,
+                icon: 'right',
+                value: '1'
+            },
+            {
+                // FIX ME: update on PR -> https://trello.com/c/qOSDa8Fm/2715-app-review-props-dynamiques-pour-les-step-items-du-header-bas%C3%A9-sur-le-state
+                current: true,
+                icon: 'no-answer',
+                value: '2'
+            },
+            {
+                current: false,
+                icon: 'no-answer',
+                value: '3'
+            },
+            {
+                current: false,
+                icon: 'no-answer',
+                value: '4'
+            },
+            {
+                current: false,
+                icon: 'no-answer',
+                value: '5'
+            }
+        ]
+    });
+    t.deepEqual(omit(['validateButton', 'slides'], props.stack), {
+        correctionPopinProps: undefined,
+        endReview: false
+    });
+    t.true(props.stack.validateButton.disabled);
+    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?'
+    });
+    t.deepEqual(omit('model.onChange', props.stack.slides['0'].answerUI), {
+        help: 'Type your answer.',
+        model: {
+            placeholder: 'Type here',
+            type: 'freeText',
+            value: 'My value'
+        }
+    });
+    t.deepEqual(omit(['0', '1.answerUI.model.answers.0.onClick', '1.answerUI.model.answers.1.onClick'], props.stack.slides), {
+        '1': {
+            answerUI: {
+                help: 'Sélectionnez la bonne réponse.',
+                model: {
+                    answers: [
+                        {
+                            image: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/true-1512554153232.jpg',
+                            selected: false,
+                            title: 'Vrai'
+                        },
+                        {
+                            image: '//static.coorpacademy.com/content/CoorpAcademy/content-partnerships/cockpit-partner-au-feminin/default/false-1512554160848.jpg',
+                            selected: false,
+                            title: 'Faux'
+                        }
+                    ],
+                    type: 'qcmGraphic'
+                }
+            },
+            hidden: false,
+            loading: false,
+            position: 1,
+            parentContentTitle: 'From "Developing the review app" course',
+            questionText: 'Pour mener une bonne négociation, il ne faut ressentir aucune émotion. Vrai ou faux ?'
+        },
+        '2': {
+            hidden: false,
+            position: 2,
+            loading: true
+        },
+        '3': {
+            hidden: false,
+            position: 3,
+            loading: true
+        },
+        '4': {
+            hidden: false,
+            position: 4,
+            loading: true
+        }
+    });
+});

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

@@ -5,8 +5,7 @@ import { qcmUISlide, qcmSlide } from './fixtures/qcm';
 import { qcmDragUISlide, qcmDragSlide } from './fixtures/qcm-drag';
 import { freeTextSlide, freeTextUISlide } from './fixtures/free-text';
 import { qcmGraphicUISlide, qcmGraphicSlide } from './fixtures/qcm-graphic';
-import { textTemplateSlide, textTemplateUISlide } from './fixtures/text-template';
-import { selectTemplateSlide, selectTemplateUISlide } from './fixtures/select-template';
+import { templateSlide, templateUISlide } from './fixtures/template';
 import { sliderSlide, sliderUISlide } from './fixtures/slider';
 const _mapApiSlideToUi = mapApiSlideToUi(identity);
 const macro = test.macro({
@@ -24,15 +23,10 @@ test('qcm graphic', macro, {
     answers: [],
     expectedUiSlide: qcmGraphicUISlide
 });
-test('text template', macro, {
-    slide: textTemplateSlide,
+test('template', macro, {
+    slide: templateSlide,
     answers: [],
-    expectedUiSlide: textTemplateUISlide
-});
-test('select template', macro, {
-    slide: selectTemplateSlide,
-    answers: [],
-    expectedUiSlide: selectTemplateUISlide
+    expectedUiSlide: templateUISlide
 });
 test('free text', macro, { slide: freeTextSlide, answers: [], expectedUiSlide: freeTextUISlide });
 test('slider', macro, { slide: sliderSlide, answers: [], expectedUiSlide: sliderUISlide });

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

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

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

@@ -0,0 +1,79 @@
+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_TEMPLATE } from '../../../actions/ui/answers';
+import { templateSlide } from './fixtures/template';
+const progression = {
+    _id: '123456789123',
+    content: { type: 'skill', ref: '_skill-ref' },
+    engine: {
+        ref: 'review'
+    },
+    state: {
+        allAnswers: [],
+        isCorrect: true,
+        nextContent: {
+            ref: templateSlide.id,
+            type: 'slide'
+        },
+        pendingSlides: [],
+        slides: [],
+        step: {
+            current: 1
+        },
+        stars: 0
+    }
+};
+const initialState = {
+    data: {
+        progression,
+        slides: {
+            [templateSlide.id]: templateSlide
+        },
+        skills: [],
+        token: '1234'
+    },
+    ui: {
+        currentSlideRef: templateSlide.id,
+        navigation: ['skills', 'slides'],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch EDIT_TEMPLATE action via the property onChange of a Template Text slide', t => {
+    t.plan(2);
+    const expectedActions = [{ type: EDIT_TEMPLATE, payload: ['', 'test', ''] }];
+    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: 'Complétez la phrase ci-dessous.'
+    });
+    const SlideProps = props.stack.slides['0'].answerUI?.model;
+    const onChange = get(['1', 'onChange'], SlideProps.answers);
+    onChange('test');
+});
+test('should dispatch EDIT_TEMPLATE action via the property onChange of a Template Select slide', t => {
+    t.plan(2);
+    const expectedActions = [{ type: EDIT_TEMPLATE, payload: ['Catalogue', '', ''] }];
+    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: 'Complétez la phrase ci-dessous.'
+    });
+    const SlideProps = props.stack.slides['0'].answerUI?.model;
+    const onChange = get(['0', 'onChange'], SlideProps.answers);
+    onChange('Catalogue');
+});

package/lib/actions/api/post-answer.d.ts

@@ -1,5 +1,5 @@
 import type { Dispatch } from 'redux';
-import type { Options } from '../../types/common';
+import type { Options, ProgressionFromAPI } from '../../types/common';
 import type { StoreState } from '../../reducers';
 export declare const POST_ANSWER_REQUEST: "@@answer/POST_REQUEST";
 export declare const POST_ANSWER_SUCCESS: "@@answer/POST_SUCCESS";
@@ -7,4 +7,8 @@ export declare const POST_ANSWER_FAILURE: "@@answer/POST_FAILURE";
 export declare type PostAnswerRequestAction = {
     type: typeof POST_ANSWER_REQUEST;
 };
+export declare type PostAnswerSuccessAction = {
+    type: typeof POST_ANSWER_SUCCESS;
+    payload: ProgressionFromAPI;
+};
 export declare const postAnswer: (dispatch: Dispatch, getState: () => StoreState, { services }: Options) => Promise<void>;

package/lib/actions/ui/answers.d.ts

@@ -18,4 +18,4 @@ export declare type EditAnswerAction = {
     type: typeof EDIT_QCM | typeof EDIT_QCM_GRAPHIC | typeof EDIT_QCM_DRAG | typeof EDIT_TEMPLATE | typeof EDIT_BASIC | typeof EDIT_SLIDER;
     payload: string[];
 };
-export declare const editAnswer: (answer: string) => (dispatch: Dispatch, getState: () => StoreState) => EditAnswerAction;
+export declare const editAnswer: (answer: string[]) => (dispatch: Dispatch, getState: () => StoreState) => EditAnswerAction;

package/lib/actions/ui/answers.js

@@ -27,13 +27,15 @@ var buildAnswer = function (userAnswers, questionType, newValue) {
         case 'qcm':
         case 'qcmGraphic':
         case 'qcmDrag': {
-            return includes(newValue, userAnswers)
-                ? pull(newValue, userAnswers)
-                : flatten(__spreadArray(__spreadArray([], userAnswers, true), [newValue], false));
+            var firstValue = newValue[0];
+            return includes(firstValue, userAnswers)
+                ? pull(firstValue, userAnswers)
+                : flatten(__spreadArray(__spreadArray([], userAnswers, true), [firstValue], false));
         }
         case 'basic':
         case 'slider':
-            return [newValue];
+        case 'template':
+            return newValue;
         default:
             return [];
     }

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

@@ -44,6 +44,7 @@ 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 { sliderSlide } from '../../../views/slides/test/fixtures/slider';
+import { templateSlide } from '../../../views/slides/test/fixtures/template';
 import { editAnswer, ANSWER_EDIT } from '../answers';
 var initialState = {
     data: {
@@ -95,7 +96,7 @@ test('should dispatch EDIT_BASIC action when editAnswer is called', function (t)
                 state = buildInitialState(initialState, freeTextSlide);
                 expectedActions = [{ type: ANSWER_EDIT.basic, payload: ['My Answer'] }];
                 dispatch = createTestStore(t, state, services, expectedActions).dispatch;
-                return [4 /*yield*/, dispatch(editAnswer('My Answer'))];
+                return [4 /*yield*/, dispatch(editAnswer(['My Answer']))];
             case 1:
                 _a.sent();
                 return [2 /*return*/];
@@ -111,7 +112,7 @@ test('should dispatch EDIT_QCM action when editAnswer is called', function (t) {
                 state = set(['ui', 'answers'], ['My First Answer', 'My Second Answer'], state);
                 expectedActions = [{ type: ANSWER_EDIT.qcm, payload: ['My First Answer'] }];
                 dispatch = createTestStore(t, state, services, expectedActions).dispatch;
-                return [4 /*yield*/, dispatch(editAnswer('My Second Answer'))];
+                return [4 /*yield*/, dispatch(editAnswer(['My Second Answer']))];
             case 1:
                 _a.sent();
                 return [2 /*return*/];
@@ -129,7 +130,7 @@ test('should dispatch EDIT_QCM_GRAPHIC action when editAnswer is called', functi
                     { type: ANSWER_EDIT.qcmGraphic, payload: ['My First Answer', 'My Third Answer'] }
                 ];
                 dispatch = createTestStore(t, state, services, expectedActions).dispatch;
-                return [4 /*yield*/, dispatch(editAnswer('My Second Answer'))];
+                return [4 /*yield*/, dispatch(editAnswer(['My Second Answer']))];
             case 1:
                 _a.sent();
                 return [2 /*return*/];
@@ -147,7 +148,7 @@ test('should dispatch EDIT_QCM_DRAG action when editAnswer is called', function
                     { type: ANSWER_EDIT.qcmDrag, payload: ['My First Answer', 'My Second Answer', 'My Third Answer'] }
                 ];
                 dispatch = createTestStore(t, state, services, expectedActions).dispatch;
-                return [4 /*yield*/, dispatch(editAnswer('My Third Answer'))];
+                return [4 /*yield*/, dispatch(editAnswer(['My Third Answer']))];
             case 1:
                 _a.sent();
                 return [2 /*return*/];
@@ -162,7 +163,25 @@ test('should dispatch EDIT_SLIDER action when editAnswer is called', function (t
                 state = buildInitialState(initialState, sliderSlide);
                 expectedActions = [{ type: ANSWER_EDIT.slider, payload: ['5'] }];
                 dispatch = createTestStore(t, state, services, expectedActions).dispatch;
-                return [4 /*yield*/, dispatch(editAnswer('5'))];
+                return [4 /*yield*/, dispatch(editAnswer(['5']))];
+            case 1:
+                _a.sent();
+                return [2 /*return*/];
+        }
+    });
+}); });
+test('should dispatch EDIT_TEMPLATE 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) {
+        switch (_a.label) {
+            case 0:
+                state = buildInitialState(initialState, templateSlide);
+                state = set(['ui', 'answers'], ['Catalogue', '', 'étoiles'], state);
+                expectedActions = [
+                    { type: ANSWER_EDIT.template, payload: ['Catalogue', 'My Answer', 'étoiles'] }
+                ];
+                dispatch = createTestStore(t, state, services, expectedActions).dispatch;
+                return [4 /*yield*/, dispatch(editAnswer(['Catalogue', 'My Answer', 'étoiles']))];
             case 1:
                 _a.sent();
                 return [2 /*return*/];

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

@@ -14,5 +14,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     skills: SkillsState;
     slides: SlidesState;
     token: TokenState;
-}>, import("../../actions/api/post-progression").ReceivedProgression | import("../../actions/api/fetch-skills").ReceivedSkills | import("./slides").SlidesAction | import("../../actions/data/token").StoreToken>;
+}>, 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/progression.d.ts

@@ -1,5 +1,6 @@
+import { PostAnswerSuccessAction } from '../../actions/api/post-answer';
 import { ReceivedProgression } from '../../actions/api/post-progression';
 import { ProgressionFromAPI } from '../../types/common';
 export declare type ProgressionState = ProgressionFromAPI | null;
-declare const reducer: (state: ProgressionState | undefined, action: ReceivedProgression) => ProgressionState;
+declare const reducer: (state: ProgressionState | undefined, action: ReceivedProgression | PostAnswerSuccessAction) => ProgressionState;
 export default reducer;

package/lib/reducers/data/progression.js

@@ -1,9 +1,11 @@
+import { POST_ANSWER_SUCCESS } from '../../actions/api/post-answer';
 import { POST_PROGRESSION_SUCCESS } from '../../actions/api/post-progression';
 var reducer = function (
 // eslint-disable-next-line default-param-last
 state, action) {
     if (state === void 0) { state = null; }
     switch (action.type) {
+        case POST_ANSWER_SUCCESS:
         case POST_PROGRESSION_SUCCESS: {
             var progression = action.payload;
             return progression;

package/lib/reducers/data/test/progression.test.js

@@ -1,38 +1,23 @@
 import test from 'ava';
 import reducer from '../progression';
 import { POST_PROGRESSION_SUCCESS } from '../../../actions/api/post-progression';
+import { POST_ANSWER_SUCCESS } from '../../../actions/api/post-answer';
+import { postAnswerResponse, postProgressionResponse } from '../../../test/util/services.mock';
 test('should have initial value', function (t) {
     var state = reducer(undefined, {});
     t.is(state, null);
 });
 test('should set the value of POST_PROGRESSION_SUCCESS action', function (t) {
-    var progression = {
-        _id: '62b1d1087aa12f00253f40ee',
-        content: {
-            ref: '_skill-ref',
-            type: 'skill'
-        },
-        engine: {
-            ref: 'review'
-        },
-        state: {
-            allAnswers: [],
-            isCorrect: true,
-            nextContent: {
-                ref: 'sli_N1XACJobn',
-                type: 'slide'
-            },
-            pendingSlides: [],
-            slides: [],
-            step: {
-                current: 1
-            },
-            stars: 0
-        }
-    };
     var state = reducer(null, {
         type: POST_PROGRESSION_SUCCESS,
-        payload: progression
+        payload: postProgressionResponse
     });
-    t.deepEqual(state, progression);
+    t.deepEqual(state, postProgressionResponse);
+});
+test('should set the value of POST_ANSWER_SUCCESS action', function (t) {
+    var state = reducer(null, {
+        type: POST_ANSWER_SUCCESS,
+        payload: postAnswerResponse
+    });
+    t.deepEqual(state, postAnswerResponse);
 });

package/lib/reducers/index.d.ts

@@ -17,5 +17,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-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("../actions/api/post-answer").PostAnswerRequestAction>;
+}>, 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/ui/navigation").NavigateTo | import("../../actions/ui/navigation").NavigateBack | import("../../actions/ui/answers").EditAnswerAction | import("../../actions/api/post-answer").PostAnswerRequestAction>;
+}>, 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/test/answers.test.js

@@ -25,3 +25,7 @@ test('should set the value of EDIT_SLIDER action', function (t) {
     var state = reducer([], { type: ANSWER_EDIT.slider, payload: ['5'] });
     t.deepEqual(state, ['5']);
 });
+test('should set the value of EDIT_TEMPLATE action', function (t) {
+    var state = reducer([], { type: ANSWER_EDIT.template, payload: ['value1', 'value2'] });
+    t.deepEqual(state, ['value1', 'value2']);
+});

package/lib/test/util/services.mock.d.ts

@@ -1,3 +1,4 @@
 import { ProgressionFromAPI, Services } from '../../types/common';
+export declare const postProgressionResponse: ProgressionFromAPI;
 export declare const postAnswerResponse: ProgressionFromAPI;
 export declare const services: Services;

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

@@ -13,6 +13,7 @@ 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';
 import { sliderSlide } from '../../views/slides/test/fixtures/slider';
+import { templateSlide } from '../../views/slides/test/fixtures/template';
 var getSlideFixture = function (ref) {
     switch (ref) {
         case qcmSlide.universalRef:
@@ -21,6 +22,8 @@ var getSlideFixture = function (ref) {
             return qcmGraphicSlide;
         case freeTextSlide.universalRef:
             return freeTextSlide;
+        case templateSlide.universalRef:
+            return templateSlide;
         default:
             return sliderSlide;
     }
@@ -39,7 +42,7 @@ var fetchSkillsResponse = [
         custom: true
     }
 ];
-var postProgressionResponse = {
+export var postProgressionResponse = {
     _id: '62b1d1087aa12f00253f40ee',
     content: {
         ref: '_skill-ref',

package/lib/views/slides/index.js

@@ -55,7 +55,7 @@ export var initialState = {
 var getProgressionSlidesRefs = function (progression) {
     if (progression.state.step.current < 5) {
         var slideRef = progression.state.nextContent.ref;
-        return concat([slideRef], progression.state.slides);
+        return concat(progression.state.slides, [slideRef]);
     }
     return slice(0, 5, progression.state.slides);
 };