@coorpacademy/app-review 0.2.9 → 0.2.10-alpha.16

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

@@ -2,6 +2,7 @@ import buildTask from '@coorpacademy/redux-task';
 import get from 'lodash/fp/get';
 import { fetchCorrection } from './fetch-correction';
 import { fetchSlide } from './fetch-slide';
+import { fetchEndRank, fetchStartRank } from './fetch-rank';
 export const POST_ANSWER_REQUEST = '@@answer/POST_REQUEST';
 export const POST_ANSWER_SUCCESS = '@@answer/POST_SUCCESS';
 export const POST_ANSWER_FAILURE = '@@answer/POST_FAILURE';
@@ -20,7 +21,14 @@ export const postAnswer = async (dispatch, getState, { services }) => {
     if (response.type === POST_ANSWER_SUCCESS) {
         const updatedProgression = response.payload;
         const slideRef = updatedProgression.state.nextContent.ref;
-        await dispatch(fetchSlide(slideRef));
-        await dispatch(fetchCorrection);
+        if (slideRef !== 'successExitNode') {
+            await dispatch(fetchSlide(slideRef));
+            await dispatch(fetchCorrection);
+            await dispatch(fetchStartRank);
+        }
+        else {
+            await dispatch(fetchCorrection);
+            await dispatch(fetchEndRank);
+        }
     }
 };

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

@@ -5,7 +5,11 @@ import { postAnswer, POST_ANSWER_FAILURE, POST_ANSWER_REQUEST, POST_ANSWER_SUCCE
 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 { qcmSlide } from '../../../views/slides/test/fixtures/qcm';
 import { qcmGraphicSlide } from '../../../views/slides/test/fixtures/qcm-graphic';
+import { templateSlide } from '../../../views/slides/test/fixtures/template';
+import { sliderSlide } from '../../../views/slides/test/fixtures/slider';
+import { RANK_FETCH_START_REQUEST, RANK_FETCH_START_SUCCESS, RANK_FETCH_END_REQUEST, RANK_FETCH_END_SUCCESS } from '../fetch-rank';
 const progressionId = '123456789123';
 const skillRef = '_skill-ref';
 const answer = ['Lister vos tâches pour vous libérer l’esprit', 'Vous isoler dans un lieu calme'];
@@ -49,8 +53,8 @@ const initialState = {
         }
     }
 };
