fix: fix typo in jest config

Author: haoqunjiang

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`)
+})

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