start implementing tests

Author: Jeff

package.json

@@ -2,11 +2,13 @@
   "name": "@sagalbot/vueable",
   "version": "0.0.3",
   "main": "dist/@sagalbot/vueable.umd.js",
+  "license": "MIT",
   "scripts": {
     "serve": "vue-cli-service serve ./dev/dev.js",
     "build": "vue-cli-service build --target lib ./src/index.js",
     "lint": "vue-cli-service lint",
-    "test:unit": "vue-cli-service test:unit"
+    "test": "vue-cli-service test:unit",
+    "test:watch": "vue-cli-service test:unit --watch"
   },
   "dependencies": {},
   "peerDependencies": {
@@ -28,7 +30,7 @@
     "sass-loader": "^7.0.1",
     "vue": "^2.5.21",
     "vue-cli-plugin-webpack-bundle-analyzer": "^1.2.0",
-    "vue-template-compiler": "^2.5.17"
+    "vue-template-compiler": "^2.5.21"
   },
   "eslintConfig": {
     "root": true,
@@ -55,6 +57,12 @@
     "not ie < 11"
   ],
   "jest": {
+    "collectCoverage": true,
+    "collectCoverageFrom": [
+      "src/components/*.{js,jsx}",
+      "!**/node_modules/**"
+    ],
+    "coverageReporters": ["text"],
     "moduleFileExtensions": [
       "js",
       "jsx",

tests/unit/Toggle.spec.js

@@ -0,0 +1,27 @@
+import { shallowMount, mount, createLocalVue } from '@vue/test-utils';
+import Toggle from '../../src/components/Toggle.js';
+import Target from '../../src/components/Target.js';
+
+describe('Toggle Component', () => {
+
+  it('can customize the root $el tag rendered', () => {
+    const wrapper = shallowMount(Toggle, {
+      propsData: {
+        tag: 'nav',
+      },
+    });
+
+    expect(wrapper.html()).toBe('<nav></nav>');
+  });
+
+  it('can find the child Target component when mounted', () => {
+    const wrapper = shallowMount(Toggle, {
+      slots: {
+        default: [`<button>Trigger</button>`, Target],
+      },
+    });
+
+    expect(wrapper.vm.$data.target.$options.name).toEqual('target');
+  });
+
+});

tests/unit/example.spec.js

@@ -9352,10 +9352,10 @@ vue-style-loader@^4.1.0:
     hash-sum "^1.0.2"
     loader-utils "^1.0.2"
 
-vue-template-compiler@^2.5.17:
-  version "2.5.18"
-  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.5.18.tgz#8a346e477c5ada6efc890a2db4857090a2c54a05"
-  integrity sha512-WG2G+r5YxqkbTyJnbpkJuISTVI9MvYNGAZVKnmn8S4AoP0R0OufIKrHEV+GKwilLa+p3t/Plo8FzJXdhL9m4Sw==
+vue-template-compiler@^2.5.21:
+  version "2.5.21"
+  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.5.21.tgz#a57ceb903177e8f643560a8d639a0f8db647054a"
+  integrity sha512-Vmk5Cv7UcmI99B9nXJEkaK262IQNnHp5rJYo+EwYpe2epTAXqcVyExhV6pk8jTkxQK2vRc8v8KmZBAwdmUZvvw==
   dependencies:
     de-indent "^1.0.2"
     he "^1.1.0"