何时使用 react-testing-library 的 baseElememt

Question

我知道 baseElement 默认是与容器相同的元素（它们都是 document.body），但仍然感到困惑。那么，什么时候使用 baseElement？

而且，“呈现器返回的查询查看 baseElement，因此您可以使用查询来测试没有 baseElement 的门户组件”是什么意思。 React Testing Library - API

这是否意味着我可以在没有 render() 返回的 baseElement 的情况下测试门户组件？

如果是，为什么MUI的Drawer不能被容器访问？

如果有人可以解释，我将感谢您的帮助。 :)

Answer 1

在测试使用门户组件（例如：MUI 门户、模式和抽屉）的组件时使用 baseElement。

您只能使用 baseElement 的原因是门户组件始终附加在 document.body 中。

这意味着您要测试的组件不会附加到直接子 document.body 的 div。

如果该组件不在该 div 中，则永远无法通过容器访问它。