如何在vue-test-utils中访问插槽组件/模板？

Question

组件：

<template>
  <MyComponent>
    <div class="in-slot">Hello world</div>
  </MyComponent>
</template>

如何访问div.in-slot并测试其文字？

Answer 1

如果我们假设您在测试文件中将父组件作为MyParentComponent导入，则应该可以：

const wrapper = mount(MyParentComponent, {options})
expect(wrapper.find('.in-slot').text()).toBe('Hello world')