-test('should dispatch post-answer, fetch-slide and fetch-correction actions when the answer is submitted', async (t) => {
-    t.plan(8);
+test('should dispatch post-answer, fetch-slide and fetch-correction and fetch-start-rank actions when the answer is submitted and when the slide ref is not "successExitNode"', async (t) => {
+    t.plan(10);
     const expectedActions = [
         { type: POST_ANSWER_REQUEST },
         {
@@ -75,6 +79,13 @@ test('should dispatch post-answer, fetch-slide and fetch-correction actions when
             type: CORRECTION_FETCH_SUCCESS,
             meta: { slideRef: freeTextSlide._id },
             payload: getChoicesCorrection(freeTextSlide._id)
+        },
+        {
+            type: RANK_FETCH_START_REQUEST
+        },
+        {
+            type: RANK_FETCH_START_SUCCESS,
+            payload: { rank: 93 }
         }
     ];
     const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
@@ -83,6 +94,57 @@ test('should dispatch post-answer, fetch-slide and fetch-correction actions when
     t.false(state.ui.slide.validateButton);
     t.true(state.ui.slide.animateCorrectionPopin);
 });
+test('should dispatch post-answer, fetch-correction and fetch-end-rank actions when the answer is submitted and when the slide ref is "successExitNode"', async (t) => {
+    t.plan(8);
+    const stateBeforeExitNode = {
+        data: {
+            progression: postAnswerResponses[sliderSlide.universalRef],
+            slides: {
+                [freeTextSlide._id]: freeTextSlide,
+                [qcmGraphicSlide._id]: qcmGraphicSlide,
+                [qcmSlide._id]: qcmSlide,
+                [sliderSlide._id]: sliderSlide
+            },
+            skills: [{ skillRef, custom: false, name: skillRef, slidesToReview: 5 }],
+            token: '1234',
+            corrections: {},
+            rank: {}
+        },
+        ui: {
+            currentSlideRef: templateSlide._id,
+            navigation: ['skills', 'slides'],
+            answers: ['Leaderboard', 'utilisateurs', 'étoiles'],
+            slide: {
+                validateButton: false
+            }
+        }
+    };
+    const expectedActions = [
+        { type: POST_ANSWER_REQUEST },
+        {
+            type: POST_ANSWER_SUCCESS,
+            payload: postAnswerResponses[templateSlide._id]
+        },
+        { type: CORRECTION_FETCH_REQUEST, meta: { slideRef: templateSlide._id } },
+        {
+            type: CORRECTION_FETCH_SUCCESS,
+            meta: { slideRef: templateSlide._id },
+            payload: getChoicesCorrection(templateSlide._id)
+        },
+        {
+            type: RANK_FETCH_END_REQUEST
+        },
+        {
+            type: RANK_FETCH_END_SUCCESS,
+            payload: { rank: 93 }
+        }
+    ];
+    const { dispatch, getState } = createTestStore(t, stateBeforeExitNode, services, expectedActions);
+    await dispatch(postAnswer);
+    const state = getState();
+    t.false(state.ui.slide.validateButton);
+    t.true(state.ui.slide.animateCorrectionPopin);
+});
 test('should dispatch POST_ANSWER_REQUEST, then POST_ANSWER_FAILURE on error', async (t) => {
     t.plan(3);
     const expectedActions = [

package/es/actions/ui/next-slide.d.ts

@@ -0,0 +1,14 @@
+import type { Dispatch } from 'redux';
+import type { StoreState } from '../../reducers';
+export declare const NEXT_SLIDE: "@@slide/NEXT_SLIDE";
+declare type NextSlidePayload = {
+    currentSlideRef: string;
+    nextSlideRef: string;
+    animationType: string;
+};
+export declare type NextSlide = {
+    type: typeof NEXT_SLIDE;
+    payload: NextSlidePayload;
+};
+export declare const nextSlide: (dispatch: Dispatch, getState: () => StoreState) => NextSlide;
+export {};

package/es/actions/ui/next-slide.js

@@ -0,0 +1,15 @@
+import get from 'lodash/fp/get';
+export const NEXT_SLIDE = '@@slide/NEXT_SLIDE';
+export const nextSlide = (dispatch, getState) => {
+    const state = getState();
+    const payload = {
+        currentSlideRef: get(['ui', 'currentSlideRef'], state),
+        nextSlideRef: get(['data', 'progression', 'state', 'nextContent', 'ref'], state),
+        animationType: state.data.progression?.state.isCorrect ? 'unstack' : 'restack'
+    };
+    const action = {
+        type: NEXT_SLIDE,
+        payload
+    };
+    return dispatch(action);
+};

package/es/actions/ui/test/next-slide.test.d.ts

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

package/es/actions/ui/test/next-slide.test.js

@@ -0,0 +1,63 @@
+import test from 'ava';
+import pipe from 'lodash/fp/pipe';
+import set from 'lodash/fp/set';
+import { nextSlide, NEXT_SLIDE } from '../next-slide';
+import { createTestStore } from '../../test/create-test-store';
+import { getChoicesCorrection, postAnswerResponses, services } from '../../../test/util/services.mock';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { qcmGraphicSlide } from '../../../views/slides/test/fixtures/qcm-graphic';
+const progression = postAnswerResponses[freeTextSlide.universalRef];
+const skillRef = '_skill-ref';
+const answer = ['Vous isoler dans un lieu calme'];
+const state = {
+    data: {
+        progression,
+        slides: {
+            [freeTextSlide.universalRef]: freeTextSlide,
+            [qcmGraphicSlide.universalRef]: qcmGraphicSlide
+        },
+        skills: [{ skillRef, custom: false, name: skillRef, slidesToReview: 5 }],
+        token: '1234',
+        corrections: { [freeTextSlide.universalRef]: getChoicesCorrection(freeTextSlide.universalRef) },
+        rank: { start: 93 }
+    },
+    ui: {
+        currentSlideRef: freeTextSlide._id,
+        navigation: ['loader', 'slides'],
+        answers: answer,
+        slide: {
+            validateButton: false,
+            animateCorrectionPopin: true,
+            showCorrectionPopin: true
+        }
+    }
+};
+test('should dispatch NEXT_SLIDE action when nextSlide is called and the progression state is correct', t => {
+    const expectedActions = [
+        {
+            type: NEXT_SLIDE,
+            payload: {
+                currentSlideRef: freeTextSlide.universalRef,
+                nextSlideRef: qcmGraphicSlide.universalRef,
+                animationType: 'unstack'
+            }
+        }
+    ];
+    const { dispatch } = createTestStore(t, state, services, expectedActions);
+    dispatch(nextSlide);
+});
+test('should dispatch NEXT_SLIDE action when nextSlide is called and the progression state is not correct', t => {
+    const stateWithWrongAnswer = pipe(set(['data', 'progression', 'state', 'isCorrect'], false), set(['data', 'progression', 'state', 'allAnswers', 0, 'isCorrect'], false))(state);
+    const expectedActions = [
+        {
+            type: NEXT_SLIDE,
+            payload: {
+                currentSlideRef: freeTextSlide.universalRef,
+                nextSlideRef: qcmGraphicSlide.universalRef,
+                animationType: 'restack'
+            }
+        }
+    ];
+    const { dispatch } = createTestStore(t, stateWithWrongAnswer, services, expectedActions);
+    dispatch(nextSlide);
+});

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

@@ -19,5 +19,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     slides: SlidesState;
     token: string;
     rank: RankState;
-}>, 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 | import("../../actions/api/fetch-rank").RankAction>;
+}>, import("./corrections").CorrectionsAction | import("../../actions/api/fetch-rank").RankAction | 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/es/reducers/index.d.ts

@@ -19,5 +19,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         answers: import("./ui/answers").AnswerState;
         slide: import("./ui/slide").UISlideState;
     }>;
-}>, 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/api/fetch-rank").RankAction | 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/fetch-rank").RankAction | 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/es/test/index.test.js

@@ -36,9 +36,6 @@ const clickAllSlides = async (t, container, accumulator = 0) => {
 };
 const appOptions = {
     token: process.env.API_TEST_TOKEN || '',
-    templateContext: {
-        theme: { color: { primary: '#123' } }
-    },
     skillRef: 'skill_NJC0jFKoH',
     services
 };

package/es/types/common.d.ts

@@ -1,8 +1,3 @@
-declare type TemplateContextValues = {
-    brandTheme?: unknown;
-    theme?: unknown;
-    translations?: unknown;
-};
 export declare type ChoiceFromAPI = {
     _id: string;
     id?: string;
@@ -140,9 +135,6 @@ export declare type Options = {
 };
 export declare type AppOptions = {
     token: string;
-    theme?: unknown;
-    translations?: unknown;
-    templateContext?: TemplateContextValues;
     skillRef?: string;
     services: Services;
 };

package/es/types/slides.d.ts

@@ -44,8 +44,9 @@ export declare type DropDown = {
 export declare type QuestionRange = {
     type: 'slider';
     placeholder?: string;
-    onChange?: Function;
+    onChange?: (value: number) => void;
     onChangeEnd?: Function;
+    onSliderChange?: (value: number) => void;
     multi?: boolean;
     value: number | number[];
     title: string;

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

@@ -132,8 +132,13 @@ const sliderProps = (dispatch) => (answers, question) => {
         title: `${currentValue} ${question.content.unitLabel}`,
         value: sliderPosition,
         onChange: (position) => {
+            // atom/range handler
             const newValue = pipe(multiply(maxValue), round, get(__, values), _toString)(position);
             dispatch(editAnswer([newValue]));
+        },
+        onSliderChange: (newValue) => {
+            // mobile/slider handler
+            dispatch(editAnswer([`${newValue}`]));
         }
     };
 };

package/es/views/slides/test/fixtures/slider.js

@@ -30,7 +30,8 @@ export const sliderUISlide = {
             maxLabel: '15 an(s)',
             title: '1 an(s)',
             value: 0,
-            onChange: noop
+            onChange: noop,
+            onSliderChange: noop
         }
     }
 };

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

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

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

@@ -0,0 +1,63 @@
+import test from 'ava';
+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: {},
+        rank: {}
+    },
+    ui: {
+        currentSlideRef: sliderSlide._id,
+        navigation: ['skills', 'slides'],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch EDIT_SLIDER action via the property onSliderChange of a Slider slide', t => {
+    t.plan(1);
+    const expectedActions = [
+        {
+            type: EDIT_SLIDER,
+            payload: ['111']
+        }
+    ];
+    const { dispatch, getState } = createTestStore(t, initialState, services, expectedActions);
+    const props = mapStateToSlidesProps(getState(), dispatch);
+    const SlideProps = props.stack.slides['0'].answerUI?.model;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const onSliderChange = get('onSliderChange', SlideProps);
+    onSliderChange(111);
+});

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

