自定义组件单元测试时如何正确模拟 DOM 结构？

Zz会静提问于 2026-03-16 15:24:22 阅读 5

组件

我写了一个简单的自定义按钮组件，想用 Jest + Testing Library 做单元测试，但每次渲染都报错说找不到对应的 DOM 节点。我明明在测试里用了 render 啊，是不是我的组件结构有问题？

这是我的组件代码：

<template>
  <button class="my-btn" @click="handleClick">
    <slot></slot>
  </button>
</template>

<script>
export default {
  methods: {
    handleClick() { /* do something */ }
  }
}
</script>

测试时直接 render(MyButton) 就挂了，控制台提示“TypeError: Cannot read property ‘addEventListener’ of null”，这到底该怎么测？

我来解答赞 1 收藏

反馈

暂无解答