Add ava tests with browser-env.

Author: knpwrs

package.json

@@ -4,7 +4,15 @@
   "description": "Load vue components in node.",
   "main": "./lib/hook.js",
   "scripts": {
-    "test": "node test/index.test"
+    "lint": "eslint test/helpers/setup.js",
+    "test": "ava",
+    "test:watch": "ava --watch",
+    "posttest": "npm run lint"
+  },
+  "ava": {
+    "require": [
+      "./test/helpers/setup.js"
+    ]
   },
   "engines": {
     "node": ">=6.0.0"
@@ -23,6 +31,8 @@
     "webpack": "^2.2.1"
   },
   "devDependencies": {
+    "ava": "^0.18.1",
+    "browser-env": "^2.0.20",
     "css-loader": "^0.26.1",
     "eslint": "^3.15.0",
     "eslint-config-airbnb-base": "^11.1.0",

test/.eslintrc.yml

@@ -0,0 +1,2 @@
+settings:
+  import/no-extraneous-dependencies: ["error", {"devDependencies": ["**/test/**"]}]

test/helpers/setup.js

@@ -0,0 +1,6 @@
+const browserEnv = require('browser-env');
+const { join } = require('path');
+const hook = require('../../');
+
+browserEnv();
+hook(join(__dirname, 'webpack.config.test.js'));

test/webpack.config.test.js renamed to test/helpers/webpack.config.test.js

@@ -1,8 +1,7 @@
-const { join } = require('path');
-const hook = require('../lib/hook');
+import _ from 'lodash';
+import test from 'ava';
+import TestComponent from './test.vue';
 
-hook(join(__dirname, 'webpack.config.test.js'));
-
-const Test = require('./test.vue');
-
-console.log(Test._scopeId); // eslint-disable-line
+test('it works!', (t) => {
+  t.true(_.isString(TestComponent._scopeId)); // eslint-disable-line no-underscore-dangle
+});