问是否有必要在每个测试用例之后调用卸载？
EN

Stack Overflow用户

提问于 2022-05-28 15:02:54

回答 1查看 971关注 0票数 1

describe('<CustomTooltip />', () => {
  it('should show tooltip text', async () => {
    const { container, unmount } = render(<CustomTooltip text='Tooltip Text' />)

    userEvent.hover(container.querySelector('svg'))
    await screen.findByText('Tooltip Text')

    screen.debug()
    unmount()  // ?? is it necessary to call unmount after each test cases?
  })

  it('check if there is an mounted component', () => {
    screen.debug()
  })
})

是否有必要在每个测试用例之后调用unmount？因为我在useEffect组件中添加了CustomTooltip，并在第二个测试用例之前记录了卸载。甚至第二个测试用例screen.debug输出也是<body />。

  useEffect(() => {
    console.log('Mounted')
    return () => console.log('Unmounted')
  }, [])

我之所以这样问是因为在每个测试用例之后，我在unmount组件的测试用例中看到了一个unmount的自定义实现，我很想知道这是否真的很重要。

let lastMount = null;
const _render = (...args) => {
  lastMount = render(...args);
  return lastMount;
};


afterEach(() => {
  if (lastMount)
    lastMount.unmount();

  lastMount = null;
});

reactjs

react-testing-library

回答 1

Stack Overflow用户

发布于 2022-05-28 19:02:56

这取决于您正在使用的测试框架。例如，如果您正在使用jest，则不需要它。

以下是对此建议的参考https://kentcdodds.com/blog/common-mistakes-with-react-testing-library#using-cleanup

很长一段时间以来，清理都是自动进行的(大多数主要测试框架都支持它)，您不再需要担心它了，

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72416736

复制

相似问题

问是否有必要在每个测试用例之后调用卸载？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否有必要在每个测试用例之后调用卸载？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否有必要在每个测试用例之后调用卸载？
EN