💥 breaking(test): switch jasmine to mocha

template/config/karma.base.conf.js

@@ -25,7 +25,7 @@ module.exports = {
   ],
   exclude: [
   ],
-  frameworks: ['jasmine'],
+  frameworks: ['mocha', 'phantomjs-shim'],
   preprocessors: {
     '../test/unit/index.js': ['webpack', 'sourcemap']
   },

template/config/webpack.dev.conf.js

@@ -1,9 +1,8 @@
 const path = require('path')
 const webpack = require('webpack')
-const JasmineWebpackPlugin = require('./webpack.dev.plugin')
 
 module.exports = {
-  entry: './test/unit/index.js',
+  entry: 'mocha-loader!./test/unit/index.js',
   output: {
     path: path.resolve(__dirname, '/test/unit'),
     filename: 'tests.js',
@@ -21,8 +20,7 @@ module.exports = {
       'process.env': {
         NODE_ENV: '"development"'
       }
-    }),
-    new JasmineWebpackPlugin()
+    })
   ],
   devtool: '#eval-source-map'
 }

template/package.json

@@ -37,18 +37,19 @@
     "gitbook-cli": "^2.3.0",
     {{/gitbook}}
     "html-webpack-plugin": "^2.19.0",
-    "jasmine": "^2.5.3",
-    "jasmine-core": "^2.5.2",
+    "mocha": "^3.2.0",
+    "mocha-loader": "^1.1.1",
     "karma": "^1.4.1",
     "karma-chrome-launcher": "^2.0.0",
     "karma-coverage": "^1.1.1",
     {{#if_eq coverageConfig "coveralls"}}
     "karma-coveralls": "^1.1.2",
     {{/if_eq}}
     "karma-firefox-launcher": "^1.0.0",
-    "karma-jasmine": "^1.1.0",
+    "karma-mocha": "^1.3.0",
     "karma-mocha-reporter": "^2.2.2",
     "karma-phantomjs-launcher": "^1.0.2",
+    "karma-phantomjs-shim": "^1.4.0",
     "karma-safari-launcher": "^1.0.0",
     {{#sauce}}
     "karma-sauce-launcher": "^1.1.0",
@@ -113,7 +114,7 @@
     {{#if_eq coverageConfig "codecov"}}
     "coverage": "cat ./coverage/lcov.info",
     {{/if_eq}}
-    "dev": "BABEL_ENV=test webpack-dev-server --inline --hot --open --config config/webpack.dev.conf.js",
+    "dev": "BABEL_ENV=test webpack-dev-server --inline --hot --open --content-base ./test/unit/ --config config/webpack.dev.conf.js",
     {{#gitbook}}
     "docs": "gitbook serve ./gitbook ./docs",
     "docs:build": "node config/version.js && gitbook build ./gitbook ./docs",

template/test/.eslintrc

@@ -1,9 +1,12 @@
 {
   "env": {
-    "jasmine": true
+    "browser": true,
+    "mocha": true
   },
   "globals": {
     "waitForUpdate": true,
+    "nextTick": true,
+    "delay": true,
     "assert": true,
     "Vue": true
   }

template/test/helpers/wait-for-update.js

@@ -1,6 +1,7 @@
 import Vue from 'vue'
 
-// helper for async assertions.
+// helper for jasmine async assertions.
+//
 // Use like this:
 //
 // vm.a = 123
@@ -66,3 +67,58 @@ window.waitForUpdate = initialCb => {
 function timeout (n) {
   return next => setTimeout(next, n)
 }
+
+// helper for mocha async assertions.
+// nextTick().then(() => {
+//
+// Automatically waits for nextTick
+// }).then(() => {
+// return a promise or value to skip the wait
+// })
+function nextTick () {
+  const jobs = []
+  let done
+
+  const chainer = {
+    then (cb) {
+      jobs.push(cb)
+      return chainer
+    }
+  }
+
+  function shift (...args) {
+    const job = jobs.shift()
+    let result
+    try {
+      result = job(...args)
+    } catch (e) {
+      jobs.length = 0
+      done(e)
+    }
+
+    // wait for nextTick
+    if (result !== undefined) {
+      if (result.then) {
+        result.then(shift)
+      } else {
+        shift(result)
+      }
+    } else if (jobs.length) {
+      requestAnimationFrame(() => Vue.nextTick(shift))
+    }
+  }
+
+  // First time
+  Vue.nextTick(() => {
+    done = jobs[jobs.length - 1]
+    if (done.toString().slice(0, 14) !== 'function (err)') {
+      throw new Error('waitForUpdate chain is missing .then(done)')
+    }
+    shift()
+  })
+
+  return chainer
+}
+
+window.nextTick = nextTick
+window.delay = time => new Promise(resolve => setTimeout(resolve, time))

template/test/unit/add.test.js

@@ -9,7 +9,7 @@ describe('$add', () => {
 
   describe('1 + 1', () => {
     it('should be 2', done => {
-      waitForUpdate(() => {
+      nextTick(() => {
         assert(vm.$add(1, 1) === 2, 'You should be implemented!!')
       }).then(done)
     })

template/test/unit/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>{{ name }} tests</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <script src="tests.js"></script>
+  </head>
+  <body>
+  </body>
+</html>