Reactjs 如何检查react中输入字段的类型?

Reactjs 如何检查react中输入字段的类型?,reactjs,redux,jestjs,enzyme,Reactjs,Redux,Jestjs,Enzyme,您能告诉我如何检查react+酶中输入字段的类型吗? 我试过这样做 it("get text of required field", () => { wrapper.setProps({ error: { showPassword: true } }); expect(wrapper.find(Input).children().hasAttribute('type')).toEqual('text'); }); 这是我的

您能告诉我如何检查react+酶中输入字段的类型吗? 我试过这样做

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

这是我的组件

<Input
            id="adornment-password"
            type={showPassword ? "text" : "password"}
            error={error.passwordError || apiError}
            onKeyDown={keyPressHandler}
            value={password}
            classes={{
              root: classes.inputRoot,
              focused: classes.focusedLabel,
              underline: classes.underlineInput
            }}

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

it("get text of required field", () => {
  wrapper.setProps({
    showPassword: true
  });
  expect(wrapper.find('#adornment-password').prop('type')).toEqual("text");  // Success!
});
find
将查找元素(在本例中,通过
id
),然后测试
type
属性的值,并检查
输入类型是否更改为
text