使用vuetest-utils做单元测试propsData如何定义

在使用@vue/test-utils进行单元测试时，可以通过propsData选项来定义组件的props数据。

propsData选项是一个对象，其中的属性名是组件的props名称，属性值是要传递给props的值。例如，假设有一个名为"HelloWorld"的组件，它有一个名为"msg"的props：

// HelloWorld.vue
<template>
  <div>{{ msg }}</div>
</template>

<script>
export default {
  props: {
    msg: String
  }
}
</script>

在单元测试中，可以使用propsData来定义props的值：

import { shallowMount } from '@vue/test-utils';
import HelloWorld from '@/components/HelloWorld.vue';

describe('HelloWorld.vue', () => {
  it('renders props.msg when passed', () => {
    const msg = 'Hello, World!';
    const wrapper = shallowMount(HelloWorld, {
      propsData: {
        msg: msg
      }
    });
    expect(wrapper.text()).toMatch(msg);
  });
});

在上述示例中，我们使用shallowMount函数来创建一个HelloWorld组件的包装器。在选项对象中，我们使用propsData来定义msg的值为"Hello, World!"。然后，我们断言渲染的文本是否与我们定义的props值匹配。

通过使用propsData选项，我们可以在单元测试中灵活地定义组件的props数据，以验证组件在不同props值下的行为。