fix: fix typo in jest config

jacekkarczmarczyk · Jan 2, 2019 · 4feaacf · 4feaacf
1 parent 0fc972e
commit 4feaacf
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 1 deletion.
diff --git a/packages/@vue/cli-plugin-unit-jest/__tests__/jestPlugin.spec.js b/packages/@vue/cli-plugin-unit-jest/__tests__/jestPlugin.spec.js
@@ -67,3 +67,47 @@ test('should work without Babel', async () => {
   })
   await project.run(`vue-cli-service test:unit`)
 })
+
+test('should work with tsx', async () => {
+  const { write, run } = await create('jest-with-tsx', {
+    plugins: {
+      '@vue/cli-plugin-babel': {},
+      '@vue/cli-plugin-typescript': {
+        useTsWithBabel: true,
+        classComponent: true
+      },
+      '@vue/cli-plugin-unit-jest': {}
+    },
+    useConfigFiles: true
+  })
+
+  await write('src/components/HelloWorld.tsx', `
+  import { Component, Prop, Vue } from 'vue-property-decorator';
+
+  @Component
+  export default class HelloWorld extends Vue {
+    @Prop() private msg!: string;
+
+    render () {
+      return <div>{this.msg}</div>
+    }
+  }
+  `)
+
+  await write('tests/unit/example.spec.ts', `
+  import { shallowMount } from '@vue/test-utils'
+  import MyComponent from '@/components/HelloWorld.tsx'
+
+  describe('HelloWorld.tsx', () => {
+    it('renders props.msg when passed', () => {
+      const msg = 'new message'
+      const wrapper = shallowMount(MyComponent, {
+        propsData: { msg }
+      })
+      expect(wrapper.text()).toMatch(msg)
+    })
+  })
+  `)
+
+  await run(`vue-cli-service test:unit`)
+})
diff --git a/packages/@vue/cli-plugin-unit-jest/generator/index.js b/packages/@vue/cli-plugin-unit-jest/generator/index.js
@@ -89,7 +89,7 @@ const applyTS = module.exports.applyTS = (api, invoking) => {
   if (api.hasPlugin('babel')) {
     api.extendPackage({
       jest: {
-        global: {
+        globals: {
           'ts-jest': {
             // we need babel to transpile JSX
             babelConfig: true