Jest + Enzyme-测试组件对用户的可见性

Question

当前，我们使用它来测试是否已渲染组件：

node_modules

这很好，但是实际上并没有测试该组件是否对用户可见-它只是测试该组件是否存在。如何测试一个组件既存在又对用户可见？

Answer 1

签出https://github.com/testing-library/jest-dom，它为Jest提供了各种自定义DOM匹配器，包括toBeVisible()。

有了它，您可以编写这样的测试，它应该可以工作：

const someComponent = component.find('[data-test="some-component"]').at(0);
expect(someComponent.getDOMNode()).toBeVisible();