es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

react-select-event no activa la función onChange para establecer el valor durante las pruebas.

Desde hace un par de días estoy luchando con una prueba que estoy tratando de escribir y pensé que este sería un buen lugar para pedir algunos consejos. Estoy tratando de completar un formulario que utiliza menús desplegables react-select, y estos formularios se encuentran dentro de un mapa que renderiza 4 de ellos. Sin embargo, al intentar ejecutar el siguiente código en los selectores de cada formulario en un bucle, después de la primera iteración que se ejecuta bien, el elemento de entrada que se encuentra en el formulario para realizar el onChange no tiene el manejador onChange y no activa la función de cambio para seleccionar la opción que necesito. El paquete que estoy utilizando para la selección es react-select-event según la documentación aquí. Todavía soy un principiante con react-testing-library y las pruebas en general, así que es bastante probable que me haya perdido algo. ¡Cualquier consejo o idea es bienvenido! ¡Gracias!

const selectOptionAndAssertValue = async (indicador, campo, elemento, opcion, formulario) => {
await selectEvent.select(elemento, opcion.label, {
container: document.body,
});

await waitFor(
async () => {
expect(formulario).toHaveFormValues({
[${indicador.short_alias}-${campo}]: opcion.value,
});
},
{
onTimeout: error => console.log(error),
}
);
};

Nota: para encontrar el formulario de entrada, estoy usando findByLabelText y encuentra el elemento .

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Parece que estás teniendo problemas con el paquete react-select-event al intentar llenar un formulario con dropdowns de react-select. Estás utilizando react-testing-library para seleccionar la opción y verificar el valor, pero después de la primera iteración, el elemento input no tiene el manejador onChange y no activa la función de cambio para seleccionar la opción.

    Has proporcionado un fragmento de código y un enlace a la documentación, y también has creado un repositorio de demostración para reproducir el problema. ¿Has intentado depurar el código para ver qué está causando el problema? Podría ser útil mirar el código fuente del paquete react-select-event para ver si hay algo que pueda estar causando el problema.

    También podría ser útil mirar otras preguntas y respuestas relacionadas con react-select-event en Stack Overflow u otros foros para ver si alguien más ha encontrado un problema similar.

Comments are closed.