ember.js/smoke-tests/node-template/tests/node/fastboot-sandbox-test.js at 29a13205eb7af681116be45e2c5bf82bc62765db · emberjs/ember.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
const fs = require('fs');
const vm = require('vm');
const SimpleDOM = require('simple-dom');
const { emberPath, loadEmber, clearEmber } = require('./helpers/load-ember');

// This is based on what fastboot-server does
let HTMLSerializer = new SimpleDOM.HTMLSerializer(SimpleDOM.voidMap);

async function fastbootVisit(context, url) {
  let doc = new SimpleDOM.Document();
  let rootElement = doc.body;
  let options = { isBrowser: false, document: doc, rootElement: rootElement };

  let { app } = context;

  await app.boot();

  let instance = await app.buildInstance();

  try {
    await instance.boot(options);
    await instance.visit(url, options);

    return {
      url: instance.getURL(),
      title: doc.title,
      body: HTMLSerializer.serialize(rootElement),
    };
  } finally {
    instance.destroy();
  }
}

// essentially doing the same as what is done in FastBoot 3.1.0
// https://github.com/ember-fastboot/fastboot/blob/v3.1.0/src/sandbox.js
function buildSandboxContext(precompile) {
  let URL = require('url');

  let sandbox = {
    console,
    setTimeout,
    clearTimeout,
    URL,

    // Convince jQuery not to assume it's in a browser
    module: { exports: {}, require() {} },
  };

  // Set the global as `window`
  sandbox.window = sandbox;
  sandbox.window.self = sandbox;

  let context = vm.createContext(sandbox);

  let environmentSetupScript = new vm.Script(
    `
var EmberENV = {
  _DEFAULT_ASYNC_OBSERVERS: true,
  _JQUERY_INTEGRATION: false,
};`,
    { filename: 'prepend.js' }
  );
  environmentSetupScript.runInContext(context);

  let emberSource = fs.readFileSync(emberPath, { encoding: 'utf-8' });
  let emberScript = new vm.Script(emberSource, { filename: emberPath });
  emberScript.runInContext(context);

  let applicationSource = `
let Ember = module.exports;

class Router extends Ember.Router {}
Router.map(function() {
  this.route('a');
  this.route('b');
});

const registry = {
  'router:main': Router,
  'template:application': ${precompile('<h1>Hello world!</h1>\n{{outlet}}')}
};

class Resolver extends Ember.Object {
  resolve(specifier) {
    return registry[specifier];
  }
}

var app = class extends Ember.Application {}.create({
  autoboot: false,
  Resolver,
});
`;
  let appScript = new vm.Script(applicationSource, { filename: 'app.js' });
  appScript.runInContext(context);

  return context;
}

QUnit.module('Ember.Application - visit() Integration Tests', function (hooks) {
  hooks.beforeEach(function () {
    let { precompile } = loadEmber();
    this.context = buildSandboxContext(precompile);
  });

  hooks.afterEach(function () {
    clearEmber();
  });

  QUnit.test('FastBoot: basic', async function (assert) {
    let result = await fastbootVisit(this.context, '/');

    assert.equal(result.url, '/', 'landed on correct url');
    assert.equal(
      result.body,
      '<body><h1>Hello world!</h1>\n<!----></body>',
      'results in expected HTML'
    );
  });
});