@@ -38,6 +38,7 @@ import buildTask from '@coorpacademy/redux-task';
 import get from 'lodash/fp/get';
 import { fetchCorrection } from './fetch-correction';
 import { fetchSlide } from './fetch-slide';
+import { fetchEndRank, fetchStartRank } from './fetch-rank';
 export var POST_ANSWER_REQUEST = '@@answer/POST_REQUEST';
 export var POST_ANSWER_SUCCESS = '@@answer/POST_SUCCESS';
 export var POST_ANSWER_FAILURE = '@@answer/POST_FAILURE';
@@ -61,17 +62,28 @@ 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*/, 4];
+                    if (!(response.type === POST_ANSWER_SUCCESS)) return [3 /*break*/, 8];
                     updatedProgression = response.payload;
                     slideRef = updatedProgression.state.nextContent.ref;
+                    if (!(slideRef !== 'successExitNode')) return [3 /*break*/, 5];
                     return [4 /*yield*/, dispatch(fetchSlide(slideRef))];
                 case 2:
                     _b.sent();
                     return [4 /*yield*/, dispatch(fetchCorrection)];
                 case 3:
                     _b.sent();
-                    _b.label = 4;
-                case 4: return [2 /*return*/];
+                    return [4 /*yield*/, dispatch(fetchStartRank)];
+                case 4:
+                    _b.sent();
+                    return [3 /*break*/, 8];
+                case 5: return [4 /*yield*/, dispatch(fetchCorrection)];
+                case 6:
+                    _b.sent();
+                    return [4 /*yield*/, dispatch(fetchEndRank)];
+                case 7:
+                    _b.sent();
+                    _b.label = 8;
+                case 8: return [2 /*return*/];
             }
         });
     });

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

@@ -53,7 +53,11 @@ import { postAnswer, POST_ANSWER_FAILURE, POST_ANSWER_REQUEST, POST_ANSWER_SUCCE
 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 { qcmSlide } from '../../../views/slides/test/fixtures/qcm';
 import { qcmGraphicSlide } from '../../../views/slides/test/fixtures/qcm-graphic';
+import { templateSlide } from '../../../views/slides/test/fixtures/template';
+import { sliderSlide } from '../../../views/slides/test/fixtures/slider';
+import { RANK_FETCH_START_REQUEST, RANK_FETCH_START_SUCCESS, RANK_FETCH_END_REQUEST, RANK_FETCH_END_SUCCESS } from '../fetch-rank';
 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'];
@@ -97,12 +101,12 @@ var initialState = {
         }
     }
 };
