关于Menu 组件测试 cleanup 既然每个测试用例测完就自动调用

来源：6-5 测试驱动 - Menu 测试添加

恶名昭彰的big

2020-05-08

那为啥在第二个例子跑完之后还需要在第三个里面cleanup，看视频有点没看明白，麻烦老师再详细说说

写回答

1回答

张轩

2020-05-10

同学你好因为第三个例子里面新渲染了一个组件，前面两个用的都是 beforeEach 里面渲染好的，那么等于第三个的节点上有两个组件。

  it('should render vertical mode when mode is set to vertical', () => {
    //这是第三个例子的特殊之处，单独渲染了一个特殊的菜单
    const wrapper = render(NiceMenu(testVerProps))
    // 这样你在下面再使用断言的时候 导致在 dom 上面有两个相同的节点
    // 所以我们要手动用 cleanup 把 beforeEach 那个销毁掉
  })

React18+TS高仿AntD从零到一打造组件库

设计，开发，测试，发布再到 CI/CD，从0到1造轮子

2124 学习 · 959 问题

查看课程

相似问题

测试用例是不是要穷举所有可能？

回答 1

对组件进行单元测试的意义

回答 1

请问老师测试jest.fn中的问题

回答 1

请问老师测试几个库的关系

回答 1

公司刚好要让写 Component Hook 边界测试不知该如何下手

回答 1

打开慕课网App查看更多内容