Merge pull request #12 from haverchuck/testfix

fixes(#2196)

Author: haverchuck

package.json

@@ -8,11 +8,14 @@
   "scripts": {
     "dev": "webpack-dev-server --progress --config build/webpack.dev.conf.js",
     "start": "NODE_ENV=development npm run dev",
-    "test": "npm run unit",
+    "test": "vue-cli-service test:unit",
     "lint": "eslint --ext .js,.vue src test/unit/specs",
     "build": "node build/build.js"
   },
   "dependencies": {
+    "@vue/cli-plugin-unit-jest": "^3.2.0",
+    "@vue/cli-service": "^3.2.0",
+    "@vue/test-utils": "^1.0.0-beta.27",
     "aws-amplify": "^1.1.4",
     "aws-amplify-vue": "^0.1.1",
     "aws-sdk": "^2.209.0",
@@ -72,5 +75,28 @@
     "> 1%",
     "last 2 versions",
     "not ie <= 8"
-  ]
+  ],
+  "jest": {
+    "moduleFileExtensions": [
+      "js",
+      "jsx",
+      "json",
+      "vue"
+    ],
+    "transform": {
+      "^.+\\.vue$": "vue-jest",
+      ".+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$": "jest-transform-stub",
+      "^.+\\.jsx?$": "babel-jest"
+    },
+    "moduleNameMapper": {
+      "^@/(.*)$": "<rootDir>/src/$1"
+    },
+    "snapshotSerializers": [
+      "jest-serializer-vue"
+    ],
+    "testMatch": [
+      "**/test/unit/**/*.spec.(js|jsx|ts|tsx)"
+    ],
+    "testURL": "http://localhost/"
+  }
 }

test/unit/specs/HelloWorld.spec.js

@@ -0,0 +1,17 @@
+import Vue from 'vue';
+import { mount } from '@vue/test-utils'
+import Home from '@/components/Home.vue'
+
+describe('Home.vue', () => {
+  let wrapper;
+  let vm;
+  beforeAll(() => {
+    wrapper = mount(Home)
+    vm = wrapper.vm
+  })
+  it('should render correct header', () => {
+    expect(wrapper.html()).toContain(`<h1 class="h1">
+    AWS Amplify Vue Sample
+  </h1>`)
+  })
+})