-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 () {
+test('should dispatch post-answer, fetch-slide and fetch-correction and fetch-start-rank actions when the answer is submitted and when the slide ref is not "successExitNode"', 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(8);
+                t.plan(10);
                 expectedActions = [
                     { type: POST_ANSWER_REQUEST },
                     {
@@ -127,6 +131,13 @@ test('should dispatch post-answer, fetch-slide and fetch-correction actions when
                         type: CORRECTION_FETCH_SUCCESS,
                         meta: { slideRef: freeTextSlide._id },
                         payload: getChoicesCorrection(freeTextSlide._id)
+                    },
+                    {
+                        type: RANK_FETCH_START_REQUEST
+                    },
+                    {
+                        type: RANK_FETCH_START_SUCCESS,
+                        payload: { rank: 93 }
                     }
                 ];
                 _a = createTestStore(t, initialState, services, expectedActions), dispatch = _a.dispatch, getState = _a.getState;
@@ -140,6 +151,67 @@ test('should dispatch post-answer, fetch-slide and fetch-correction actions when
         }
     });
 }); });
+test('should dispatch post-answer, fetch-correction and fetch-end-rank actions when the answer is submitted and when the slide ref is "successExitNode"', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var stateBeforeExitNode, expectedActions, _a, dispatch, getState, state;
+    var _b;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0:
+                t.plan(8);
+                stateBeforeExitNode = {
+                    data: {
+                        progression: postAnswerResponses[sliderSlide.universalRef],
+                        slides: (_b = {},
+                            _b[freeTextSlide._id] = freeTextSlide,
+                            _b[qcmGraphicSlide._id] = qcmGraphicSlide,
+                            _b[qcmSlide._id] = qcmSlide,
+                            _b[sliderSlide._id] = sliderSlide,
+                            _b),
+                        skills: [{ skillRef: skillRef, custom: false, name: skillRef, slidesToReview: 5 }],
+                        token: '1234',
+                        corrections: {},
+                        rank: {}
+                    },
+                    ui: {
+                        currentSlideRef: templateSlide._id,
+                        navigation: ['skills', 'slides'],
+                        answers: ['Leaderboard', 'utilisateurs', 'étoiles'],
+                        slide: {
+                            validateButton: false
+                        }
+                    }
+                };
+                expectedActions = [
+                    { type: POST_ANSWER_REQUEST },
+                    {
+                        type: POST_ANSWER_SUCCESS,
+                        payload: postAnswerResponses[templateSlide._id]
+                    },
+                    { type: CORRECTION_FETCH_REQUEST, meta: { slideRef: templateSlide._id } },
+                    {
+                        type: CORRECTION_FETCH_SUCCESS,
+                        meta: { slideRef: templateSlide._id },
+                        payload: getChoicesCorrection(templateSlide._id)
+                    },
+                    {
+                        type: RANK_FETCH_END_REQUEST
+                    },
+                    {
+                        type: RANK_FETCH_END_SUCCESS,
+                        payload: { rank: 93 }
+                    }
+                ];
+                _a = createTestStore(t, stateBeforeExitNode, services, expectedActions), dispatch = _a.dispatch, getState = _a.getState;
+                return [4 /*yield*/, dispatch(postAnswer)];
+            case 1:
+                _c.sent();
+                state = getState();
+                t.false(state.ui.slide.validateButton);
+                t.true(state.ui.slide.animateCorrectionPopin);
+                return [2 /*return*/];
+        }
+    });
+}); });
 test('should dispatch POST_ANSWER_REQUEST, then POST_ANSWER_FAILURE on error', function (t) { return __awaiter(void 0, void 0, void 0, function () {
     var expectedActions, dispatch;
     return __generator(this, function (_a) {

package/lib/actions/ui/next-slide.d.ts

@@ -0,0 +1,14 @@
+import type { Dispatch } from 'redux';
+import type { StoreState } from '../../reducers';
+export declare const NEXT_SLIDE: "@@slide/NEXT_SLIDE";
+declare type NextSlidePayload = {
+    currentSlideRef: string;
+    nextSlideRef: string;
+    animationType: string;
+};
+export declare type NextSlide = {
+    type: typeof NEXT_SLIDE;
+    payload: NextSlidePayload;
+};
+export declare const nextSlide: (dispatch: Dispatch, getState: () => StoreState) => NextSlide;
+export {};

package/lib/actions/ui/next-slide.js

@@ -0,0 +1,16 @@
+import get from 'lodash/fp/get';
+export var NEXT_SLIDE = '@@slide/NEXT_SLIDE';
+export var nextSlide = function (dispatch, getState) {
+    var _a;
+    var state = getState();
+    var payload = {
+        currentSlideRef: get(['ui', 'currentSlideRef'], state),
+        nextSlideRef: get(['data', 'progression', 'state', 'nextContent', 'ref'], state),
+        animationType: ((_a = state.data.progression) === null || _a === void 0 ? void 0 : _a.state.isCorrect) ? 'unstack' : 'restack'
+    };
+    var action = {
+        type: NEXT_SLIDE,
+        payload: payload
+    };
+    return dispatch(action);
+};

package/lib/actions/ui/test/next-slide.test.d.ts

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

package/lib/actions/ui/test/next-slide.test.js

@@ -0,0 +1,64 @@
+var _a, _b;
+import test from 'ava';
+import pipe from 'lodash/fp/pipe';
+import set from 'lodash/fp/set';
+import { nextSlide, NEXT_SLIDE } from '../next-slide';
+import { createTestStore } from '../../test/create-test-store';
+import { getChoicesCorrection, postAnswerResponses, services } from '../../../test/util/services.mock';
+import { freeTextSlide } from '../../../views/slides/test/fixtures/free-text';
+import { qcmGraphicSlide } from '../../../views/slides/test/fixtures/qcm-graphic';
+var progression = postAnswerResponses[freeTextSlide.universalRef];
+var skillRef = '_skill-ref';
+var answer = ['Vous isoler dans un lieu calme'];
+var state = {
+    data: {
+        progression: progression,
+        slides: (_a = {},
+            _a[freeTextSlide.universalRef] = freeTextSlide,
+            _a[qcmGraphicSlide.universalRef] = qcmGraphicSlide,
+            _a),
+        skills: [{ skillRef: skillRef, custom: false, name: skillRef, slidesToReview: 5 }],
+        token: '1234',
+        corrections: (_b = {}, _b[freeTextSlide.universalRef] = getChoicesCorrection(freeTextSlide.universalRef), _b),
+        rank: { start: 93 }
+    },
+    ui: {
+        currentSlideRef: freeTextSlide._id,
+        navigation: ['loader', 'slides'],
+        answers: answer,
+        slide: {
+            validateButton: false,
+            animateCorrectionPopin: true,
+            showCorrectionPopin: true
+        }
+    }
+};
+test('should dispatch NEXT_SLIDE action when nextSlide is called and the progression state is correct', function (t) {
+    var expectedActions = [
+        {
+            type: NEXT_SLIDE,
+            payload: {
+                currentSlideRef: freeTextSlide.universalRef,
+                nextSlideRef: qcmGraphicSlide.universalRef,
+                animationType: 'unstack'
+            }
+        }
+    ];
+    var dispatch = createTestStore(t, state, services, expectedActions).dispatch;
+    dispatch(nextSlide);
+});
+test('should dispatch NEXT_SLIDE action when nextSlide is called and the progression state is not correct', function (t) {
+    var stateWithWrongAnswer = pipe(set(['data', 'progression', 'state', 'isCorrect'], false), set(['data', 'progression', 'state', 'allAnswers', 0, 'isCorrect'], false))(state);
+    var expectedActions = [
+        {
+            type: NEXT_SLIDE,
+            payload: {
+                currentSlideRef: freeTextSlide.universalRef,
+                nextSlideRef: qcmGraphicSlide.universalRef,
+                animationType: 'restack'
+            }
+        }
+    ];
+    var dispatch = createTestStore(t, stateWithWrongAnswer, services, expectedActions).dispatch;
+    dispatch(nextSlide);
+});

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

@@ -19,5 +19,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
     slides: SlidesState;
     token: string;
     rank: RankState;
-}>, 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 | import("../../actions/api/fetch-rank").RankAction>;
+}>, import("./corrections").CorrectionsAction | import("../../actions/api/fetch-rank").RankAction | 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/index.d.ts

@@ -19,5 +19,5 @@ declare const _default: import("redux").Reducer<import("redux").CombinedState<{
         answers: import("./ui/answers").AnswerState;
         slide: import("./ui/slide").UISlideState;
     }>;
-}>, 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/api/fetch-rank").RankAction | 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/fetch-rank").RankAction | 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/test/index.test.js

@@ -132,9 +132,6 @@ var clickAllSlides = function (t, container, accumulator) {
 };
 var appOptions = {
     token: process.env.API_TEST_TOKEN || '',
-    templateContext: {
-        theme: { color: { primary: '#123' } }
-    },
     skillRef: 'skill_NJC0jFKoH',
     services: services
 };

package/lib/types/common.d.ts

@@ -1,8 +1,3 @@
-declare type TemplateContextValues = {
-    brandTheme?: unknown;
-    theme?: unknown;
-    translations?: unknown;
-};
 export declare type ChoiceFromAPI = {
     _id: string;
     id?: string;
@@ -140,9 +135,6 @@ export declare type Options = {
 };
 export declare type AppOptions = {
     token: string;
-    theme?: unknown;
-    translations?: unknown;
-    templateContext?: TemplateContextValues;
     skillRef?: string;
     services: Services;
 };

package/lib/types/slides.d.ts

@@ -44,8 +44,9 @@ export declare type DropDown = {
 export declare type QuestionRange = {
     type: 'slider';
     placeholder?: string;
-    onChange?: Function;
+    onChange?: (value: number) => void;
     onChangeEnd?: Function;
+    onSliderChange?: (value: number) => void;
     multi?: boolean;
     value: number | number[];
     title: string;

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

@@ -145,8 +145,13 @@ var sliderProps = function (dispatch) {
             title: "".concat(currentValue, " ").concat(question.content.unitLabel),
             value: sliderPosition,
             onChange: function (position) {
+                // atom/range handler
                 var newValue = pipe(multiply(maxValue), round, get(__, values), _toString)(position);
                 dispatch(editAnswer([newValue]));
+            },
+            onSliderChange: function (newValue) {
+                // mobile/slider handler
+                dispatch(editAnswer(["".concat(newValue)]));
             }
         };
     };

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

@@ -30,7 +30,8 @@ export var sliderUISlide = {
             maxLabel: '15 an(s)',
             title: '1 an(s)',
             value: 0,
-            onChange: noop
+            onChange: noop,
+            onSliderChange: noop
         }
     }
 };

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

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

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

@@ -0,0 +1,65 @@
+var _a;
+import test from 'ava';
+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';
+var 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
+    }
+};
+var initialState = {
+    data: {
+        progression: progression,
+        slides: (_a = {},
+            _a[sliderSlide._id] = sliderSlide,
+            _a),
+        skills: [],
+        token: '1234',
+        corrections: {},
+        rank: {}
+    },
+    ui: {
+        currentSlideRef: sliderSlide._id,
+        navigation: ['skills', 'slides'],
+        answers: [],
+        slide: {
+            validateButton: false
+        }
+    }
+};
+test('should dispatch EDIT_SLIDER action via the property onSliderChange of a Slider slide', function (t) {
+    var _a;
+    t.plan(1);
+    var expectedActions = [
+        {
+            type: EDIT_SLIDER,
+            payload: ['111']
+        }
+    ];
+    var _b = createTestStore(t, initialState, services, expectedActions), dispatch = _b.dispatch, getState = _b.getState;
+    var props = mapStateToSlidesProps(getState(), dispatch);
+    var SlideProps = (_a = props.stack.slides['0'].answerUI) === null || _a === void 0 ? void 0 : _a.model;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    var onSliderChange = get('onSliderChange', SlideProps);
+    onSliderChange(111);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.2.9",
+  "version": "0.2.10-alpha.16+979312a0a",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -41,8 +41,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@coorpacademy/components": "10.22.24",
-    "@coorpacademy/redux-task": "^1.1.5",
+    "@coorpacademy/components": "10.22.25-alpha.16+979312a0a",
+    "@coorpacademy/redux-task": "1.1.5",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
     "react-redux": "^8.0.1",
@@ -78,5 +78,5 @@
     "ts-node": "^10.9.1",
     "typescript": "^4.7.4"
   },
-  "gitHead": "3b2b9c0d9d47e93f89c09351c1f79a20c07cefc3"
+  "gitHead": "979312a0adf811d29dd0f18ceef61194e2b2c69d"
 }

