@coorpacademy/app-review 0.1.5 → 0.1.7

package/lib/services/post-progression.mock.d.ts

@@ -0,0 +1,5 @@
+import crossFetch from 'cross-fetch';
+import { ProgressionFromAPI } from '../actions/data/progression';
+export declare const mockedProgression: ProgressionFromAPI;
+declare const mockCreateProgression: typeof crossFetch;
+export default mockCreateProgression;

package/lib/services/post-progression.mock.js

@@ -0,0 +1,31 @@
+import { okJSONResponse } from './tools/fetch.mocks';
+export var mockedProgression = {
+    _id: '62b1d1087aa12f00253f40ee',
+    state: {
+        // ------------------------------------------------------
+        // unused for now / to decide whether to use it when the
+        // validation-progression is plugged in
+        pendingSlides: [],
+        step: {
+            current: Number.NaN
+        },
+        // ------------------------------------------------------
+        isCorrect: true,
+        nextContent: {
+            ref: 'sli_N1XACJobn',
+            type: 'slide'
+        }
+        // slides: [
+        //   'sli_NJ3m5KtWh',
+        //   'sli_V1gKpYYZ2',
+        //   'sli_VJzOgotbh',
+        //   'sli_V1ug-dtZn',
+        //   'sli_VyZU-ejW3',
+        //   'sli_Vy8ChgjZh',
+        //   'sli_V1ijS1oWh',
+        //   'sli_N1XACJobn'
+        // ],
+    }
+};
+var mockCreateProgression = okJSONResponse(mockedProgression);
+export default mockCreateProgression;

package/lib/services/post-progression.test.d.ts

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

package/lib/services/post-progression.test.js

@@ -0,0 +1,84 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import test from 'ava';
+import { postProgression } from './post-progression';
+import { okJSONResponse, token } from './tools/fetch.mocks';
+var skillRef = '_skill-ref';
+test('should create progression with success', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var result, mockedPostProgression, progression;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                result = {
+                    _id: '123456123456',
+                    state: {
+                        // is "isCorrect" always true for a 1st progression?
+                        isCorrect: true,
+                        step: {
+                            current: 1
+                        },
+                        nextContent: {
+                            type: 'slide',
+                            ref: 'sli_NJ3m5KtWh'
+                        },
+                        pendingSlides: []
+                    }
+                };
+                mockedPostProgression = postProgression(okJSONResponse(result));
+                return [4 /*yield*/, mockedPostProgression(skillRef, token)];
+            case 1:
+                progression = _a.sent();
+                t.deepEqual(result, progression);
+                return [2 /*return*/];
+        }
+    });
+}); });
+test('should reject bad token', function (t) { return __awaiter(void 0, void 0, void 0, function () {
+    var badToken, mockedPostProgression, error;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                badToken = 'token is not a jwt';
+                mockedPostProgression = postProgression(okJSONResponse(null));
+                return [4 /*yield*/, t.throwsAsync(function () { return mockedPostProgression(skillRef, badToken); })];
+            case 1:
+                error = _a.sent();
+                t.is(error === null || error === void 0 ? void 0 : error.message, "Invalid token specified: Cannot read properties of undefined (reading 'replace')");
+                return [2 /*return*/];
+        }
+    });
+}); });

package/lib/services/tools/fetch-responses.d.ts

@@ -2,6 +2,6 @@ export declare class ResponseError extends Error {
     statusCode: number;
     constructor(statusCode: number, statusText: string, body?: string);
 }
-export declare const toJSON: (response: Response) => Promise<unknown>;
+export declare const toJSON: <T = unknown>(response: Response) => Promise<T>;
 export declare const toText: (response: Response) => Promise<string>;
 export declare const toVoid: (response: Response) => Promise<void>;

package/lib/services/tools/sleep.d.ts

@@ -0,0 +1 @@
+export declare const sleep: (msToSleep: number) => Promise<void>;

package/lib/services/tools/sleep.js

