@coorpacademy/app-review 0.2.12-alpha.0 → 0.3.0

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

@@ -1,990 +0,0 @@
-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);
-};
-import test from 'ava';
-import identity from 'lodash/fp/identity';
-import omit from 'lodash/fp/omit';
-import set from 'lodash/fp/set';
-import { postProgressionResponse as createdProgression, postAnswerResponses, progressionSlideWithPendingSlide, getChoicesCorrection, incorrectFreeTextPostAnswerResponse } from '../../../test/util/services.mock';
-import { mapStateToSlidesProps } from '..';
-import { freeTextSlide } from './fixtures/free-text';
-import { qcmGraphicSlide } from './fixtures/qcm-graphic';
-import { templateSlide } from './fixtures/template';
-import { qcmSlide } from './fixtures/qcm';
-import { sliderSlide } from './fixtures/slider';
-var popinPropsRightAnswer = {
-    resultLabel: '_right',
-    information: {
-        label: '_klf',
-        message: '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.'
-    },
-    klf: undefined,
-    next: {
-        ariaLabel: '_correctionNextAriaLabel',
-        label: '_correctionNextLabel'
-    },
-    type: 'right'
-};
-var popinPropsWrongAnswer = __assign(__assign({}, popinPropsRightAnswer), { klf: {
-        label: '_klf',
-        tooltip: '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.'
-    }, type: 'wrong', resultLabel: '_wrong', information: {
-        label: '_correctAnswer',
-        message: 'Benchmark'
-    } });
-test('should create initial props when fetched slide is not still received', function (t) {
-    // SCENARIO : @@progression/POST_SUCCESS ok and @@slides/FETCH_REQUEST, (the slide is being fetched)
-    var state = {
-        data: {
-            progression: createdProgression,
-            skills: [],
-            slides: {
-                sli_N1XACJobn: null
-            },
-            token: '1234',
-            corrections: {},
-            rank: {}
-        },
-        ui: {
-            currentSlideRef: '',
-            navigation: ['loader', 'slides'],
-            answers: [],
-            slide: {
-                validateButton: false
-            }
-        }
-    };
-    var 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: 'no-answer',
-                value: '1'
-            },
-            {
-                current: false,
-                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'], props.stack), {
-        correctionPopinProps: undefined,
-        endReview: false,
-        slides: {
-            '0': {
-                hidden: false,
-                position: 0,
-                loading: true
-            },
-            '1': {
-                hidden: false,
-                position: 1,
-                loading: true
-            },
-            '2': {
-                hidden: false,
-                position: 2,
-                loading: true
-            },
-            '3': {
-                hidden: false,
-                position: 3,
-                loading: true
-            },
-            '4': {
-                hidden: false,
-                position: 4,
-                loading: true
-            }
-        }
-    });
-});
-test('should create props when first slide is on the state', function (t) {
-    // SCENARIO : after @@slides/FETCH_SUCCESS
-    var state = {
-        data: {
-            progression: createdProgression,
-            skills: [],
-            slides: {
-                sli_VJYjJnJhg: freeTextSlide
-            },
-            token: '1234',
-            corrections: {},
-            rank: {}
-        },
-        ui: {
-            currentSlideRef: 'sli_VJYjJnJhg',
-            navigation: ['loader', 'slides'],
-            answers: [],
-            slide: {
-                validateButton: false
-            }
-        }
-    };
-    var 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: 'no-answer',
-                value: '1'
-            },
-            {
-                current: false,
-                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.deepEqual(omit('answerUI', props.stack.slides['0']), {
-        animateCorrectionPopin: false,
-        showCorrectionPopin: false,
-        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.is(props.stack.validateButton.disabled, true);
-    t.deepEqual(omit('model.onChange', props.stack.slides['0'].answerUI), {
-        help: 'Type your answer.',
-        model: {
-            placeholder: 'Type here',
-            type: 'freeText',
-            value: ''
-        }
-    });
-    t.deepEqual(omit(['0'], props.stack.slides), {
-        '1': {
-            hidden: false,
-            position: 1,
-            loading: true
-        },
-        '2': {
-            hidden: false,
-            position: 2,
-            loading: true
-        },
-        '3': {
-            hidden: false,
-            position: 3,
-            loading: true
-        },
-        '4': {
-            hidden: false,
-            position: 4,
-            loading: true
-        }
-    });
-});
-test('should create props when slide is on the state and user has selected answers', function (t) {
-    // This is the case after EDIT_ANSWER and before POST_ANSWER_REQUEST
-    var state = {
-        data: {
-            progression: createdProgression,
-            skills: [],
-            slides: {
-                sli_VJYjJnJhg: freeTextSlide
-            },
-            token: '1234',
-            corrections: {},
-            rank: {}
-        },
-        ui: {
-            currentSlideRef: 'sli_VJYjJnJhg',
-            navigation: ['loader', 'slides'],
-            answers: ['My value'],
-            slide: {
-                validateButton: true
-            }
-        }
-    };
-    var 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: 'no-answer',
-                value: '1'
-            },
-            {
-                current: false,
-                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.deepEqual(omit('answerUI', props.stack.slides['0']), {
-        animateCorrectionPopin: false,
-        showCorrectionPopin: false,
-        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.is(props.stack.validateButton.disabled, false);
-    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'], props.stack.slides), {
-        '1': {
-            hidden: false,
-            position: 1,
-            loading: true
-        },
-        '2': {
-            hidden: false,
-            position: 2,
-            loading: true
-        },
-        '3': {
-            hidden: false,
-            position: 3,
-            loading: true
-        },
-        '4': {
-            hidden: false,
-            position: 4,
-            loading: true
-        }
-    });
-});
-test('should verify props when first slide was answered correctly and next slide is not fetched yet', function (t) {
-    // Scenario: after POST_ANSWER_SUCCESS and during SLIDE_FETCH_REQUEST for the nextContent.ref slide
-    var state = {
-        data: {
-            progression: postAnswerResponses.sli_VJYjJnJhg,
-            skills: [],
-            slides: {
-                sli_VJYjJnJhg: freeTextSlide,
-                sli_VkSQroQnx: null
-            },
-            token: '1234',
-            corrections: {},
-            rank: {}
-        },
-        ui: {
-            currentSlideRef: 'sli_VJYjJnJhg',
-            navigation: ['loader', 'slides'],
-            answers: ['My value'],
-            slide: {
-                validateButton: false
-            }
-        }
-    };
-    var 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'
-            },
-            {
-                current: false,
-                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.deepEqual(omit('answerUI', props.stack.slides['0']), {
-        animateCorrectionPopin: false,
-        showCorrectionPopin: false,
-        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.is(props.stack.validateButton.disabled, true);
-    t.deepEqual(omit(['0'], props.stack.slides), {
-        '1': {
-            hidden: false,
-            position: 1,
-            loading: true
-        },
-        '2': {
-            hidden: false,
-            position: 2,
-            loading: true
-        },
-        '3': {
-            hidden: false,
-            position: 3,
-            loading: true
-        },
-        '4': {
-            hidden: false,
-            position: 4,
-            loading: true
-        }
-    });
-});
-test('should verify props when first slide was answered with error and next slide is not fetched yet', function (t) {
-    // Scenario: after POST_ANSWER_SUCCESS and during SLIDE_FETCH_REQUEST for the nextContent.ref slide
-    var state = {
-        data: {
-            progression: set(['state', 'allAnswers', 0, 'isCorrect'], false, postAnswerResponses.sli_VJYjJnJhg),
-            skills: [],
-            slides: {
-                sli_VJYjJnJhg: freeTextSlide,
-                sli_VkSQroQnx: null
-            },
-            token: '1234',
-            corrections: {},
-            rank: {}
-        },
-        ui: {
-            currentSlideRef: 'sli_VJYjJnJhg',
-            navigation: ['loader', 'slides'],
-            answers: ['My value'],
-            slide: {
-                validateButton: false
-            }
-        }
-    };
-    var 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: 'wrong',
-                value: '1'
-            },
-            {
-                current: false,
-                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'
-            }
-        ]
-    });
-});
-test('should verify props when first slide was answered, next slide is fetched & correction is fetched', function (t) {
-    var _a;
-    // Scenario: after POST_ANSWER_SUCCESS and SLIDE_FETCH_SUCCESS for the nextContent.ref slide
-    var state = {
-        data: {
-            progression: postAnswerResponses.sli_VJYjJnJhg,
-            skills: [],
-            slides: {
-                sli_VJYjJnJhg: freeTextSlide,
-                sli_VkSQroQnx: qcmGraphicSlide
-            },
-            token: '1234',
-            corrections: (_a = {},
-                _a[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id),
-                _a),
-            rank: {}
-        },
-        ui: {
-            currentSlideRef: 'sli_VJYjJnJhg',
-            navigation: ['loader', 'slides'],
-            answers: ['My value'],
-            slide: {
-                validateButton: false,
-                animateCorrectionPopin: true,
-                showCorrectionPopin: true
-            }
-        }
-    };
-    var 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'
-            },
-            {
-                current: false,
-                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', 'correctionPopinProps.klf.onClick'], props.stack), {
-        correctionPopinProps: popinPropsRightAnswer,
-        endReview: false
-    });
-    t.deepEqual(omit('answerUI', props.stack.slides['0']), {
-        animateCorrectionPopin: true,
-        showCorrectionPopin: true,
-        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('answerUI', props.stack.slides['1']), {
-        animateCorrectionPopin: false,
-        showCorrectionPopin: false,
-        hidden: false,
-        position: 1,
-        loading: false,
-        parentContentTitle: 'From "Developing the review app" course',
-        questionText: 'Quels sont les 4 piliers de l’apprentissage ?'
-    });
-    t.is(props.stack.validateButton.disabled, true);
-    t.deepEqual(omit(['0', '1'], props.stack.slides), {
-        '2': {
-            hidden: false,
-            position: 2,
-            loading: true
-        },
-        '3': {
-            hidden: false,
-            position: 3,
-            loading: true
-        },
-        '4': {
-            hidden: false,
-            position: 4,
-            loading: true
-        }
-    });
-});
-test('should verify props when first slide was answered incorrectly, next slide is fetched & correction is fetched', function (t) {
-    var _a;
-    // Scenario: after POST_ANSWER_SUCCESS and SLIDE_FETCH_SUCCESS for the nextContent.ref slide
-    var state = {
-        data: {
-            progression: incorrectFreeTextPostAnswerResponse,
-            skills: [],
-            slides: {
-                sli_VJYjJnJhg: freeTextSlide,
-                sli_VkSQroQnx: qcmGraphicSlide
-            },
-            token: '1234',
-            corrections: (_a = {},
-                _a[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id, true),
-                _a),
-            rank: {}
-        },
-        ui: {
-            currentSlideRef: 'sli_VJYjJnJhg',
-            navigation: ['loader', 'slides'],
-            answers: ['My value'],
-            slide: {
-                validateButton: false,
-                animateCorrectionPopin: true,
-                showCorrectionPopin: true
-            }
-        }
-    };
-    var 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: 'wrong',
-                value: '1'
-            },
-            {
-                current: false,
-                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', 'correctionPopinProps.klf.onClick'], props.stack), {
-        correctionPopinProps: popinPropsWrongAnswer,
-        endReview: false
-    });
-    t.deepEqual(omit('answerUI', props.stack.slides['0']), {
-        animateCorrectionPopin: true,
-        showCorrectionPopin: true,
-        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('answerUI', props.stack.slides['1']), {
-        animateCorrectionPopin: false,
-        showCorrectionPopin: false,
-        hidden: false,
-        position: 1,
-        loading: false,
-        parentContentTitle: 'From "Developing the review app" course',
-        questionText: 'Quels sont les 4 piliers de l’apprentissage ?'
-    });
-    t.is(props.stack.validateButton.disabled, true);
-    t.deepEqual(omit(['0', '1'], props.stack.slides), {
-        '2': {
-            hidden: false,
-            position: 2,
-            loading: true
-        },
-        '3': {
-            hidden: false,
-            position: 3,
-            loading: true
-        },
-        '4': {
-            hidden: false,
-            position: 4,
-            loading: true
-        }
-    });
-});
-test('should verify props when currentSlideRef has changed to nextContent of progression after first answered question', function (t) {
-    var _a;
-    // state after click on NEXT_SLIDE
-    var state = {
-        data: {
-            progression: postAnswerResponses.sli_VJYjJnJhg,
-            skills: [],
-            slides: {
-                sli_VJYjJnJhg: freeTextSlide,
-                sli_VkSQroQnx: qcmGraphicSlide
-            },
-            token: '1234',
-            corrections: (_a = {},
-                _a[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id),
-                _a),
-            rank: {}
-        },
-        ui: {
-            currentSlideRef: 'sli_VkSQroQnx',
-            navigation: ['loader', 'slides'],
-            answers: [],
-            slide: {
-                validateButton: false
-            }
-        }
-    };
-    var 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: false,
-                icon: 'right',
-                value: '1'
-            },
-            {
-                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'
-            }
-        ]
-    });
-    // TODO update test with props.stack validations when NEXT_SLIDE implemented
-});
-test('should verify props when progression is in success', function (t) {
-    var _a, _b;
-    // state after receive last POST_ANSWER_SUCCESS and before last NEXT_SLIDE
-    var state = {
-        data: {
-            progression: postAnswerResponses[templateSlide.universalRef],
-            skills: [],
-            slides: (_a = {},
-                _a[freeTextSlide.universalRef] = freeTextSlide,
-                _a[qcmGraphicSlide.universalRef] = qcmGraphicSlide,
-                _a[qcmSlide.universalRef] = qcmSlide,
-                _a[sliderSlide.universalRef] = sliderSlide,
-                _a[templateSlide.universalRef] = templateSlide,
-                _a),
-            token: '1234',
-            corrections: (_b = {},
-                _b[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id),
-                _b[qcmGraphicSlide.universalRef] = getChoicesCorrection(qcmGraphicSlide._id),
-                _b[qcmSlide.universalRef] = getChoicesCorrection(qcmSlide._id),
-                _b[sliderSlide.universalRef] = getChoicesCorrection(sliderSlide._id),
-                _b[templateSlide.universalRef] = getChoicesCorrection(templateSlide._id),
-                _b),
-            rank: {}
-        },
-        ui: {
-            currentSlideRef: templateSlide.universalRef,
-            navigation: ['loader', 'slides'],
-            answers: [],
-            slide: {
-                validateButton: false
-            }
-        }
-    };
-    var 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: false,
-                icon: 'right',
-                value: '1'
-            },
-            {
-                current: false,
-                icon: 'right',
-                value: '2'
-            },
-            {
-                current: false,
-                icon: 'right',
-                value: '3'
-            },
-            {
-                current: false,
-                icon: 'right',
-                value: '4'
-            },
-            {
-                current: true,
-                icon: 'right',
-                value: '5'
-            }
-        ]
-    });
-    // TODO update test with props.stack validations when NEXT_SLIDE implemented
-});
-test('should verify props when progression has answered a current pendingSlide', function (t) {
-    var _a, _b;
-    // Scenario, freeTextSlide and qcmSlide are pending slides, freeTextSlide was answered correctly, qcmSlide remains but not yet the currentSlideRef
-    var state = {
-        data: {
-            progression: progressionSlideWithPendingSlide,
-            skills: [],
-            slides: (_a = {},
-                _a[freeTextSlide.universalRef] = freeTextSlide,
-                _a[qcmGraphicSlide.universalRef] = qcmGraphicSlide,
-                _a[qcmSlide.universalRef] = qcmSlide,
-                _a[sliderSlide.universalRef] = sliderSlide,
-                _a[templateSlide.universalRef] = templateSlide,
-                _a),
-            token: '1234',
-            corrections: (_b = {},
-                _b[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id),
-                _b[qcmGraphicSlide.universalRef] = getChoicesCorrection(qcmGraphicSlide._id),
-                _b[qcmSlide.universalRef] = getChoicesCorrection(qcmSlide._id, true),
-                _b[sliderSlide.universalRef] = getChoicesCorrection(sliderSlide._id),
-                _b[templateSlide.universalRef] = getChoicesCorrection(templateSlide._id),
-                _b),
-            rank: {}
-        },
-        ui: {
-            currentSlideRef: freeTextSlide.universalRef,
-            navigation: ['loader', 'slides'],
-            answers: [],
-            slide: {
-                validateButton: false
-            }
-        }
-    };
-    var props = mapStateToSlidesProps(state, identity);
-    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'
-            },
-            {
-                current: false,
-                icon: 'right',
-                value: '2'
-            },
-            {
-                current: false,
-                icon: 'wrong',
-                value: '3'
-            },
-            {
-                current: false,
-                icon: 'right',
-                value: '4'
-            },
-            {
-                current: false,
-                icon: 'right',
-                value: '5'
-            }
-        ]
-    });
-});
-test('should verify props when progression still has a pendingSlide', function (t) {
-    var _a, _b;
-    // Scenario, freeTextSlide and qcmSlide are pending slides, freeTextSlide was answered correctly, qcmSlide remains and it is the currentSlideRef
-    var state = {
-        data: {
-            progression: progressionSlideWithPendingSlide,
-            skills: [],
-            slides: (_a = {},
-                _a[freeTextSlide.universalRef] = freeTextSlide,
-                _a[qcmGraphicSlide.universalRef] = qcmGraphicSlide,
-                _a[qcmSlide.universalRef] = qcmSlide,
-                _a[sliderSlide.universalRef] = sliderSlide,
-                _a[templateSlide.universalRef] = templateSlide,
-                _a),
-            token: '1234',
-            corrections: (_b = {},
-                _b[freeTextSlide._id] = getChoicesCorrection(freeTextSlide._id),
-                _b[qcmGraphicSlide.universalRef] = getChoicesCorrection(qcmGraphicSlide._id),
-                _b[qcmSlide.universalRef] = getChoicesCorrection(qcmSlide._id, true),
-                _b[sliderSlide.universalRef] = getChoicesCorrection(sliderSlide._id),
-                _b[templateSlide.universalRef] = getChoicesCorrection(templateSlide._id),
-                _b),
-            rank: {}
-        },
-        ui: {
-            currentSlideRef: qcmSlide.universalRef,
-            navigation: ['loader', 'slides'],
-            answers: [],
-            slide: {
-                validateButton: false
-            }
-        }
-    };
-    var props = mapStateToSlidesProps(state, identity);
-    t.deepEqual(omit(['onQuitClick'], props.header), {
-        'aria-label': 'aria-header-wrapper',
-        closeButtonAriaLabel: 'aria-close-button',
-        mode: '__revision_mode',
-        skillName: '__agility',
-        steps: [
-            {
-                current: false,
-                icon: 'right',
-                value: '1'
-            },
-            {
-                current: false,
-                icon: 'right',
-                value: '2'
-            },
-            {
-                current: true,
-                icon: 'no-answer',
-                value: '3'
-            },
-            {
-                current: false,
-                icon: 'right',
-                value: '4'
-            },
-            {
-                current: false,
-                icon: 'right',
-                value: '5'
-            }
-        ]
-    });
-});