Vue测试库，子组件接收道具

<!-- ChildComponent.vue -->
<template>
  <div>{{ message }}</div>
</template>

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

<!-- ParentComponent.vue -->
<template>
  <ChildComponent :message="parentMessage" />
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      parentMessage: 'Hello from parent!'
    }
  }
}
</script>

import { mount } from '@vue/test-utils';
import ChildComponent from '@/components/ChildComponent.vue';

describe('ChildComponent', () => {
  it('renders message when passed', () => {
    const message = 'Hello from test!';
    const wrapper = mount(ChildComponent, {
      propsData: { message }
    });
    expect(wrapper.text()).toContain(message);
  });
});