More realistic testing.

Author: knpwrs

package.json

@@ -38,6 +38,7 @@
     "eslint-config-airbnb-base": "^11.1.0",
     "eslint-plugin-html": "^2.0.0",
     "eslint-plugin-import": "^2.2.0",
+    "vue": "^2.1.10",
     "vue-loader": "^10.3.0",
     "vue-template-compiler": "^2.1.10",
     "webpack": "^2.2.1"

test/index.test.js

@@ -1,7 +1,15 @@
 import _ from 'lodash';
+import Vue from 'vue';
 import test from 'ava';
 import TestComponent from './test.vue';
 
-test('it works!', (t) => {
-  t.true(_.isString(TestComponent._scopeId)); // eslint-disable-line no-underscore-dangle
+test('works like it does in a browser', (t) => {
+  const Constructor = Vue.extend(TestComponent);
+  const vm = new Constructor().$mount();
+  t.is(vm.$el.querySelector('h1').textContent, 'Hello, World!');
+});
+
+test('sets default data', (t) => {
+  t.true(_.isFunction(TestComponent.data));
+  t.deepEqual(TestComponent.data(), { name: 'World' });
 });

test/test.vue

@@ -1,5 +1,7 @@
 <template>
-  <h1>Hello, {{ name }}!</h1>
+  <div>
+    <h1>Hello, {{ name }}!</h1>
+  </div>
 </template>
 
 <script>