nock server

Author: ryanto

addon-test-support/index.js

@@ -2,12 +2,54 @@ import { fetch } from 'whatwg-fetch';
 import { setupContext, teardownContext } from '@ember/test-helpers';
 import param from 'jquery-param';
 
+let cleanupMocks = function() {
+  return fetch('/__cleanup-mocks');
+};
+
+let createMock = async function(path, method, statusCode, response) {
+  return await fetch('/__mock-request', {
+    method: 'post',
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      path,
+      method,
+      statusCode,
+      response
+    }),
+  });
+}
+
+export let mockServer = {
+  async get(path, response, status = 200) {
+    return createMock(path, "GET", status, response);
+  },
+
+  async post(path, response, status = 200) {
+    return createMock(path, "POST", status, response);
+  },
+
+  async patch(path, response, status = 200) {
+    return createMock(path, "PATCH", status, response);
+  },
+
+  async put(path, response, status = 200) {
+    return createMock(path, "PUT", status, response);
+  },
+
+  async delete(path, response, status = 200) {
+    return createMock(path, "DELETE", status, response);
+  }
+};
+
 export function setup(hooks) {
   hooks.beforeEach(function() {
     return setupContext(this);
   });
 
-  hooks.afterEach(function() {
+  hooks.afterEach(async function() {
+    await cleanupMocks();
     return teardownContext(this);
   });
 }

blueprints/fastboot-test/files/tests/fastboot/__name__-test.js

@@ -1,5 +1,5 @@
 import { module, test } from 'qunit';
-import { setup, visit } from 'ember-cli-fastboot-testing/test-support';
+import { setup, visit, /* mockServer */ } from 'ember-cli-fastboot-testing/test-support';
 
 module('FastBoot | <%= dasherizedModuleName %> test', function(hooks) {
   setup(hooks);

index.js

@@ -3,6 +3,8 @@
 let FastBoot = require('fastboot');
 let url = require('url');
 let resolve = require('resolve');
+let nock = require('nock');
+let bodyParser = require('body-parser')
 
 module.exports = {
   name: 'ember-cli-fastboot-testing',
@@ -39,6 +41,23 @@ module.exports = {
   },
 
   _fastbootRenderingMiddleware(app) {
+
+    app.use(bodyParser.json());
+    app.post('/__mock-request', (req, res) => {
+      let mock = nock(req.headers.origin)
+        .persist()
+        .intercept(req.body.path, req.body.method)
+        .reply(req.body.statusCode, req.body.response);
+
+      res.json({ mocks: mock.pendingMocks() });
+    });
+
+    app.use('/__cleanup-mocks', (req, res) => {
+      nock.cleanAll()
+
+      res.json({ ok: true });
+    });
+
     app.use('/__fastboot-testing', (req, res) => {
       let urlToVisit = decodeURIComponent(req.query.url);
       let parsed = url.parse(urlToVisit, true);

package.json

@@ -21,11 +21,13 @@
     "test:all": "ember try:each"
   },
   "dependencies": {
+    "body-parser": "^1.18.3",
     "ember-auto-import": "^1.2.15",
     "ember-cli-babel": "^6.6.0",
     "fastboot": "1.2.* || 2.*",
     "jquery-param": "^1.0.1",
     "resolve": "^1.10.0",
+    "nock": "^10.0.6",
     "whatwg-fetch": "^3.0.0"
   },
   "devDependencies": {
@@ -53,7 +55,7 @@
     "ember-cli-uglify": "^2.0.0",
     "ember-disable-prototype-extensions": "^1.1.2",
     "ember-export-application-global": "^2.0.0",
-    "ember-fetch": "^6.4.0",
+    "ember-fetch": "^6.5.0",
     "ember-load-initializers": "^1.1.0",
     "ember-maybe-import-regenerator": "^0.1.6",
     "ember-resolver": "^4.0.0",

tests/dummy/app/router.js

@@ -27,6 +27,9 @@ Router.map(function() {
 
     this.route('request-object');
 
+    this.route('load-data');
+    this.route('load-data-post');
+
     this.route('errors', function() {
       this.route('throw-message');
       this.route('throw-error-object');

tests/dummy/app/routes/load-data-post.js

@@ -0,0 +1,11 @@
+import Route from '@ember/routing/route';
+import fetch from 'fetch';
+
+export default Route.extend({
+
+  async model() {
+    let response = await fetch('/api/posts', { method: 'post' });
+    return await response.json();
+  }
+
+});

tests/dummy/app/routes/load-data.js

@@ -0,0 +1,11 @@
+import Route from '@ember/routing/route';
+import fetch from 'fetch';
+
+export default Route.extend({
+
+  async model() {
+    let response = await fetch('/api/posts');
+    return await response.json();
+  }
+
+});

tests/dummy/app/templates/load-data-post.hbs

@@ -0,0 +1,10 @@
+The data loaded from the server is:
+
+{{#each model as |post|}}
+  <div data-test-id="title-{{post.id}}">
+    {{post.title}}
+  </div>
+{{/each}}
+
+
+model: {{model}}

tests/dummy/app/templates/load-data.hbs

@@ -0,0 +1,10 @@
+The data loaded from the server is:
+
+{{#each model as |post|}}
+  <div data-test-id="title-{{post.id}}">
+    {{post.title}}
+  </div>
+{{/each}}
+
+
+model: {{model}}

tests/fastboot/mock-test.js

@@ -0,0 +1,36 @@
+import { module, test } from 'qunit';
+import { setup, visit, mockServer } from 'ember-cli-fastboot-testing/test-support';
+
+module('Fastboot | mock', function(hooks) {
+  setup(hooks);
+
+  hooks.beforeEach(async function() {
+    await mockServer.get('/api/')
+
+  });
+
+  test('it can mock a get request', async function(assert) {
+    await mockServer.get('/api/posts', [
+      { id: 1, title: 'test post'},
+      { id: 2, title: 'test 2'},
+    ]);
+
+    await visit('/load-data');
+
+    await this.pauseTest();
+
+    assert.dom('[data-test-id="title-1"]').hasText("test post")
+  });
+
+  test('it can mock a post request', async function(assert) {
+    await mockServer.post('/api/posts', [
+      { id: 1, title: 'post post'},
+    ]);
+
+    await visit('/load-data-post');
+
+    assert.dom('[data-test-id="title-1"]').hasText("post post")
+  });
+
+  test('')
+});