Javascript 在React Js中测试有条件呈现的组件

我是测试新手，我正在为react应用程序编写测试用例

我有一张有原子的桌子

<Table.Cell style={{ cursor: "pointer" }}>
  <Icons
    data-test="nameDeleteTable"
    name="trash"
    onClick={() =>
     ConfirmBox({
      title: "Confirm Deleting?",
      message:
         "Are you sure you want to delete this entry permanently?",
      onClick: () => props.handleDelete(cell.name),
     })
    }
 />
</Table.Cell>

confirmAlert

来自名为

react confirm alert

当前尝试测试表格按钮单击时，使用代码返回到

的onClick

const wrapper = getWrapper(component, "nameDeleteTable");
console.log("Wrapper " , wrapper);
wrapper.props().onClick();
expect(wrapper.length).toBe(1);

---

在检查覆盖率时，我能够覆盖onClick函数，但不能覆盖

confirbox

的onClick，我不知道如何使其工作。

您必须调用

onClick（）

const wrapper = getWrapper(component, "nameDeleteTable");
console.log("Wrapper " , wrapper);
wrapper.props().onClick();
expect(wrapper.length).toBe(1);