Display FastBoot errors in the testing container.

This will give ECFT users faster feedback as to why their pages arent rendering.

Author: ryanto

addon-test-support/index.js

@@ -17,10 +17,12 @@ export async function fastboot(url, { headers = {} }) {
   let response = await fetch(endpoint);
   let result = await response.json();
 
-  let body = extractBody(result.html);
+  let body = result.err ?
+    formatError(result.err) :
+    extractBody(result.html);
 
-  result.body = body;
   result.htmlDocument = parseHtml(result.html)
+  result.body = body;
 
   return result;
 }
@@ -58,3 +60,7 @@ export function extractBody(html) {
 
   return html.substr(startAt, endAt);
 }
+
+let formatError = function(err) {
+  return `<pre>${err.stack}</pre>`;
+};

index.js

@@ -65,6 +65,31 @@ module.exports = {
               html: html
             });
           });
+        })
+        .catch(err => {
+          let errorObject;
+          let jsonError = {};
+
+          errorObject = (typeof err === 'string') ?
+            new Error(err) :
+            err;
+
+          // we need to copy these properties off the error
+          // object into a pojo that can be serialized and
+          // sent over the wire to the test runner.
+          let errorProps = [
+            'description',
+            'fileName',
+            'lineNumber',
+            'message',
+            'name',
+            'number',
+            'stack'
+          ];
+
+          errorProps.forEach(key => jsonError[key] = errorObject[key]);
+
+          res.json({ err: jsonError });
         });
     });
   },

tests/dummy/app/pods/examples/errors/access-document/route.js

@@ -0,0 +1,9 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+
+  model() {
+    return document.title;
+  }
+
+});

tests/dummy/app/pods/examples/errors/throw-error-object/route.js

@@ -0,0 +1,9 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+
+  model() {
+    throw new Error("This errors in FastBoot!");
+  }
+
+});

tests/dummy/app/pods/examples/errors/throw-message/route.js

@@ -0,0 +1,9 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+
+  model() {
+    throw "This errors in FastBoot!";
+  }
+
+});

tests/dummy/app/router.js

@@ -27,6 +27,12 @@ Router.map(function() {
 
     this.route('request-object');
 
+    this.route('errors', function() {
+      this.route('throw-message');
+      this.route('throw-error-object');
+      this.route('access-document');
+    });
+
     this.route('not-found', { path: '/*path' });
   });
 

tests/fastboot/errors-test.js

@@ -0,0 +1,24 @@
+import { module, test } from 'qunit';
+import { setup, visit } from 'ember-cli-fastboot-testing/test-support';
+
+module('Fastboot | errors', function(hooks) {
+  setup(hooks);
+
+  test('it displays fastboot errors', async function(assert) {
+    await visit('/examples/errors/throw-message');
+
+    assert.dom().includesText('This errors in FastBoot!');
+  });
+
+  test('it displays fastboot error objects', async function(assert) {
+    await visit('/examples/errors/throw-error-object');
+
+    assert.dom().includesText('This errors in FastBoot!');
+  });
+
+  test('it displays fastboot errors like trying to access document', async function(assert) {
+    await visit('/examples/errors/access-document');
+
+    assert.dom().includesText('ReferenceError: document is not defined');
+  });
+});