Setup addon tests

xg-wang · xg-wang · commit 978f2d898854 · 2018-11-20T23:46:58.000-08:00
diff --git a/appveyor.yml b/appveyor.yml
@@ -7,7 +7,6 @@ init:
 # Test against these versions of Node.js.
 environment:
   matrix:
-    - nodejs_version: "4.8.4"
     - nodejs_version: "6.11.4"
 
 # Install scripts. (runs after repo cloning)
diff --git a/package.json b/package.json
@@ -36,9 +36,11 @@
   "devDependencies": {
     "broccoli-asset-rev": "^2.4.5",
     "broccoli-test-helper": "^1.2.0",
-    "chai": "^4.1.2",
+    "chai": "^4.2.0",
+    "chai-fs": "^2.0.0",
     "co": "^4.6.0",
     "ember-cli": "~3.5.1",
+    "ember-cli-addon-tests": "^0.11.0",
     "ember-cli-dependency-checker": "^3.0.0",
     "ember-cli-fastboot": "^2.0.0",
     "ember-cli-htmlbars": "^3.0.1",
@@ -58,6 +60,8 @@
     "eslint": "^5.9.0",
     "eslint-plugin-ember": "^6.0.1",
     "eslint-plugin-node": "^8.0.0",
+    "fs-extra": "^7.0.1",
+    "glob": "^7.1.3",
     "lerna-changelog": "^0.8.2",
     "loader.js": "^4.2.3",
     "mocha": "^5.2.0"
@@ -69,6 +73,7 @@
     "configPath": "tests/dummy/config",
     "fastbootDependencies": [
       "node-fetch",
+      "abortcontroller-polyfill",
       "abortcontroller-polyfill/dist/cjs-ponyfill"
     ]
   }
