Reactjs 如何检查react中输入字段的类型?
您能告诉我如何检查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'); }); 这是我的
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