Support Rest API

* Add rest api example
* Add unit test

Author: WhatAKitty

__mocks__/index.js

@@ -63,5 +63,12 @@ export default {
     return Promise.resolve({
       data: filtered,
     });
+  },
+  '/api/users/{userId}': ({ urlparams }) => {
+    return Promise.resolve({
+      data: {
+        userId: urlparams.userId,
+      },
+    });
   }
 }

src/index.js

@@ -1,4 +1,4 @@
-import { parseRequest } from './util';
+import { parseRequest, matchUrl } from './util';
 
 class FetchMock {
   constructor(required) {
@@ -9,6 +9,7 @@ class FetchMock {
     this.urls = [];
     this.loadMocks = this.loadMocks.bind(this);
     this.loadMock = this.loadMock.bind(this);
+    this.matchReqUrl = this.matchReqUrl.bind(this);
     this.fetch = this.fetch.bind(this);
 
     this.loadMocks(required);
@@ -38,11 +39,26 @@ class FetchMock {
     });
   }
 
-  fetch(url, options) {
-    const request = parseRequest(url, options);
-    const filters = this.urls.filter(uri => uri.url === request.url);
+  matchReqUrl(request) {
+    let insideParams;
+    const filters = this.urls.filter(uri => {
+      const obj = matchUrl(uri.url, request.url);
+      if (obj.result) {
+        insideParams = obj.params;
+        return true;
+      }
+      return false;
+    });
     if (!filters || filters.length == 0) throw new Error(`No url ${url} is defined.`);
-    const mock = filters[0];
+    request.urlparams = insideParams;
+    return {
+      request,
+      mock: filters[0],
+    };
+  }
+
+  fetch(url, options) {
+    const { request, mock } = this.matchReqUrl(parseRequest(url, options));
     if ('function' !== typeof mock.func) {
       throw new Error('There is no url defined in __mocks__');
     }

src/util.js

@@ -1,4 +1,13 @@
 
+const removeProctol = (url) => {
+  let index = -1;
+  if ((index = url.indexOf('://')) > -1) {
+    // contains proctol
+    return url.substring(index);
+  }
+  return url;
+}
+
 const parseParamStr = (paramStr, isGet) => {
   let params = {};
   const paramPairs = paramStr.split('&');
@@ -60,8 +69,56 @@ const prueUrl = (url) => {
   return result;
 }
 
+const matchUrl = (sourceUrl, targetUrl) => {
+  if (sourceUrl === targetUrl) {
+    return {
+      result: true,
+      params: {},
+    };
+  }
+  const sourceUrlWithoutProctol = removeProctol(sourceUrl);
+  const targetUrlWithoutProctol = removeProctol(targetUrl);
+  const sourceUrlSplits = sourceUrlWithoutProctol.split('/');
+  const targetUrlSplits = targetUrlWithoutProctol.split('/');
+  
+  if (sourceUrlSplits.length !== targetUrlSplits.length) {
+    return {
+      result: false,
+    }
+  }
+
+  let params = {};
+  for (let i = 0; i < sourceUrlSplits.length; i++) {
+    const sourceUrlSplit = sourceUrlSplits[i];
+    const targetUrlSplit = targetUrlSplits[i];
+    if (sourceUrlSplit === targetUrlSplit) {
+      continue;
+    }
+
+    if (sourceUrlSplit.startsWith('{') && sourceUrlSplit.endsWith('}')) {
+      if (sourceUrlSplit.replace(/[^{]/g,'').length > 1 || sourceUrlSplit.replace(/[^}]/g,'').length > 1) {
+        return {
+          result: false,
+        }
+      }
+      // contains url parameter
+      params[sourceUrlSplit.substring(1, sourceUrlSplit.length - 1)] = targetUrlSplit;
+      continue;
+    }
+    return {
+      result: false,
+    };
+  }
+
+  return {
+    result: true,
+    params,
+  }
+}
+
 export {
   prueUrl,
   parseUrl,
   parseRequest,
+  matchUrl,
 }

test/index.test.js

@@ -44,6 +44,13 @@ describe('test fetch mock', () => {
     expect(data).to.have.length(1);
   });
 
+  it('fetch /api/users/{userId}', async () => {
+    const { data } = await fetch('/api/users/123');
+    expect(data).not.to.be(undefined);
+    expect(data).not.to.be.empty();
+    expect(data).to.be.property('userId', '123');
+  });
+
   it('fetch /api/users/mockjs with mockjs', async () => {
     const { data } = await fetch('/api/users/mockjs');
     expect(data).not.to.be(undefined);

test/util.test.js

@@ -1,6 +1,6 @@
 import 'babel-polyfill';
 import expect from 'expect.js';
-import { prueUrl, parseUrl, parseRequest } from '../src/util';
+import { prueUrl, parseUrl, parseRequest, matchUrl } from '../src/util';
 
 describe('test util methods', () => {
   it('get prue url', async () => {
@@ -66,4 +66,42 @@ describe('test util methods', () => {
       },
     });
   });
+  it('match url', async () => {
+    expect(matchUrl('http://www.baidu.com', 'http://www.baidu.com')).to.ok();
+  });
+  it('match url with inside parameter', async () => {
+    expect(matchUrl('http://www.baidu.com/{id}', 'http://www.baidu.com/123')).to.be.eql({
+      result: true,
+      params: {
+        id: '123',
+      },
+    });
+    expect(matchUrl('http://www.baidu.com/{id}/do', 'http://www.baidu.com/123/do')).to.be.eql({
+      result: true,
+      params: {
+        id: '123',
+      },
+    });
+    expect(matchUrl('http://www.baidu.com/{id}/do/{name}', 'http://www.baidu.com/123/do/hello')).to.be.eql({
+      result: true,
+      params: {
+        id: '123',
+        name: 'hello',
+      },
+    });
+  });
+  it('match error url with inside parameter', async () => {
+    expect(matchUrl('http://www.baidu.com/{id}{name}/do', 'http://www.baidu.com/123/do')).to.be.eql({
+      result: false,
+    });
+    expect(matchUrl('http://www.baidu.com/{id}{name/do', 'http://www.baidu.com/123/do')).to.be.eql({
+      result: false,
+    });
+    expect(matchUrl('http://www.baidu.com/{id}name}/do', 'http://www.baidu.com/123/do')).to.be.eql({
+      result: false,
+    });
+    expect(matchUrl('http://www.baidu.com/{id}/do', 'http://www.baidu.com/123')).to.be.eql({
+      result: false,
+    });
+  });
 });