如何在 Jest 和 Enzyme 中为 React 组件中使用的 indexOf 编写测试用例覆盖率答案

【问题标题】：How to write test case coverage in Jest and Enzyme for indexOf used inside React Component如何在 Jest 和 Enzyme 中为 React 组件中使用的 indexOf 编写测试用例覆盖率
【发布时间】：2018-12-07 11:28:33
【问题描述】：

我正在为 Jest 和 Enzyme 中的反应组件编写测试用例。我有一个使用 indexOf 方法的组件。现在，当我运行 Jest 时，它显示该特定行的测试未被发现。

覆盖报告：

【问题讨论】：

标签： reactjs jestjs enzyme

【解决方案1】：

您可以创建一个返回 arrError.indexOf(..) 结果的函数，但是 !!!!这不是一个好习惯。

首先，您不应该测试来自其他框架和库并且您自己没有编码的方法和函数。如果你想测试任何东西，你应该测试 React 的每一个生命周期方法，Math、Array 等的每一个方法。

第二，key最好不要只是索引，也不需要使用indexOf。

第一种方法，不是最好的，可以直接做：

{arrError.map((error, index) => (<div key = {index}>{error}</div>))}

第二种方法，您不必只使用索引作为键（阅读this）：

{arrError.map((error, index) => (<div key = {error.id}>{error.value}</div>))}

数组中的每个对象都应该有一个唯一的属性用作键（您甚至可以使用字符串。如果 error 是一个字符串并且它在数组中是唯一的，您可以使用 error 作为键）。

【讨论】：