el siguiente código se devuelve desde el método de renderizado. Estoy enviando un valor de índice como 0 a través de accesorios. También estoy enviando la función onChange a través de accesorios. pero la función onchange no está llamando cuando hago npm run test.
{props.isEditing ? <Textbox id={`beneficiary-value-${props.index}`} onChange={(e) => props.onChange(e)} inputType={'number'} /> : <span className={"percentage"}>{`${props.beneficiary.percentage}%`}</span> }.
test('Los beneficiarios rinden sin fallar', () => {
let beneficiary = { "name": "Emma Smith", "dob": "", "relationship": "", "percentage": "", "hasChanged": false }; const onChange = jest.fn(); const dom = render( <BeneficiaryItem beneficiary={beneficiary} index={0} isEditing={true} onChange={(e) => onChange(e)} /> ); const beneficiaryValue = dom.container.querySelector("#beneficiary-value-0"); fireEvent.change(beneficiaryValue); })lo anterior es mi archivo de caso de prueba.
El evento de cambio debe activarse como se muestra a continuación, espera un nuevo valor como argumento:
fireEvent.change(beneficiaryValue, { target: { value: "Changed Value" } });Consulte la documentación de la biblioteca de pruebas de React para obtener más detalles.