使用 React 测试库按组件名称进行测试

Question

我正在尝试测试是否将正确的道具传递给组件。在酶中，它很容易通过：

const control = enzyme.mount(<Test />);
expect(control.find(<CompToTest />).props().MyProp).toEqual(expectedProp);

如何使用 react-testing-library 获得相同的结果？谢谢。

Answer 1

您无法使用 访问道具react-testing-library，这是设计使然。

相反，您需要测试您的组件呈现的内容是否正确。

如果您考虑一下，这是有道理的，因为最终您不关心通过什么 props，但您想测试渲染的内容是否正确。