如何检查反应中输入字段的类型?

时间:2019-03-28 05:15:50

标签: reactjs redux jestjs enzyme

能否请您告诉我如何检查反应+酶中输入字段的类型? 我这样尝试过

this.getRegistrations(event).then(registrations => {
  console.log(registrations);
  // other operations on registrations
});

https://codesandbox.io/s/l2lk4n794l

这是我的组件

it("get text of required field", () => {
    wrapper.setProps({
      error: {
          showPassword: true
      }
  });
  expect(wrapper.find(Input).children().hasAttribute('type')).toEqual('text');
  });

enter image description here

1 个答案:

答案 0 :(得分:1)

根据您的代码沙箱,您似乎正在尝试执行此操作:

it("get text of required field", () => {
  wrapper.setProps({
    showPassword: true
  });
  expect(wrapper.find('#adornment-password').prop('type')).toEqual("text");  // Success!
});

find将找到元素(在本例中为id),然后您正在测试type属性的值,并检查是否为Input类型更改为text