React在我的功能组件中测试第三方组件

Question

如何在组件中测试第三方组件？所有的处理程序都在我的功能组件中。

我在用笑话和酶。

示例：

export const Index = () => {
<CompA onClick /> // this is tested
<3rdPartyComp onClose onFinish initialValues ... /> // how to test this?
}

点击以模式打开第三方组件，反之亦然。关闭时需要关闭第三方部件。

如何模拟第三方组件？或者我设置道具并模拟点击我设置的道具的其他方式。

到目前为止我尝试过的最小代码：

如果第三方组件如下所示：

<Comp onClose onFinish ... />

然后在开玩笑的跑步者我这样做：

const onClose = expect(wrapper.find(SomeComp).prop('onClose'));
if (onClose) {
onClose(() => false);
}
expect(...);

这是有效的，即使我不确定是否是最好的方法

Br，

Answer 1

您不需要测试第三方组件和代码。测试的责任属于第三方图书馆。如果第三方库没有任何测试，则不建议使用它。您应该使用测试良好的第三方图书馆。

对于您的示例，您应该测试组件的代码逻辑和行为。

请提供mvce，这样我们就可以知道如何测试它。