@@ -0,0 +1,5 @@
+export var sleep = function (msToSleep) {
+    return new Promise(function (resolve) {
+        setTimeout(resolve, msToSleep);
+    });
+};

package/lib/types/common.d.ts

@@ -1,9 +1,14 @@
-import { Slide } from './slides';
+declare type TemplateContextValues = {
+    brandTheme?: unknown;
+    theme?: unknown;
+    translations?: unknown;
+};
 export declare type AppOptions = {
     token: string;
     theme?: unknown;
     translations?: unknown;
-    slide?: Slide;
+    templateContext?: TemplateContextValues;
+    skillRef?: string;
 };
 export declare type JWT = {
     exp: number;
@@ -17,3 +22,4 @@ export declare type JWT = {
 export declare type WithRequired<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
+export {};

package/lib/types/ui-progression.d.ts

@@ -0,0 +1,10 @@
+export declare type UiProgression = {
+    _id?: string;
+    slideNumber?: number;
+    isCorrect?: boolean;
+    exitNode?: 'successExitNode' | 'failExitNode';
+    nextContent?: {
+        ref: 'successExitNode' | string;
+        type: 'success' | 'slide';
+    };
+} | null;

package/lib/types/ui-progression.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "",
   "engines": {
     "node": ">=16.15.0"
@@ -40,7 +40,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@coorpacademy/components": "10.21.4",
+    "@coorpacademy/components": "10.22.1",
     "cross-fetch": "^3.1.5",
     "jwt-decode": "^3.1.2",
     "react-redux": "^8.0.1",
@@ -49,8 +49,7 @@
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
-    "react": "^17.0.2",
-    "react-native": "0.68.1"
+    "react": "^17.0.2"
   },
   "devDependencies": {
     "@coorpacademy/css-modules-require-hook": "2.1.5",
@@ -76,5 +75,5 @@
     "ts-node": "^10.8.1",
     "typescript": "^4.7.4"
   },
-  "gitHead": "aeb09b5a833e5f1a16c8ca15bf82fd2fcc9c3adb"
+  "gitHead": "2d54e2e52323f3feca8dc93a02ef62a53f7d89de"
 }

package/readme.md

@@ -1,7 +1,9 @@
 # App Review
 
-📚 [Static Demo](http://coorpacademy.github.io/components/app-review)
-🏹 Architecture illustrated with [Excalidraw](../../../documentation/documentation/review-mode/frontend-app-review.excalidraw). This package is the `@app-review` section.
+- 📚 [Static Demo](http://coorpacademy.github.io/components/app-review)
+- 🏹 Architecture illustrated with Excalidraw ([local](../../../documentation/documentation/review-mode/frontend-app-review.excalidraw) and [github](https://github.com/coorpacademy/documentation/blob/master/documentation/review-mode/frontend-app-review.excalidraw)).
+
+This package is the `@app-review` section.
 
 ## start local sandbox
 
@@ -47,9 +49,6 @@ npx ava --watch
 
 ## dependencies notes
 
-`react-native` must be the same version on this package and the rootApp
-*(possible generic error "Invariant Violation: Module AppRegistry is not a registered callable module")*
-
 `react` must also be the same version on this package and the rootApp
 *(possible generic error Warning: Invalid hook call. [...] 3. You might have more than one copy of React in the same app)*
 

package/src/actions/data/progression.ts

@@ -0,0 +1,50 @@
+export type ProgressionFromAPI = {
+  _id: string;
+  state: {
+    isCorrect: boolean;
+    step: {
+      current: number;
+    };
+    nextContent: {
+      type: 'success' | 'slide';
+      ref: 'successExitNode' | string;
+    };
+    pendingSlides: [];
+  };
+};
+
+// -----------------------------------------------------------------------------
+
+export const RECEIVE_PROGRESSION = '@@data/progression/RECEIVE_PROGRESSION';
+export const ERROR_CREATING_PROGRESSION = '@@data/progression/ERROR_CREATING_PROGRESSION';
+
+// -----------------------------------------------------------------------------
+
+export type ReceiveProgressionPayload = {
+  progression: ProgressionFromAPI;
+  token: string;
+};
+
+// -----------------------------------------------------------------------------
+
+export type ReceiveProgression = {
+  type: typeof RECEIVE_PROGRESSION;
+  payload: ReceiveProgressionPayload;
+};
+
+export type ErrorCreatingProgression = {
+  type: typeof ERROR_CREATING_PROGRESSION;
+  payload: Error;
+};
+
+// -----------------------------------------------------------------------------
+
+export const receiveProgression = (payload: ReceiveProgressionPayload): ReceiveProgression => ({
+  type: RECEIVE_PROGRESSION,
+  payload
+});
+
+export const errorCreatingProgression = (error: Error): ErrorCreatingProgression => ({
+  type: ERROR_CREATING_PROGRESSION,
+  payload: error
+});

package/src/actions/data/slides.ts

@@ -1,4 +1,4 @@
-import {Slide as SlideFromAPI} from '../../types/slides';
+import {Slide as UISlide} from '../../types/slides';
 
 // -----------------------------------------------------------------------------
 
@@ -7,36 +7,40 @@ export const UPDATE_SLIDES_ON_VALIDATION = '@@slide/UPDATE_SLIDES_ON_VALIDATION'
 export const UPDATE_SLIDES_ON_NEXT = '@@slide/UPDATE_SLIDES_ON_NEXT';
 export const VALIDATE_SLIDE = '@@slide/VALIDATE';
 export const FETCH_NEXT_CONTENT = '@@slide/FETCH_NEXT_CONTENT';
+export const ERROR_FETCHING_SLIDE = '@@data/slide/ERROR_FETCHING_SLIDE';
 
 // -----------------------------------------------------------------------------
 
 type SlideUIAnimations = 'unstack' | 'restack';
 
-export type Slide = SlideFromAPI & {
+export type Slide = UISlide & {
   hidden?: boolean;
   position: number;
   animationType?: SlideUIAnimations;
   isCorrect?: boolean;
   endReview?: boolean;
-  nextSlide?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextSlide'>;
+  nextContent?: Omit<Slide, 'endReview' | 'hidden' | 'position' | 'nextContent'>;
+};
+
+// TODO: complete or modify typing as needed on Fetch Slide ticket
+export type SlideFromAPI = {
+  question: {
+    content: {
+      choices: Record<string, unknown>[];
+    };
+  };
+  klf: string;
+  universalRef: string;
 };
 
 export type ValidationPayload = {
   slideNumber: number;
   newSlideContent: Slide;
   numberOfFinishedSlides: number;
-  nextSlide: Slide;
+  nextContent: Slide;
 };
 
-export type OnNextPayload = Omit<ValidationPayload, 'nextSlide'>;
-
-export type FetchNextPayload = {
-  answer: string[];
-  content: {
-    ref: string;
-    type: string;
-  };
-};
+export type OnNextPayload = Omit<ValidationPayload, 'nextContent'>;
 
 // -----------------------------------------------------------------------------
 
@@ -59,10 +63,9 @@ export type ValidateSlide = {
   type: typeof VALIDATE_SLIDE;
 };
 
-// TODO
-export type FetchNextContent = {
-  type: typeof FETCH_NEXT_CONTENT;
-  payload: FetchNextPayload;
+export type ErrorFetchingSlide = {
+  type: typeof ERROR_FETCHING_SLIDE;
+  payload: Error;
 };
 
 export type SlidesAction = StoreFirstSlide | UpdateSlidesOnValidation | UpdateSlidesOnNext;
@@ -87,3 +90,8 @@ export const updateSlidesOnNext = (payload: OnNextPayload): UpdateSlidesOnNext =
 export const validateSlide = (): ValidateSlide => ({
   type: VALIDATE_SLIDE
 });
+
+export const errorFetchingSlide = (error: Error): ErrorFetchingSlide => ({
+  type: ERROR_FETCHING_SLIDE,
+  payload: error
+});

package/src/actions/data/token.ts

@@ -1,7 +1,7 @@
-export const STORE_TOKEN = '@@token/STORE_TOKEN';
+export const STORE_TOKEN = '@@data/token/STORE_TOKEN';
 
 export type StoreToken = {
-  type: '@@token/STORE_TOKEN';
+  type: typeof STORE_TOKEN;
   payload: string;
 };
 

package/src/actions/index.ts

@@ -11,6 +11,7 @@ import {updateFinishedSlides} from './ui/finished-slides';
 import {navigateBack, navigateTo, NavigateBack, NavigateTo, StartApp} from './ui/navigation';
 import {updateReviewStatus} from './ui/review-status';
 import {updateStepItemsOnValidation, updateStepItemsOnNext} from './ui/step-items';
+import {ErrorCreatingProgression, ReceiveProgression} from './data/progression';
 
 export type Action =
   | NavigateBack
@@ -19,7 +20,9 @@ export type Action =
   | ErrorFetchingSkills
   | StartApp
   | StoreFirstSlide
-  | StoreToken;
+  | StoreToken
+  | ErrorCreatingProgression
+  | ReceiveProgression;
 
 export type Dispatchers = {
   navigateTo: typeof navigateTo;

package/src/configure-store.ts

@@ -3,6 +3,7 @@ import thunk from 'redux-thunk';
 
 import rootReducer from './reducers';
 import onStartApp from './middlewares/on-start-app';
+import onReceiveProgression from './middlewares/on-receive-progression';
 
 import {SkillsState} from './reducers/data/skills';
 import {SlidesState} from './reducers/data/slides';
@@ -11,23 +12,13 @@ import {NavigationState} from './reducers/ui/navigation';
 import {ReviewStatusState} from './reducers/ui/review-status';
 import {StepItemsState} from './reducers/ui/step-items';
 import {FinishedSlidesState} from './reducers/ui/finished-slides';
-
-import {AnswerUI} from './types/slides';
+import {ProgressionState} from './reducers/data/progression';
 
 // -----------------------------------------------------------------------------
 
 type DataState = {
   isFetching?: boolean;
-  progression?: {
-    slideNumber: number;
-    isCorrect?: boolean;
-    // pass down the successExitNode if all slides are finished, not before
-    exitNode?: 'successExitNode' | 'failExitNode';
-    nextSlide?: {
-      questionText?: string;
-      answerUI?: AnswerUI;
-    };
-  } | null;
+  progression?: ProgressionState;
   skills: SkillsState;
   slides: SlidesState;
   token?: TokenState;
@@ -39,6 +30,7 @@ export type StoreState = {
     stepItems: StepItemsState;
     finishedSlides: FinishedSlidesState;
     reviewStatus: ReviewStatusState;
+    // progression: UiProgression;
   };
   data: DataState;
 };
@@ -54,7 +46,7 @@ export default function configureStore(): Store<StoreState, AnyAction> {
       })
     : compose;
 
-  const enhancer = _compose(applyMiddleware(thunk, onStartApp));
+  const enhancer = _compose(applyMiddleware(thunk, onStartApp, onReceiveProgression));
   const store = createStore(rootReducer, undefined, enhancer);
 
   return store;

package/src/index.test.tsx

@@ -3,8 +3,8 @@ import test from 'ava';
 import type {ExecutionContext} from 'ava';
 import React from 'react';
 import {render, fireEvent, act} from '@testing-library/react';
-import {slide} from './fixtures/qcm-slide';
 import type {AppOptions} from './types/common';
+import {sleep} from './services/tools/sleep';
 import AppReview from '.';
 
 browserEnv({pretendToBeVisual: true});
@@ -12,11 +12,6 @@ browserEnv({pretendToBeVisual: true});
 const elementExists = (foundElements: NodeListOf<Element>): Element =>
   foundElements && foundElements[0];
 
-const sleep = (msToSleep: number): Promise<void> =>
-  new Promise(resolve => {
-    setTimeout(resolve, msToSleep);
-  });
-
 const waitForChanges = async (msToWait = 3000): Promise<void> => {
   await act(async () => {
     await sleep(msToWait); // wait *just* a little longer than the timeout in the component
@@ -61,7 +56,10 @@ const clickAllSlides = async (
 
 const appOptions: AppOptions = {
   token: process.env.API_TEST_TOKEN || '',
-  slide
+  templateContext: {
+    theme: {color: {primary: '#123'}}
+  },
+  skillRef: 'skill_NJC0jFKoH'
 };
 
 test('should validate all the slides (all correct scenario)', async t => {

package/src/index.tsx

@@ -2,6 +2,7 @@ import React, {useEffect, useState} from 'react';
 import {AnyAction, Store} from 'redux';
 import {connect, Provider} from 'react-redux';
 import AppReviewTemplate from '@coorpacademy/components/es/template/app-review';
+import {TemplateContext} from '@coorpacademy/components/es/template/app-review/template-context';
 
 import configureStore, {StoreState} from './configure-store';
 import {congratsProps, correctionPopinProps} from './fixtures/temp-fixture';
@@ -21,8 +22,8 @@ import {updateStepItemsOnValidation, updateStepItemsOnNext} from './actions/ui/s
 
 type StaticProps = {
   viewName: 'skills' | 'onboarding' | 'slides';
-  slides: SlidesViewStaticProps;
-  skills: SkillsProps;
+  slides: SlidesViewStaticProps | null;
+  skills: SkillsProps | null;
 };
 
 // -----------------------------------------------------------------------------
@@ -42,30 +43,43 @@ const mapDispatchToProps: Dispatchers = {
 const getCurrentViewName = (storeState: StoreState): ViewPath =>
   storeState.ui.navigation[storeState.ui.navigation.length - 1];
 
-const mapStateToSkillsProps = (state: StoreState): SkillsProps => ({
-  title: '@todo title',
-  titleNoSkills: '@todo titleNoSkills',
-  textNoSkills: '@todo textNoSkills',
-  iconSkillAriaLabel: '@todo iconSkillAriaLabel',
-  isLoading: false,
-  isLoadingAriaLabel: '@todo loading',
-  listSkills: state.data.skills.map(skill => ({
-    'aria-label': '',
-    isCustom: skill.custom,
-    skillTitle: skill.name,
-    skillAriaLabel: '@todo skill aria label',
-    buttonLabel: '@todo button',
-    buttonAriaLabel: '@todo button aria label',
-    reviseLabel: '@todo revise',
-    reviseAriaLabel: '@todo revise aria label',
-    // eslint-disable-next-line no-console
-    onClick: () => console.log('@todo plug dispatcher select skill')
-  }))
-});
+// -----------------------------------------------------------------------------
 
-const mapStateToProps = (state: StoreState): StaticProps => ({
-  viewName: getCurrentViewName(state),
-  slides: {
+const mapStateToSkillsProps = (state: StoreState): SkillsProps | null => {
+  if (!state.data.skills) {
+    return null;
+  }
+
+  return {
+    title: '@todo title',
+    titleNoSkills: '@todo titleNoSkills',
+    textNoSkills: '@todo textNoSkills',
+    iconSkillAriaLabel: '@todo iconSkillAriaLabel',
+    isLoading: false,
+    isLoadingAriaLabel: '@todo loading',
+    listSkills: state.data.skills.map(skill => ({
+      'aria-label': '',
+      isCustom: skill.custom,
+      skillTitle: skill.name,
+      skillAriaLabel: '@todo skill aria label',
+      buttonLabel: '@todo button',
+      buttonAriaLabel: '@todo button aria label',
+      reviseLabel: '@todo revise',
+      reviseAriaLabel: '@todo revise aria label',
+      // eslint-disable-next-line no-console
+      onClick: () => console.log('@todo plug dispatcher select skill')
+    }))
+  };
+};
+
+// -----------------------------------------------------------------------------
+
+const mapStateToSlidesProps = (state: StoreState): SlidesViewStaticProps | null => {
+  if (!state.data.slides) {
+    return null;
+  }
+
+  return {
     headerProps: {
       mode: '__revision_mode',
       skillName: '__agility',
@@ -86,7 +100,14 @@ const mapStateToProps = (state: StoreState): StaticProps => ({
     correctionPopinProps,
     congratsProps,
     progression: state.data.progression
-  },
+  };
+};
+
+// -----------------------------------------------------------------------------
+
+const mapStateToProps = (state: StoreState): StaticProps => ({
+  viewName: getCurrentViewName(state),
+  slides: mapStateToSlidesProps(state),
   skills: mapStateToSkillsProps(state)
 });
 
@@ -96,7 +117,7 @@ const App = connect(mapStateToProps, mapDispatchToProps)(AppReviewTemplate);
 
 // -----------------------------------------------------------------------------
 
-const AppReview = ({options}: {options: AppOptions}): JSX.Element => {
+const AppReview = ({options}: {options: AppOptions}): JSX.Element | null => {
   const [store, setStore] = useState<Store<StoreState, AnyAction> | null>(null);
   const [appStarted, setAppStarted] = useState<boolean>(false);
 
@@ -113,11 +134,15 @@ const AppReview = ({options}: {options: AppOptions}): JSX.Element => {
     }
   }, [options, store]);
 
-  if (!store || !appStarted) return <div />;
+  if (!store || !appStarted) return null;
+
+  const {templateContext: values} = options;
 
   return (
     <Provider store={store}>
-      <App />
+      <TemplateContext values={values}>
+        <App />
+      </TemplateContext>
     </Provider>
   );
 };

package/src/middlewares/on-receive-progression.test.ts

@@ -0,0 +1,60 @@
+import test from 'ava';
+import {AnyAction, Dispatch, MiddlewareAPI} from 'redux';
+import {receiveProgression} from '../actions/data/progression';
+import {Action} from '../actions';
+import {AppOptions} from '../types/common';
+import {mockedProgression} from '../services/post-progression.mock';
+import {sleep} from '../services/tools/sleep';
+import {STORE_FIRST_SLIDE} from '../actions/data/slides';
+import onReceiveProgression from './on-receive-progression';
+
+const appOptions: AppOptions = {
+  token: process.env.API_TEST_TOKEN || ''
+};
+
+const otherAction = (
+  payload: string
+): {
+  type: string;
+  payload: string;
+} => ({
+  type: '@@other/OTHER',
+  payload
+});
+
+test('should not dispatch anything if action is not RECEIVE_PROGRESSION', t => {
+  t.plan(1);
+  const dispatch = (): void => {
+    t.fail();
+  };
+  const next = (): boolean => {
+    return t.pass();
+  };
+
+  onReceiveProgression({dispatch} as unknown as MiddlewareAPI)(next as Dispatch<AnyAction>)(
+    otherAction('other')
+  );
+});
+
+test('should dispatch actions: STORE_FIRST_SLIDE', async t => {
+  t.plan(2);
+  const dispatch = (action: Action): void => {
+    switch (action.type) {
+      case STORE_FIRST_SLIDE: {
+        const slide = action.payload;
+        t.deepEqual(slide, {});
+        return;
+      }
+      default:
+        t.fail();
+        break;
+    }
+  };
+  const next = (): boolean => {
+    return t.pass();
+  };
+  onReceiveProgression({dispatch} as MiddlewareAPI)(next as Dispatch<AnyAction>)(
+    receiveProgression({token: appOptions.token, progression: mockedProgression})
+  );
+  await sleep(1000); // wait for the .then to fire
+});