test(middleware): add test for model's customize middlewares

Author: ArrayZoneYour

__test__/index.d.ts

@@ -15,6 +15,11 @@ type CounterActionParams = {
   increment: number
 }
 
+type NextCounterActionParams = {
+  increment: number
+  add: number
+}
+
 type ExtraActionParams = {
   add: number
 }

__test__/index.ts

@@ -1,6 +1,8 @@
 /// <reference path="./index.d.ts" />
 /// <reference path="../src/index.d.ts" />
+import { Model } from '../src'
 import { timeout } from '../src/helper'
+import { actionMiddlewares } from '../src/middlewares'
 
 export const ActionsTester: ModelType<ActionTesterState, ActionTesterParams> = {
   state: {
@@ -124,3 +126,28 @@ export const ErrorCounter: ModelType<CounterState, CounterActionParams> = {
     }
   }
 }
+
+const delayMiddleware: Middleware = async (context, restMiddlewares) => {
+  await timeout(2000, {})
+  context.next(restMiddlewares)
+}
+
+const nextCounterModel: NextModelType<CounterState, NextCounterActionParams> = {
+  actions: {
+    add: num => {
+      return state => {
+        state.count += num
+      }
+    },
+    increment: async (num, { actions }) => {
+      actions.add(num)
+      await timeout(300, {})
+    }
+  },
+  middlewares: [delayMiddleware, ...actionMiddlewares],
+  state: {
+    count: 0
+  }
+}
+
+export const NextCounterModel = Model(nextCounterModel)

__test__/middlewares/model.spec.ts

@@ -0,0 +1,22 @@
+/// <reference path="../index.d.ts" />
+import 'react-testing-library/cleanup-after-each'
+process.env.NODE_ENV = 'production'
+import { testHook } from 'react-hooks-testing-library'
+import { NextCounterModel } from '..'
+import { Model } from '../../src'
+
+describe('NextModel', () => {
+  test("allows you to customize model's middleware", async () => {
+    let actions: any
+    let state: any
+    const { useStore, getActions } = Model({ NextCounterModel })
+    const beginTime = Date.now()
+    testHook(() => {
+      ;[state, actions] = useStore('NextCounterModel')
+    })
+    await actions.increment(2)
+    await getActions('NextCounterModel').increment(1)
+    expect(Date.now() - beginTime > 300)
+    expect(state.count).toBe(3)
+  })
+})

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-model",
-  "version": "2.7.1",
+  "version": "2.7.1-alpha.2",
   "description": "The State management library for React",
   "main": "./dist/react-model.js",
   "umd:main": "./dist/react-model.umd.js",
@@ -13,7 +13,12 @@
     "test": "jest --silent",
     "test:coverage": "jest --collect-coverage --silent"
   },
-  "keywords": ["react", "model", "state-management", "react-hooks"],
+  "keywords": [
+    "react",
+    "model",
+    "state-management",
+    "react-hooks"
+  ],
   "author": "ArrayZoneYour <hustliyidong@gmail.com>",
   "license": "MIT",
   "dependencies": {
@@ -44,7 +49,7 @@
     "remark-preset-lint-recommended": "^3.0.2",
     "ts-jest": "^24.0.0",
     "tslint": "^5.14.0",
-    "typescript": "^3.3.4000"
+    "typescript": "^3.4.5"
   },
   "husky": {
     "hooks": {

src/index.tsx

@@ -80,6 +80,7 @@ function Model<M extends Models, MT extends NextModelType>(
         }
         Global.Actions[name] = Global.Actions[model.__id]
         Global.AsyncState[name] = Global.AsyncState[model.__id]
+        Global.Middlewares[name] = Global.Middlewares[model.__id]
       }
     })