用酶测试功能

Question

我有一个简单的复选框输入，我想在用户想要进入复选框并期望发生某些事情时对其进行测试。

const CheckBox = () => (
 <input type="checkbox">
)

测试用例：

describe("tabability", ()=> {
 it("tab into the input",()=>{
  const testForm = mount(
    <div>
      <input type="text" id="textInput" />
      <CheckBox id="checkBox" />
    </div>
  );

  const textInput = testForm.find("textInput");
  textInput.simulate("keypress", {key: "Tab"});
 })
})

但是似乎找不到文本输入。我的textInput变量指向testForm。如何将输入文本分配给变量并将复选框分配给变量？

Answer 1

应该是

...
const textInput = testForm.find("#textInput");
...

复选框相同