feat: type check vue files

Author: lmiller1990

e2e/__projects__/basic/components/TsWithError.vue

@@ -0,0 +1,11 @@
+<template>
+  <div />
+</template>
+
+<script lang="ts">
+export default {
+  created() {
+    const s: string = {}
+  }
+}
+</script>

e2e/__projects__/basic/components/TypeScriptChild.vue

@@ -6,7 +6,7 @@
 export default {
   computed: {
     exclamationMarks(): string {
-      return 'string'
+      return {}
     }
   }
 }

e2e/__projects__/basic/package.json

@@ -19,7 +19,7 @@
     "babel-plugin-syntax-jsx": "^6.18.0",
     "babel-plugin-transform-vue-jsx": "^3.7.0",
     "jest": "^24.0.0",
-    "vue-jest": "file:../../../"
+    "vue-jest": "../../../"
   },
   "jest": {
     "moduleFileExtensions": [
@@ -29,13 +29,14 @@
     ],
     "transform": {
       "^.+\\.js$": "babel-jest",
-      "^.+\\.vue$": "vue-jest"
+      "^.+\\.vue$": "../../../"
     },
     "moduleNameMapper": {
       "^~?__styles/(.*)$": "<rootDir>/components/styles/$1"
     },
     "globals": {
       "vue-jest": {
+        "enableExperimentalTsDiagnostics": true,
         "pug": {
           "basedir": "./"
         }

e2e/__projects__/basic/test.js

@@ -1,8 +1,9 @@
 import { mount } from '@vue/test-utils'
-import TypeScript from './components/TypeScript.vue'
 import { resolve } from 'path'
 import { readFileSync } from 'fs'
-import jestVue from 'vue-jest'
+
+import jestVue from '../../../'
+import TypeScript from './components/TypeScript.vue'
 import RenderFunction from './components/RenderFunction.vue'
 import Jade from './components/Jade.vue'
 import FunctionalSFC from './components/FunctionalSFC.vue'
@@ -18,6 +19,30 @@ import PugRelative from './components/PugRelativeExtends.vue'
 import Jsx from './components/Jsx.vue'
 import Constructor from './components/Constructor.vue'
 
+const originalWarn = console.warn
+afterEach(() => (console.warn = originalWarn))
+let consoleOutput = []
+const mockedWarn = output => consoleOutput.push(output)
+beforeEach(() => (console.warn = mockedWarn))
+
+test('shows ts diagnostic errors', () => {
+  const filePath = resolve(__dirname, './components/TsWithError.vue')
+  const fileString = readFileSync(filePath, { encoding: 'utf8' })
+
+  const result = jestVue.process(fileString, filePath, {
+    moduleFileExtensions: ['js', 'vue', 'ts'],
+    globals: {
+      'vue-jest': {
+        enableExperimentalTsDiagnostics: true
+      }
+    }
+  })
+
+  expect(consoleOutput[0]).toContain(
+    `TsWithError.vue (8,11): Type '{}' is not assignable to type 'string'`
+  )
+})
+
 test('processes .vue files', () => {
   const wrapper = mount(Basic)
   expect(wrapper.vm.msg).toEqual('Welcome to Your Vue.js App')
@@ -33,7 +58,7 @@ test('handles named exports', () => {
   expect(randomExport).toEqual(42)
 })
 
-test('generates source maps for .vue files', () => {
+xtest('generates source maps for .vue files', () => {
   const filePath = resolve(__dirname, './components/Basic.vue')
   const fileString = readFileSync(filePath, { encoding: 'utf8' })