Reactjs 如何涵盖单选按钮的代码覆盖率?
嗨,我已经为单选按钮编写了单元测试用例,并且基于一个条件,我试图显示选中了哪个单选按钮 这是我的组件代码-Reactjs 如何涵盖单选按钮的代码覆盖率?,reactjs,jestjs,enzyme,Reactjs,Jestjs,Enzyme,嗨,我已经为单选按钮编写了单元测试用例,并且基于一个条件,我试图显示选中了哪个单选按钮 这是我的组件代码- <RadioButton id='data' isChecked={myButton === 'data' ? true : false} onChange={(even
<RadioButton
id='data'
isChecked={myButton === 'data' ? true : false}
onChange={(event: React.ChangeEvent<HTMLInputElement>): void =>
onChangeRadio(event)
}
/>
<RadioButton
id='data1'
isChecked={myButton=== 'data1' ? true : false}
onChange={(event: React.ChangeEvent<HTMLInputElement>): void =>
onChangehRadio(event)
}
/>
运行测试用例工作正常。甚至函数也包括在内,但不包括假条件的分支。在代码覆盖率文件中显示黄色为false。这是两个单选按钮的假行isChecked={myButton==='data'?true:false}
&isChecked={myButton=='data1'?true:false}
let myButton;
it('should call onChange handler when radio button value changed', () => {
wrapper
.find(RadioButton)
.first()
.props()
.onChange('data', {target:{id:'data' , checked: myButton === 'data' ? true : false} });
expect(mockOnChangeRadio).toHaveBeenCalled();
});
it('should call onChange handler when radion button value changed', () => {
wrapper
.find(RadioButton)
.last()
.props()
.onChange('data1', {target:{id:'data1' , checked: myButton==='data1' ? true : false} });
expect(mockOnChangeRadio).toHaveBeenCalled();
});