以下のように、react-final-form を使用して入力フィールドを検証しています。
buildInputComponent() {
return (
<InputField
id="input-field"
label="description"
isInvalid={meta.touched && !meta.valid}
error={meta.error}
value=input.value
required
onChange={(event) => {
input.onChange(event.target.value);
}}
/>);
}
私は次のようにそれをテストしました:
it('sets the frequency state to the value in the frequency select', ()
=> {
const inputValue = '30';
testInput.find('input-field').find('input').hostNodes()
.simulate('change', { target: { value: inputValue } });
testInput.update();
expect(testInput.find('ReactFinalForm').instance().state.schedule.frequency).toEqual(frequency);
});'
これは meta.touched のテストをカバーしていますが、カバレッジ レポートは、!meta.valid のテストをカバーしていないことを示しています。!meta.valid のテストをカバーする方法がわかりません。
testInput.find('input-field').find('input').hostNodes()
.simulate('change', { target: { value: frequency } });
しかし、これはそれをカバーしていません, 助けてください