diff --git a/test/fastboot-build-test.js b/test/fastboot-build-test.js
@@ -0,0 +1,63 @@
+'use strict';
+const chai = require('chai');
+const expect = chai.expect;
+chai.use(require('chai-fs'));
+
+const glob = require('glob');
+
+const AddonTestApp = require('ember-cli-addon-tests').AddonTestApp;
+
+describe('it builds with ember-cli-fastboot', function() {
+  this.timeout(300000);
+
+  let app;
+
+  before(function() {
+    app = new AddonTestApp();
+
+    return app
+      .create('dummy', { skipNpm: true })
+      .then(app =>
+        app.editPackageJSON(pkg => {
+          pkg.devDependencies['ember-cli-fastboot'] = '*';
+        })
+      )
+      .then(() => app.run('npm', 'install'));
+  });
+
+  it('builds into dist/ember-fetch/fetch-fastboot.js', function() {
+    return app.runEmberCommand('build').then(function() {
+      expect(app.filePath('dist/index.html')).to.be.a.file();
+      expect(app.filePath('dist/ember-fetch/fetch-fastboot.js')).to.be.a.file();
+      expect(app.filePath('dist/assets/dummy-fastboot.js')).to.be.a.file();
+    });
+  });
+
+  it('produces a production build with --environment=production', function() {
+    return app
+      .runEmberCommand('build', '--environment=production')
+      .then(function() {
+        expect(app.filePath('dist/index.html')).to.be.a.file();
+        expect(find('dist/ember-fetch/fetch-fastboot-*.js')).to.be.a.file();
+        expect(find('dist/ember-fetch/fetch-fastboot-*.js')).to.match(
+          /fetch-fastboot-\w{32}/,
+          'file name should contain MD5 fingerprint'
+        );
+
+        expect(find('dist/assets/dummy-fastboot-*.js')).to.be.a.file();
+        expect(find('dist/assets/dummy-fastboot-*.js')).to.match(
+          /dummy-fastboot-\w{32}/,
+          'file name should contain MD5 fingerprint'
+        );
+      });
+  });
+
+  function find(globPath) {
+    globPath = app.filePath(globPath);
+    let files = glob.sync(globPath);
+
+    expect(files.length).to.equal(1, globPath);
+
+    return files[0];
+  }
+});
diff --git a/test/fastboot-test.js b/test/fastboot-test.js
@@ -0,0 +1,50 @@
+'use strict';
+const fs = require('fs-extra');
+const request = require('request');
+const get = require('rsvp').denodeify(request);
+const chai = require('chai');
+const expect = chai.expect;
+chai.use(require('chai-fs'));
+
+const AddonTestApp = require('ember-cli-addon-tests').AddonTestApp;
+
+describe('renders in fastboot build', function() {
+  this.timeout(300000);
+
+  let app;
+
+  before(function() {
+    app = new AddonTestApp();
+
+    return app
+      .create('dummy', { skipNpm: true })
+      .then(app =>
+        app.editPackageJSON(pkg => {
+          pkg.devDependencies['ember-cli-fastboot'] = '*';
+        })
+      )
+      .then(() => app.run('npm', 'install'))
+      .then(() =>
+        app.startServer({
+          command: 'serve'
+        })
+      );
+  });
+
+  after(function() {
+    return app.stopServer();
+  });
+
+  it('fetches in fastboot mode', function() {
+    let pkg = fs.readJsonSync(app.filePath('/dist/package.json'));
+    console.log(pkg);
+    return get({
+      url: 'http://localhost:49741/',
+      headers: {
+        Accept: 'text/html'
+      }
+    }).then(function(response) {
+      expect(response.body).to.contain('Hello World! fetch');
+    });
+  });
+});
diff --git a/test/fixtures/dummy/app/app.js b/test/fixtures/dummy/app/app.js
@@ -0,0 +1,14 @@
+import Application from '@ember/application';
+import Resolver from './resolver';
+import loadInitializers from 'ember-load-initializers';
+import config from './config/environment';
+
+const App = Application.extend({
+  modulePrefix: config.modulePrefix,
+  podModulePrefix: config.podModulePrefix,
+  Resolver
+});
+
+loadInitializers(App, config.modulePrefix);
+
+export default App;
diff --git a/test/fixtures/dummy/app/components/.gitkeep b/test/fixtures/dummy/app/components/.gitkeep
diff --git a/test/fixtures/dummy/app/controllers/.gitkeep b/test/fixtures/dummy/app/controllers/.gitkeep
diff --git a/test/fixtures/dummy/app/helpers/.gitkeep b/test/fixtures/dummy/app/helpers/.gitkeep
diff --git a/test/fixtures/dummy/app/index.html b/test/fixtures/dummy/app/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Dummy</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{content-for "head"}}
+
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css">
+    <link integrity="" rel="stylesheet" href="{{rootURL}}assets/dummy.css">
+
+    {{content-for "head-footer"}}
+  </head>
+  <body>
+    {{content-for "body"}}
+
+    <script src="{{rootURL}}assets/vendor.js"></script>
+    <script src="{{rootURL}}assets/dummy.js"></script>
+
+    {{content-for "body-footer"}}
+  </body>
+</html>
diff --git a/test/fixtures/dummy/app/models/.gitkeep b/test/fixtures/dummy/app/models/.gitkeep
diff --git a/test/fixtures/dummy/app/resolver.js b/test/fixtures/dummy/app/resolver.js
@@ -0,0 +1,3 @@
+import Resolver from 'ember-resolver';
+
+export default Resolver;
diff --git a/test/fixtures/dummy/app/router.js b/test/fixtures/dummy/app/router.js
@@ -0,0 +1,12 @@
+import EmberRouter from '@ember/routing/router';
+import config from './config/environment';
+
+const Router = EmberRouter.extend({
+  location: config.locationType,
+  rootURL: config.rootURL
+});
+
+Router.map(function() {
+});
+
+export default Router;
diff --git a/test/fixtures/dummy/app/routes/.gitkeep b/test/fixtures/dummy/app/routes/.gitkeep
diff --git a/test/fixtures/dummy/app/routes/index.js b/test/fixtures/dummy/app/routes/index.js
@@ -0,0 +1,15 @@
+import Route from '@ember/routing/route';
+import { hash } from 'rsvp';
+import fetch from 'fetch';
+import ajax from 'ember-fetch/ajax';
+
+export default Route.extend({
+  model: function() {
+    return hash({
+      fetch: fetch('/omg.json').then(function(request) {
+        return request.json();
+      }),
+      ajax: ajax('/omg.json')
+    });
+  }
+});
diff --git a/test/fixtures/dummy/app/styles/app.css b/test/fixtures/dummy/app/styles/app.css
diff --git a/test/fixtures/dummy/app/templates/application.hbs b/test/fixtures/dummy/app/templates/application.hbs
@@ -0,0 +1,3 @@
+<h2 id="title">Welcome to Ember</h2>
+
+{{outlet}}
diff --git a/test/fixtures/dummy/app/templates/components/.gitkeep b/test/fixtures/dummy/app/templates/components/.gitkeep
diff --git a/test/fixtures/dummy/app/templates/index.hbs b/test/fixtures/dummy/app/templates/index.hbs
@@ -0,0 +1,7 @@
+<div class="fetch">
+  Hello {{model.fetch.name}}! fetch
+</div>
+
+<div class="ajax">
+  Hello {{model.ajax.name}}! ajax
+</div>
diff --git a/test/fixtures/dummy/config/environment.js b/test/fixtures/dummy/config/environment.js
@@ -0,0 +1,55 @@
+'use strict';
+
+module.exports = function(environment) {
+  let ENV = {
+    modulePrefix: 'dummy',
+    environment,
+    rootURL: '/',
+    locationType: 'auto',
+    EmberENV: {
+      FEATURES: {
+        // Here you can enable experimental features on an ember canary build
+        // e.g. 'with-controller': true
+      },
+      EXTEND_PROTOTYPES: {
+        // Prevent Ember Data from overriding Date.parse.
+        Date: false
+      }
+    },
+
+    APP: {
+      // Here you can pass flags/options to your application instance
+      // when it is created
+    },
+
+    fastboot: {
+      hostWhitelist: [/^localhost:\d+$/]
+    }
+  };
+
+  if (environment === 'development') {
+    // ENV.APP.LOG_RESOLVER = true;
+    // ENV.APP.LOG_ACTIVE_GENERATION = true;
+    // ENV.APP.LOG_TRANSITIONS = true;
+    // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
+    // ENV.APP.LOG_VIEW_LOOKUPS = true;
+  }
+
+  if (environment === 'test') {
+    // Testem prefers this...
+    ENV.locationType = 'none';
+
+    // keep test console output quieter
+    ENV.APP.LOG_ACTIVE_GENERATION = false;
+    ENV.APP.LOG_VIEW_LOOKUPS = false;
+
+    ENV.APP.rootElement = '#ember-testing';
+    ENV.APP.autoboot = false;
+  }
+
+  if (environment === 'production') {
+    // here you can enable a production-specific feature
+  }
+
+  return ENV;
+};
diff --git a/test/fixtures/dummy/config/targets.js b/test/fixtures/dummy/config/targets.js
@@ -0,0 +1,18 @@
+'use strict';
+
+const browsers = [
+  'last 1 Chrome versions',
+  'last 1 Firefox versions',
+  'last 1 Safari versions'
+];
+
+const isCI = !!process.env.CI;
+const isProduction = process.env.EMBER_ENV === 'production';
+
+if (isCI || isProduction) {
+  browsers.push('ie 11');
+}
+
+module.exports = {
+  browsers
+};
diff --git a/test/fixtures/dummy/ember-cli-build.js b/test/fixtures/dummy/ember-cli-build.js
@@ -0,0 +1,12 @@
+'use strict';
+
+const EmberApp = require('ember-cli/lib/broccoli/ember-app');
+
+module.exports = function(defaults) {
+  let app = new EmberApp(defaults, {
+    // Add options here
+    'ember-fetch': {
+    }
+  });
+  return app.toTree();
+};
diff --git a/test/fixtures/dummy/public/omg.json b/test/fixtures/dummy/public/omg.json
@@ -0,0 +1,3 @@
+{
+  "name": "World"
+}
diff --git a/test/fixtures/dummy/public/robots.txt b/test/fixtures/dummy/public/robots.txt
@@ -0,0 +1,3 @@
+# http://www.robotstxt.org
+User-agent: *
+Disallow:
diff --git a/test/vendor-build-test.js b/test/vendor-build-test.js
@@ -0,0 +1,26 @@
+'use strict';
+const chai = require('chai');
+const expect = chai.expect;
+chai.use(require('chai-fs'));
+
+const AddonTestApp = require('ember-cli-addon-tests').AddonTestApp;
+
+describe('it builds vendor tree', function() {
+  this.timeout(300000);
+
+  let app;
+
+  before(function() {
+    app = new AddonTestApp();
+
+    return app.create('dummy').then(app => app.runEmberCommand('build'));
+  });
+
+  it('builds into dist/vendor.js', function() {
+    expect(app.filePath('dist/index.html')).to.be.a.file();
+    expect(app.filePath('dist/assets/vendor.js')).to.be.a.file();
+    expect(app.filePath('dist/assets/vendor.js')).to.have.content.that.match(
+      /define('fetch')/
+    );
+  });
+});
diff --git a/yarn.lock b/yarn.lock
