Support delay mock

Author: WhatAKitty

README.md

@@ -14,6 +14,7 @@ So, I create one by myself.
 - [x] Combined with Mock.js
 - [x] Support exclude for some other path
 - [x] Proxy for other api server
+- [x] Delay for global and specific path
 - [ ] Support RAP system
 
 ## Usage
@@ -61,6 +62,7 @@ import FetchMock from 'react-native-fetch-mock';
 
 if (__dev__) {
   global.fetch = new FetchMock(require('path/to/mocks/directory'), {
+    delay: 200, // 200ms
     fetch: global.fetch,
     exclude: [
       'http://www.google.com',
@@ -79,6 +81,7 @@ if (__dev__) {
 // if __dev__ is true, it will back the data you defined in mock directory
 fetch('/api/path', options);
 fetch('/api/path', {
+  delay: 2000,      // /api/path will delayed after 2000ms. Most of suitation, this won't be used usually.
   method: 'POST',
   headers: {
     'Content-Type': 'application/json',

dist/index.js

@@ -142,4 +142,7 @@ Object.defineProperty(exports,"__esModule",{value:true});exports.Mock=undefined;
 
 
 
-default;}});var _pathToRegexp=require('path-to-regexp');var _pathToRegexp2=_interopRequireDefault(_pathToRegexp);var _util=require('./util');var _response=require('./response');var _response2=_interopRequireDefault(_response);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}var FetchMock=function(){function FetchMock(required){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{fetch:function fetch(){},exclude:[],proxy:[]};_classCallCheck(this,FetchMock);if('object'!==typeof required){throw new Error('There is no required defined.');}this.urls=[];this.raw=options.fetch;this.exclude=options.exclude||[];this.proxy=options.proxy||[];this.loadMocks=this.loadMocks.bind(this);this.loadMock=this.loadMock.bind(this);this.matchReqUrl=this.matchReqUrl.bind(this);this.isExclude=this.isExclude.bind(this);this.isProxied=this.isProxied.bind(this);this.fetch=this.fetch.bind(this);this.loadMocks(required);}_createClass(FetchMock,[{key:'loadMocks',value:function loadMocks(required){var _this=this;var __mocks__=required.default||required;var mocks=Object.keys(__mocks__);mocks.forEach(function(key){_this.loadMock(key,__mocks__[key]);});}},{key:'loadMock',value:function loadMock(key,mock){var _this2=this;if('object'!==typeof mock){if('function'===typeof mock){var items=key.split(' ');var method=items.length===2?items[0]:'GET';var url=items.length===2?items[1]:key;this.urls.push({method:method,url:url,func:mock});}return;}var keys=Object.keys(mock);keys.map(function(key){_this2.loadMock(key,mock[key]);});}},{key:'matchReqUrl',value:function matchReqUrl(request){var insideParams=void 0;var filters=this.urls.filter(function(uri){var obj=(0,_util.matchUrl)(uri.url,request.url);if(obj.result&&uri.method.toUpperCase()===request.method.toUpperCase()){insideParams=obj.params;return true;}return false;});if(!filters||filters.length==0)throw new Error('No url '+request.url+' is defined.');request.urlparams=insideParams;return{request:request,mock:filters[0]};}},{key:'isExclude',value:function isExclude(url){for(var i=0;i<this.exclude.length;i++){var excludeUrl=this.exclude[i];if(excludeUrl===url||(0,_pathToRegexp2.default)(''+excludeUrl).exec(url)!==null){return true;}}return false;}},{key:'isProxied',value:function isProxied(url){if(this.proxy.length===0)return false;var proxied=this.proxy.filter(function(item){return(0,_pathToRegexp2.default)(''+item.path).exec(url)!==null;});if(proxied.length>1)throw new Error(url+' proxied has two proxies, you should specific only one');return proxied[0];}},{key:'proxied',value:function proxied(url){var matches=void 0,proxied=void 0;this.proxy.forEach(function(item){var tmp=(0,_pathToRegexp2.default)(item.path).exec(url);if(tmp.length>1){matches=tmp;proxied=item;return false;}});return proxied.process?proxied.process(proxied,matches):proxied.target+'/'+matches[1];}},{key:'fetch',value:function fetch(url,options){if(this.isProxied(url)){url=this.proxied(url);}if(this.isExclude(url)){return this.raw(url,options);}var _matchReqUrl=this.matchReqUrl((0,_util.parseRequest)(url,options)),request=_matchReqUrl.request,mock=_matchReqUrl.mock;if('function'!==typeof mock.func){throw new Error('There is no url defined in __mocks__');}var obj=mock.func(request);if((0,_util.isNull)(obj)){throw'response data should not be undefined or null, it will be an object or an array at least';}if((0,_util.isNull)(obj.status)){obj={status:200,data:obj};}var response=new _response2.default(obj);return Promise.resolve(response);}}]);return FetchMock;}();exports.default=FetchMock;
+
+
+
+default;}});var _pathToRegexp=require('path-to-regexp');var _pathToRegexp2=_interopRequireDefault(_pathToRegexp);var _util=require('./util');var _response=require('./response');var _response2=_interopRequireDefault(_response);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}var FetchMock=function(){function FetchMock(required){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{fetch:function fetch(){},exclude:[],proxy:[],delay:2000};_classCallCheck(this,FetchMock);if('object'!==typeof required){throw new Error('There is no required defined.');}this.urls=[];this.raw=options.fetch;this.exclude=options.exclude||[];this.proxy=options.proxy||[];this.delayTime=options.delay;this.loadMocks=this.loadMocks.bind(this);this.loadMock=this.loadMock.bind(this);this.matchReqUrl=this.matchReqUrl.bind(this);this.isExclude=this.isExclude.bind(this);this.isProxied=this.isProxied.bind(this);this.fetch=this.fetch.bind(this);this.loadMocks(required);}_createClass(FetchMock,[{key:'loadMocks',value:function loadMocks(required){var _this=this;var __mocks__=required.default||required;var mocks=Object.keys(__mocks__);mocks.forEach(function(key){_this.loadMock(key,__mocks__[key]);});}},{key:'loadMock',value:function loadMock(key,mock){var _this2=this;if('object'!==typeof mock){if('function'===typeof mock){var items=key.split(' ');var method=items.length===2?items[0]:'GET';var url=items.length===2?items[1]:key;this.urls.push({method:method,url:url,func:mock});}return;}var keys=Object.keys(mock);keys.map(function(key){_this2.loadMock(key,mock[key]);});}},{key:'matchReqUrl',value:function matchReqUrl(request){var insideParams=void 0;var filters=this.urls.filter(function(uri){var obj=(0,_util.matchUrl)(uri.url,request.url);if(obj.result&&uri.method.toUpperCase()===request.method.toUpperCase()){insideParams=obj.params;return true;}return false;});if(!filters||filters.length==0)throw new Error('No url '+request.url+' is defined.');request.urlparams=insideParams;return{request:request,mock:filters[0]};}},{key:'isExclude',value:function isExclude(url){for(var i=0;i<this.exclude.length;i++){var excludeUrl=this.exclude[i];if(excludeUrl===url||(0,_pathToRegexp2.default)(''+excludeUrl).exec(url)!==null){return true;}}return false;}},{key:'isProxied',value:function isProxied(url){if(this.proxy.length===0)return false;var proxied=this.proxy.filter(function(item){return(0,_pathToRegexp2.default)(''+item.path).exec(url)!==null;});if(proxied.length>1)throw new Error(url+' proxied has two proxies, you should specific only one');return proxied[0];}},{key:'proxied',value:function proxied(url){var matches=void 0,proxied=void 0;this.proxy.forEach(function(item){var tmp=(0,_pathToRegexp2.default)(item.path).exec(url);if(tmp.length>1){matches=tmp;proxied=item;return false;}});return proxied.process?proxied.process(proxied,matches):proxied.target+'/'+matches[1];}},{key:'fetch',value:function fetch(url){var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};if(this.isProxied(url)){url=this.proxied(url);}if(this.isExclude(url)){return this.raw(url,options);}var _matchReqUrl=this.matchReqUrl((0,_util.parseRequest)(url,options)),request=_matchReqUrl.request,mock=_matchReqUrl.mock;if('function'!==typeof mock.func){throw new Error('There is no url defined in __mocks__');}var obj=mock.func(request);if((0,_util.isNull)(obj)){throw'response data should not be undefined or null, it will be an object or an array at least';}if((0,_util.isNull)(obj.status)){obj={status:200,data:obj};}var response=new _response2.default(obj);var delayTime=options.delay||this.delayTime||0;return(0,_util.delay)(delayTime).then(function(){return Promise.resolve(response);});}}]);return FetchMock;}();exports.default=FetchMock;

