reactjs - 单击 enzyme 测试中的复选框

Question

我正在尝试模拟单击material-ui 复选框。我已经尝试过

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

和

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

我尝试重新查找该项目并更新包装器，但无法更改选中的 Prop 。

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

我这里有一个codesandbox:https://codesandbox.io/s/enzymetestformaterialuitable-t1ruq 沙箱有一个material-ui表(从他们的演示页面提取)。

TIA

Answer 1

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

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

选中表格上的第四个复选框:

 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 } });