Serve fonts

Author: matthew-white

karma.conf.js

@@ -3,7 +3,14 @@ module.exports = function (config) {
   config.set({
     browsers: ['ChromeHeadless'],
     frameworks: ['browserify', 'mocha'],
-    files: ['test/setup.js', 'test/components/*/*.spec.js'],
+    files: [
+      'test/setup.js',
+      'test/components/*/*.spec.js',
+      { pattern: 'assets/fonts/icomoon.ttf', included: false, served: true }
+    ],
+    proxies: {
+      '/assets/': '/base/assets/'
+    },
     reporters: ['spec'],
     preprocessors: {
       'test/**/*.js': ['browserify']

package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "watchify -vd -p browserify-hmr -e lib/main.js -o dist/build.js",
     "lint": "eslint --ext .js,.vue lib test",
-    "test": "karma start --single-run --browsers ChromeHeadless karma.conf.js",
+    "test": "karma start",
     "build": "cross-env NODE_ENV=production browserify -g envify -p [ vueify/plugins/extract-css -o dist/build.css ] -e lib/main.js | uglifyjs -c warnings=false -m > dist/build.js"
   },
   "browserify": {

test/setup.js

@@ -12,7 +12,7 @@ except according to the terms contained in the LICENSE file.
 import Vue from 'vue';
 import 'should';
 
-import { MockLogger, mockRoute } from './util';
+import { MockLogger } from './util';
 import { setHttp } from './http';
 import '../lib/setup';
 
@@ -23,15 +23,7 @@ setHttp((...args) => {
   return Promise.reject(new Error());
 });
 
-// Removes a component attached to the document if there is one.
-const removeComponent = () => $('body > script:last-of-type + *').remove();
-
-afterEach(removeComponent);
-
-// TODO. The first time a component is attached to the document, 404 errors are
-// returned for /assets/fonts/icomoon.ttf and icomoon.woff. I am not sure yet
-// why that is, but we attach a component here so that the errors are shown
-// before the first tests, not in the middle of the tests.
-mockRoute('/login', { attachToDocument: true })
-  .then(removeComponent)
-  .catch(e => console.log(e)); // eslint-disable-line no-console
+afterEach(() => {
+  // Remove a component attached to the document if there is one.
+  $('body > script:last-of-type + *').remove()
+});