package/src/actions/api/post-answer.ts

@@ -5,6 +5,7 @@ import type {Options, ProgressionFromAPI} from '../../types/common';
 import type {StoreState} from '../../reducers';
 import {fetchCorrection} from './fetch-correction';
 import {fetchSlide} from './fetch-slide';
+import {fetchEndRank, fetchStartRank} from './fetch-rank';
 
 export const POST_ANSWER_REQUEST = '@@answer/POST_REQUEST' as const;
 export const POST_ANSWER_SUCCESS = '@@answer/POST_SUCCESS' as const;
@@ -38,7 +39,13 @@ export const postAnswer = async (
   if (response.type === POST_ANSWER_SUCCESS) {
     const updatedProgression = response.payload;
     const slideRef = updatedProgression.state.nextContent.ref;
-    await dispatch(fetchSlide(slideRef));
-    await dispatch(fetchCorrection);
+    if (slideRef !== 'successExitNode') {
+      await dispatch(fetchSlide(slideRef));
+      await dispatch(fetchCorrection);
+      await dispatch(fetchStartRank);
+    } else {
+      await dispatch(fetchCorrection);
+      await dispatch(fetchEndRank);
+    }
   }
 };

package/src/actions/api/test/post-answer.test.ts

@@ -16,7 +16,16 @@ import type {StoreState} from '../../../reducers';
 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 {qcmSlide} from '../../../views/slides/test/fixtures/qcm';
 import {qcmGraphicSlide} from '../../../views/slides/test/fixtures/qcm-graphic';
