Add the nock proxy

Author: CvX

addon-test-support/index.js

@@ -2,6 +2,7 @@ import { fetch } from 'whatwg-fetch';
 import { setupContext, teardownContext } from '@ember/test-helpers';
 import { mockServer } from './-private/mock-server';
 import param from 'jquery-param';
+import * as Comlink from 'comlink';
 
 export function setup(hooks) {
   hooks.beforeEach(async function() {
@@ -39,6 +40,35 @@ export async function visit(url, options = {}) {
 
 export { mockServer };
 
+export const nock = Comlink.wrapChain({
+  listeners: [],
+
+  async postMessage(message) {
+    let response = await fetch('/__nock-proxy', {
+      method: 'post',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(message),
+    });
+
+    let result = await response.json();
+
+    for (let listener of this.listeners) {
+      listener({ data: result });
+    }
+  },
+
+  addEventListener(type, listener) {
+    this.listeners.push(listener);
+  },
+
+  removeEventListener(type, listener) {
+    let index = this.listeners.indexOf(listener);
+    this.listeners.splice(index, 1);
+  },
+});
+
 // private
 
 let fetchFromEmberCli = async function(url, headers) {

index.js

@@ -4,7 +4,46 @@ let FastBoot = require('fastboot');
 let url = require('url');
 let resolve = require('resolve');
 let nock = require('nock');
-let bodyParser = require('body-parser')
+let bodyParser = require('body-parser');
+let Comlink = require('comlink');
+
+let nockInterface = {
+  listeners: [],
+  lastMessage: null,
+
+  dispatchEvent(message) {
+    let listener = this.listeners[0];
+    return listener({ data: message });
+  },
+
+  postMessage(message) {
+    this.lastMessage = message;
+  },
+
+  addEventListener(type, listener) {
+    this.listeners.push(listener);
+  },
+
+  removeEventListener(type, listener) {
+    let index = this.listeners.indexOf(listener);
+    this.listeners.splice(index, 1);
+  },
+}
+
+Comlink.expose(nock, nockInterface);
+
+let getCircularReplacer = () => {
+  let seen = new WeakSet();
+  return (key, value) => {
+    if (typeof value === "object" && value !== null) {
+      if (seen.has(value)) {
+        return;
+      }
+      seen.add(value);
+    }
+    return value;
+  };
+}
 
 module.exports = {
   name: 'ember-cli-fastboot-testing',
@@ -41,6 +80,16 @@ module.exports = {
   },
 
   _fastbootRenderingMiddleware(app) {
+    app.post('/__nock-proxy', bodyParser.json(), (req, res) => {
+      nockInterface.dispatchEvent(req.body).then(() => {
+        let body = JSON.stringify(
+          nockInterface.lastMessage,
+          getCircularReplacer()
+        );
+
+        res.send(body);
+      });
+    });
 
     app.post('/__mock-request', bodyParser.json(), (req, res) => {
       let mock = nock(req.headers.origin)

package.json

@@ -22,6 +22,7 @@
   },
   "dependencies": {
     "body-parser": "^1.18.3",
+    "comlink": "^4.0.1",
     "ember-auto-import": "^1.2.15",
     "ember-cli-babel": "^6.6.0",
     "fastboot": "^1.2.1",

tests/fastboot/network-mocking-test.js

@@ -69,7 +69,7 @@ module('Fastboot | network mocking', function(hooks) {
 
   test('it can mock a get request', async function(assert) {
     await mockServer.get('/api/notes', [
-      { id: 1, title: 'get note'},
+      { id: 1, title: 'get note' },
     ]);
 
     await visit('/examples/network/other/get-request');
@@ -79,7 +79,7 @@ module('Fastboot | network mocking', function(hooks) {
 
   test('it can mock a post request', async function(assert) {
     await mockServer.post('/api/notes', [
-      { id: 1, title: 'post note'},
+      { id: 1, title: 'post note' },
     ]);
 
     await visit('/examples/network/other/post-request');

tests/fastboot/nock-proxy-test.js

@@ -0,0 +1,95 @@
+import { module, test } from 'qunit';
+import { setup, visit, nock } from 'ember-cli-fastboot-testing/test-support';
+
+module('Fastboot | nock proxy', function(hooks) {
+  setup(hooks);
+
+  test('it will not change an endpoint that already exists', async function(assert) {
+    await visit('/examples/network/other/echo?message=hello%20world');
+    assert.dom('[data-test-id="echo"]').hasText("hello world");
+  });
+
+  test('it can mock an array of models', async function(assert) {
+    await nock('http://localhost:7357')
+      .intercept('/api/notes', 'GET')
+      .reply(200, {
+        data: [
+          {
+            type: 'note',
+            id: '1',
+            attributes: {
+              title: 'test note'
+            }
+          },
+          {
+            type: 'note',
+            id: '2',
+            attributes: {
+              title: 'test 2'
+            }
+          }
+        ]
+      });
+
+    await visit('/examples/network/notes');
+
+    assert.dom('[data-test-id="title-1"]').hasText("test note")
+    assert.dom('[data-test-id="title-2"]').hasText("test 2")
+  });
+
+  test('it can mock a single model', async function(assert) {
+    await nock('http://localhost:7357')
+      .intercept('/api/notes/1', 'GET')
+      .reply(200, {
+        data: {
+          type: "notes",
+          id: "1",
+          attributes: {
+            title: 'test note'
+          }
+        }
+      });
+
+    await visit('/examples/network/notes/1');
+
+    assert.dom('[data-test-id="title"]').hasText("test note");
+  });
+
+  test('it can mock 404s', async function(assert) {
+    await nock('http://localhost:7357')
+      .intercept('/api/notes/1', 'GET')
+      .reply(404, {
+        errors: [
+          { title: "Not found" }
+        ]
+      });
+
+    await visit('/examples/network/notes/1');
+
+    assert.dom().includesText('Ember Data Request GET /api/notes/1 returned a 404');
+  });
+
+  test('it can mock a get request', async function(assert) {
+    await nock('http://localhost:7357')
+      .intercept('/api/notes', 'GET')
+      .reply(200, [
+        { id: 1, title: 'get note' },
+      ]);
+
+    await visit('/examples/network/other/get-request');
+
+    assert.dom('[data-test-id="title-1"]').hasText("get note")
+  });
+
+  test('it can mock a post request', async function(assert) {
+    await nock('http://localhost:7357')
+      .intercept('/api/notes', 'POST')
+      .reply(200, [
+        { id: 1, title: 'post note' },
+      ]);
+
+    await visit('/examples/network/other/post-request');
+
+    assert.dom('[data-test-id="title-1"]').hasText("post note")
+  });
+});

yarn.lock

@@ -3760,6 +3760,11 @@ combined-stream@~0.0.4:
   dependencies:
     delayed-stream "0.0.5"
 
+comlink@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/comlink/-/comlink-4.0.1.tgz#b20d0fca012ef80cf7eae89b76e4b43b2a1a0e6d"
+  integrity sha512-xEI50m6xEff5aZ29Epd+eNP+Plq2xTcUXGDJeWNqptudNB0hr59NV2KIi1xz6igb/Y2azKKSAj4ehI3wgGbREw==
+
 commander@2.12.2:
   version "2.12.2"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.12.2.tgz#0f5946c427ed9ec0d91a46bb9def53e54650e555"