单击酶测试中的复选框

【问题标题】：Clicking a Checkbox in an Enzyme test单击酶测试中的复选框
【发布时间】：2020-06-02 19:24:39
【问题描述】：

我正在尝试模拟对 material-ui 复选框的点击。我试过了

selectAllCheckbox.simulate("change", { target: { checked: true } });

和

act(() => {
  selectAllCheckbox.props().onClick();
});

我已尝试重新查找项目并更新包装器，但无法更改已检查的道具。

我觉得我错过了一些基本的东西。

我这里有一个密码箱：https://codesandbox.io/s/enzymetestformaterialuitable-t1ruq 沙盒有一个 material-ui 表（从他们的演示页面中提取）。

TIA

【问题讨论】：

标签： reactjs jestjs material-ui enzyme

【解决方案1】：

我从几个来源获得帮助，包括 https://github.com/airbnb/enzyme/issues/216

完整的沙盒https://codesandbox.io/s/enzymetestformaterialuitable-updb9 测试通过

选中表格上的第 4 个复选框：

 let innerInputElement5 = wrapper
   .find('[role="checkbox"]')
   .hostNodes()
   .at(4);
 innerInputElement5.simulate("click");

选中标题中的不确定复选框：

let selectAllCheckboxInHeader = wrapper
      .find(TableHead)
      .find('input[type="checkbox"]')
      .simulate("change", { target: { checked: true } });

【讨论】：