+import {templateSlide} from '../../../views/slides/test/fixtures/template';
+import {sliderSlide} from '../../../views/slides/test/fixtures/slider';
+import {
+  RANK_FETCH_START_REQUEST,
+  RANK_FETCH_START_SUCCESS,
+  RANK_FETCH_END_REQUEST,
+  RANK_FETCH_END_SUCCESS
+} from '../fetch-rank';
 
 const progressionId = '123456789123';
 const skillRef = '_skill-ref';
@@ -63,8 +72,8 @@ const initialState: StoreState = {
   }
 };
 
-test('should dispatch post-answer, fetch-slide and fetch-correction actions when the answer is submitted', async t => {
-  t.plan(8);
+test('should dispatch post-answer, fetch-slide and fetch-correction and fetch-start-rank actions when the answer is submitted and when the slide ref is not "successExitNode"', async t => {
+  t.plan(10);
   const expectedActions = [
     {type: POST_ANSWER_REQUEST},
     {
@@ -89,6 +98,13 @@ test('should dispatch post-answer, fetch-slide and fetch-correction actions when
       type: CORRECTION_FETCH_SUCCESS,
       meta: {slideRef: freeTextSlide._id},
       payload: getChoicesCorrection(freeTextSlide._id)
+    },
+    {
+      type: RANK_FETCH_START_REQUEST
+    },
+    {
+      type: RANK_FETCH_START_SUCCESS,
+      payload: {rank: 93}
     }
   ];
 
@@ -102,6 +118,64 @@ test('should dispatch post-answer, fetch-slide and fetch-correction actions when
   t.true(state.ui.slide.animateCorrectionPopin);
 });
 
+test('should dispatch post-answer, fetch-correction and fetch-end-rank actions when the answer is submitted and when the slide ref is "successExitNode"', async t => {
+  t.plan(8);
+
+  const stateBeforeExitNode: StoreState = {
+    data: {
+      progression: postAnswerResponses[sliderSlide.universalRef],
+      slides: {
+        [freeTextSlide._id]: freeTextSlide,
+        [qcmGraphicSlide._id]: qcmGraphicSlide,
+        [qcmSlide._id]: qcmSlide,
+        [sliderSlide._id]: sliderSlide
+      },
+      skills: [{skillRef, custom: false, name: skillRef, slidesToReview: 5}],
+      token: '1234',
+      corrections: {},
+      rank: {}
+    },
+    ui: {
+      currentSlideRef: templateSlide._id,
+      navigation: ['skills', 'slides'],
+      answers: ['Leaderboard', 'utilisateurs', 'étoiles'],
+      slide: {
+        validateButton: false
+      }
+    }
+  };
+
+  const expectedActions = [
+    {type: POST_ANSWER_REQUEST},
+    {
+      type: POST_ANSWER_SUCCESS,
+      payload: postAnswerResponses[templateSlide._id]
+    },
+    {type: CORRECTION_FETCH_REQUEST, meta: {slideRef: templateSlide._id}},
+    {
+      type: CORRECTION_FETCH_SUCCESS,
+      meta: {slideRef: templateSlide._id},
+      payload: getChoicesCorrection(templateSlide._id)
+    },
+    {
+      type: RANK_FETCH_END_REQUEST
+    },
+    {
+      type: RANK_FETCH_END_SUCCESS,
+      payload: {rank: 93}
+    }
+  ];
+
+  const {dispatch, getState} = createTestStore(t, stateBeforeExitNode, services, expectedActions);
+
+  await dispatch(postAnswer);
+
+  const state = getState();
+
+  t.false(state.ui.slide.validateButton);
+  t.true(state.ui.slide.animateCorrectionPopin);
+});
+
 test('should dispatch POST_ANSWER_REQUEST, then POST_ANSWER_FAILURE on error', async t => {
   t.plan(3);
   const expectedActions = [

package/src/actions/ui/next-slide.ts

@@ -0,0 +1,31 @@
+import type {Dispatch} from 'redux';
+import get from 'lodash/fp/get';
+import type {StoreState} from '../../reducers';
+
+export const NEXT_SLIDE = '@@slide/NEXT_SLIDE' as const;
+
+type NextSlidePayload = {
+  currentSlideRef: string;
+  nextSlideRef: string;
+  animationType: string;
+};
+
+export type NextSlide = {
+  type: typeof NEXT_SLIDE;
+  payload: NextSlidePayload;
+};
+
+export const nextSlide = (dispatch: Dispatch, getState: () => StoreState): NextSlide => {
+  const state = getState();
+  const payload = {
+    currentSlideRef: get(['ui', 'currentSlideRef'], state),
+    nextSlideRef: get(['data', 'progression', 'state', 'nextContent', 'ref'], state),
+    animationType: state.data.progression?.state.isCorrect ? 'unstack' : 'restack'
+  };
+  const action = {
+    type: NEXT_SLIDE,
+    payload
+  };
+
+  return dispatch(action);
+};

package/src/actions/ui/test/next-slide.test.ts

@@ -0,0 +1,75 @@
+import test from 'ava';
+import pipe from 'lodash/fp/pipe';
+import set from 'lodash/fp/set';
+import {StoreState} from '../../../reducers';
+import {nextSlide, NEXT_SLIDE} from '../next-slide';
+import {createTestStore} from '../../test/create-test-store';
+import {
+  getChoicesCorrection,
+  postAnswerResponses,
+  services
+} from '../../../test/util/services.mock';
+import {freeTextSlide} from '../../../views/slides/test/fixtures/free-text';
+import {qcmGraphicSlide} from '../../../views/slides/test/fixtures/qcm-graphic';
+
+const progression = postAnswerResponses[freeTextSlide.universalRef];
+const skillRef = '_skill-ref';
+const answer = ['Vous isoler dans un lieu calme'];
+
+const state: StoreState = {
+  data: {
+    progression,
+    slides: {
+      [freeTextSlide.universalRef]: freeTextSlide,
+      [qcmGraphicSlide.universalRef]: qcmGraphicSlide
+    },
+    skills: [{skillRef, custom: false, name: skillRef, slidesToReview: 5}],
+    token: '1234',
+    corrections: {[freeTextSlide.universalRef]: getChoicesCorrection(freeTextSlide.universalRef)},
+    rank: {start: 93}
+  },
+  ui: {
+    currentSlideRef: freeTextSlide._id,
+    navigation: ['loader', 'slides'],
+    answers: answer,
+    slide: {
+      validateButton: false,
+      animateCorrectionPopin: true,
+      showCorrectionPopin: true
+    }
+  }
+};
+test('should dispatch NEXT_SLIDE action when nextSlide is called and the progression state is correct', t => {
+  const expectedActions = [
+    {
+      type: NEXT_SLIDE,
+      payload: {
+        currentSlideRef: freeTextSlide.universalRef,
+        nextSlideRef: qcmGraphicSlide.universalRef,
+        animationType: 'unstack'
+      }
+    }
+  ];
+  const {dispatch} = createTestStore(t, state, services, expectedActions);
+  dispatch(nextSlide);
+});
+
+test('should dispatch NEXT_SLIDE action when nextSlide is called and the progression state is not correct', t => {
+  const stateWithWrongAnswer = pipe(
+    set(['data', 'progression', 'state', 'isCorrect'], false),
+    set(['data', 'progression', 'state', 'allAnswers', 0, 'isCorrect'], false)
+  )(state);
+
+  const expectedActions = [
+    {
+      type: NEXT_SLIDE,
+      payload: {
+        currentSlideRef: freeTextSlide.universalRef,
+        nextSlideRef: qcmGraphicSlide.universalRef,
+        animationType: 'restack'
+      }
+    }
+  ];
+  const {dispatch} = createTestStore(t, stateWithWrongAnswer, services, expectedActions);
+  dispatch(nextSlide);
+});

package/src/test/index.test.tsx

@@ -58,9 +58,6 @@ const clickAllSlides = async (
 
 const appOptions: AppOptions = {
   token: process.env.API_TEST_TOKEN || '',
-  templateContext: {
-    theme: {color: {primary: '#123'}}
-  },
   skillRef: 'skill_NJC0jFKoH',
   services
 };

package/src/types/common.ts

@@ -1,10 +1,3 @@
-// TODO use type from components
-type TemplateContextValues = {
-  brandTheme?: unknown;
-  theme?: unknown; // TODO type Theme
-  translations?: unknown; // TODO type Translations
-};
-
 // TODO: EDIT_CHOICES -> specify typing
 export type ChoiceFromAPI = {
   _id: string;
@@ -176,9 +169,6 @@ export type Options = {
 
 export type AppOptions = {
   token: string;
-  theme?: unknown;
-  translations?: unknown;
-  templateContext?: TemplateContextValues;
   skillRef?: string;
   services: Services;
 };

package/src/types/slides.ts

@@ -59,8 +59,9 @@ export type DropDown = {
 export type QuestionRange = {
   type: 'slider';
   placeholder?: string;
-  onChange?: Function;
+  onChange?: (value: number) => void;
   onChangeEnd?: Function;
+  onSliderChange?: (value: number) => void;
   multi?: boolean;
   value: number | number[];
   title: string;

package/src/views/slides/map-api-slide-to-ui.ts

@@ -225,6 +225,7 @@ const sliderProps =
       title: `${currentValue} ${question.content.unitLabel}`,
       value: sliderPosition,
       onChange: (position: number): void => {
+        // atom/range handler
         const newValue: string = pipe(
           multiply(maxValue),
           round,
@@ -232,6 +233,10 @@ const sliderProps =
           _toString
         )(position);
         dispatch(editAnswer([newValue]));
+      },
+      onSliderChange: (newValue: number): void => {
+        // mobile/slider handler
+        dispatch(editAnswer([`${newValue}`]));
       }
     };
   };

package/src/views/slides/test/fixtures/slider.ts

@@ -36,7 +36,8 @@ export const sliderUISlide: Partial<UISlide> = {
       maxLabel: '15 an(s)',
       title: '1 an(s)',
       value: 0,
-      onChange: noop
+      onChange: noop,
+      onSliderChange: noop
     }
   }
 };

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

@@ -0,0 +1,71 @@
+import test from 'ava';
+import get from 'lodash/fp/get';
+import {ProgressionFromAPI} from '../../../types/common';
+import {StoreState} from '../../../reducers';
+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 {QuestionRange} from '../../../types/slides';
+import {sliderSlide} from './fixtures/slider';
+
+const progression: ProgressionFromAPI = {
+  _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: StoreState = {
+  data: {
+    progression,
+    slides: {
+      [sliderSlide._id]: sliderSlide
+    },
+    skills: [],
+    token: '1234',
+    corrections: {},
+    rank: {}
+  },
+  ui: {
+    currentSlideRef: sliderSlide._id,
+    navigation: ['skills', 'slides'],
+    answers: [],
+    slide: {
+      validateButton: false
+    }
+  }
+};
+
+test('should dispatch EDIT_SLIDER action via the property onSliderChange of a Slider slide', t => {
+  t.plan(1);
+
+  const expectedActions = [
+    {
+      type: EDIT_SLIDER,
+      payload: ['111']
+    }
+  ];
+  const {dispatch, getState} = createTestStore(t, initialState, services, expectedActions);
+  const props = mapStateToSlidesProps(getState(), dispatch);
+
+  const SlideProps = props.stack.slides['0'].answerUI?.model as QuestionRange;
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  const onSliderChange = get('onSliderChange', SlideProps)!;
+  onSliderChange(111);
+});