vue.js - 如何访问 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')