如何使用Typescript + Jest测试vuejs道具

Question

我在单个文件组件（Nuxt.js）

中具有以下属性

export default {
  props: {
    message: {
      type: String,
      required: true,
      validator: (value) => {
        return ['a', 'b', 'c'].includes(value)
      }
    }
  }
}

我想测试与此message属性有关的所有内容，因此我创建了一个测试

Test.spec.js

it('should be required, a String and validates correctly', () => {
  const wrapper = shallowMount(Test, {
    propsData: {
      message: 'a',
    }
  })
  const messageProp = wrapper.vm.$options.props.message

  expect(messageProp.required).toBeTruthy()
  expect(messageProp.type).toBe(String)
  expect(messageProp.validator('a')).toBeTruthy()
  expect(messageProp.validator('x')).toBeFalsy()
})

一切正常，没有错误。

但是当我尝试使用Typescript （Nuxt.js + Typescript）

<script lang="ts">
import Vue, { PropOptions } from 'vue'

export default Vue.extend({
  props: {
    message: {
      type: String,
      required: true,
      validator: (value) => {
        return ['a', 'b', 'c'].includes(value)
      }
    } as PropOptions<string>
  }
})
</script>

我收到此错误 Test.spec.ts

console.log(wrapper.vm.$options.props)

有人可以帮助我完成这项工作，还是一种更好的方法来测试有关道具的所有内容？