dist/util.js

@@ -121,11 +121,20 @@ return{
 result:true,
 params:params};
 
+};
+
+var delay=function delay(duration){
+return new Promise(function(resolve){
+setTimeout(function(){
+resolve();
+},duration);
+});
 };exports.
 
 
 isNull=isNull;exports.
 prueUrl=prueUrl;exports.
 parseUrl=parseUrl;exports.
 parseRequest=parseRequest;exports.
-matchUrl=matchUrl;
+matchUrl=matchUrl;exports.
+delay=delay;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-fetch-mock",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "description": "fetch mock for react-native",
   "main": "index.js",
   "scripts": {

src/index.js

@@ -1,12 +1,13 @@
 import pathToRegexp from 'path-to-regexp';
-import { parseRequest, matchUrl, isNull } from './util';
+import { parseRequest, matchUrl, isNull, delay } from './util';
 import Response from './response';
 
 class FetchMock {
   constructor(required, options = {
     fetch: () => {},
     exclude: [],
     proxy: [],
+    delay: 2000,  // ms
   }) {
     if ('object' !== typeof required) {
       throw new Error('There is no required defined.');
@@ -16,6 +17,7 @@ class FetchMock {
     this.raw = options.fetch;
     this.exclude = options.exclude || [];
     this.proxy = options.proxy || [];
+    this.delayTime = options.delay;
 
     this.loadMocks = this.loadMocks.bind(this);
     this.loadMock = this.loadMock.bind(this);
@@ -106,7 +108,7 @@ class FetchMock {
     return proxied.process ? proxied.process(proxied, matches) : `${proxied.target}/${matches[1]}`;
   }
 
-  fetch(url, options) {
+  fetch(url, options = {}) {
     // using proxy
     if (this.isProxied(url)) {
       url = this.proxied(url);
@@ -137,7 +139,8 @@ class FetchMock {
     }
 
     const response = new Response(obj);
-    return Promise.resolve(response);
+    const delayTime = options.delay || this.delayTime || 0;
+    return delay(delayTime).then(() => Promise.resolve(response));
   }
 }
 

src/util.js

@@ -87,7 +87,7 @@ const matchUrl = (sourceUrl, targetUrl) => {
   const targetUrlWithoutProctol = removeProctol(targetUrl);
   const sourceUrlSplits = sourceUrlWithoutProctol.split('/');
   const targetUrlSplits = targetUrlWithoutProctol.split('/');
-  
+
   if (sourceUrlSplits.length !== targetUrlSplits.length) {
     return {
       result: false,
@@ -103,7 +103,7 @@ const matchUrl = (sourceUrl, targetUrl) => {
     }
 
     if (sourceUrlSplit.startsWith('{') && sourceUrlSplit.endsWith('}')) {
-      if (sourceUrlSplit.replace(/[^{]/g,'').length > 1 || sourceUrlSplit.replace(/[^}]/g,'').length > 1) {
+      if (sourceUrlSplit.replace(/[^{]/g, '').length > 1 || sourceUrlSplit.replace(/[^}]/g, '').length > 1) {
         return {
           result: false,
         };
@@ -123,10 +123,19 @@ const matchUrl = (sourceUrl, targetUrl) => {
   };
 };
 
+const delay = (duration) => {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      resolve();
+    }, duration);
+  });
+};
+
 export {
   isNull,
   prueUrl,
   parseUrl,
   parseRequest,
   matchUrl,
+  delay,
 };

test/index.test.js

@@ -3,6 +3,7 @@ import expect from 'expect.js';
 import FetchMock, { Mock } from '../src';
 
 const fetch = new FetchMock(require('../__mocks__'), {
+  delay: 2000,   // delay 5s
   fetch: require('isomorphic-fetch'),
   exclude: [
     'https://www.amazon.com',
@@ -28,7 +29,7 @@ describe('test fetch mock', () => {
     expect(data).not.to.be.empty();
     expect(data).to.be.an('array');
     expect(data).to.have.length(2);
-  });
+  }).timeout(20000);
 
   it('fetch /api/users?a=b', async () => {
     const response = await fetch('/api/users');
@@ -39,7 +40,7 @@ describe('test fetch mock', () => {
     expect(data).not.to.be.empty();
     expect(data).to.be.an('array');
     expect(data).to.have.length(2);
-  });
+  }).timeout(20000);
 
   it('fetch /api/users with url parameters', async () => {
     const response = await fetch('/api/users?name=John');
@@ -50,7 +51,7 @@ describe('test fetch mock', () => {
     expect(data).not.to.be.empty();
     expect(data).to.be.an('array');
     expect(data).to.have.length(1);
-  });
+  }).timeout(20000);
 
   it('fetch /api/users with post parameters', async () => {
     const response = await fetch('/api/users', {
@@ -69,7 +70,7 @@ describe('test fetch mock', () => {
     expect(data).not.to.be.empty();
     expect(data).to.be.an('array');
     expect(data).to.have.length(1);
-  });
+  }).timeout(20000);
 
   it('fetch /api/users/{userId}', async () => {
     const response = await fetch('/api/users/123');
@@ -79,7 +80,7 @@ describe('test fetch mock', () => {
     expect(data).not.to.be(undefined);
     expect(data).not.to.be.empty();
     expect(data).to.be.property('userId', '123');
-  });
+  }).timeout(20000);
 
   it('fetch /api/users/mockjs with mockjs', async () => {
     const response = await fetch('/api/users/mockjs');
@@ -90,7 +91,7 @@ describe('test fetch mock', () => {
     expect(data).not.to.be.empty();
     expect(data).to.be.an('array');
     expect(data).to.have.length(2);
-  });
+  }).timeout(20000);
 
   it('fetch /api/users/mockjs with mockjs', async () => {
     const response = await fetch('/api/users/mockjs');
@@ -101,7 +102,7 @@ describe('test fetch mock', () => {
     expect(data).not.to.be.empty();
     expect(data).to.be.an('array');
     expect(data).to.have.length(2);
-  });
+  }).timeout(20000);
 
   it('fetch /api/users/{userid} with prue data response', async () => {
     const response = await fetch('/api/users/pru/121');
@@ -112,7 +113,7 @@ describe('test fetch mock', () => {
     expect(data).not.to.be.empty();
     expect(data).to.be.an('object');
     expect(data).to.be.property('userId', '121');
-  });
+  }).timeout(20000);
 
   it('fetch exclude path', async () => {
     const response = await fetch('https://www.amazon.com');
@@ -135,7 +136,7 @@ describe('test fetch mock', () => {
       }),
     });
     expect(status).to.be.eql(201);
-  });
+  }).timeout(20000);
 
   it('put /api/users/123', async () => {
     const response = await fetch('/api/users/123', {
@@ -154,7 +155,7 @@ describe('test fetch mock', () => {
     expect(data).not.to.be.empty();
     expect(data).to.be.an('object');
     expect(data.userId).to.be.eql(123);
-  });
+  }).timeout(20000);
 
   it('proxy other api server', async () => {
     const response = await fetch('/ip/?format=json');
@@ -165,5 +166,32 @@ describe('test fetch mock', () => {
     expect(data).not.to.be.empty();
     expect(data).to.be.an('object');
     expect(data.ip).to.be.an('string');
+  }).timeout(20000);
+
+  describe('test delay mock', () => {
+
+    it('global delay', async () => {
+      const start = new Date().getTime();
+      await fetch('/api/users');
+      expect(new Date().getTime() - start).to.greaterThan(2000);
+    }).timeout(20000);
+
+    it('method delay 30ms', async () => {
+      const start = new Date().getTime();
+      await fetch('/api/users', {
+        delay: 30,
+      });
+      expect(new Date().getTime() - start).to.greaterThan(30);
+    }).timeout(20000);
+
+    it('method delay 3000ms', async () => {
+      const start = new Date().getTime();
+      await fetch('/api/users', {
+        delay: 3000,
+      });
+      expect(new Date().getTime() - start).to.greaterThan(3000);
+    }).timeout(20000);
+
   });
+
 });

test/util.test.js

@@ -1,6 +1,6 @@
 import 'babel-polyfill';
 import expect from 'expect.js';
-import { prueUrl, parseUrl, parseRequest, matchUrl } from '../src/util';
+import { prueUrl, parseUrl, parseRequest, matchUrl, delay } from '../src/util';
 
 describe('test util methods', () => {
   it('get prue url', async () => {
@@ -104,4 +104,10 @@ describe('test util methods', () => {
       result: false,
     });
   });
+
+  it('delay 5000ms', async () => {
+    const start = new Date().getTime();
+    await delay(5000);
+    expect(new Date().getTime() - start).to.greaterThan(5000);
+  }).timeout(20000);
 });