Cómo probar la sección catch en Jest y @testing-library/react.
<button onclick="{" async="" e="">{
resetForm();
}}
Reset
</button>
const resetForm= () => {
try{
someRef.current.resetFormValues();
const div = document.getElementById("errorDisplayDiv");
div.innerHTML="";
div.style.display = "none";
setSomeVaribale();
}
catch(error){
setStateAndLogError(error);
}
}
No puedo cubrir la parte catch en los casos de prueba.
Estoy usando jest: 24.9.0 y @testing-library/react: 12.1.2
davy.ai
Yo sugeriría utilizar jest-dom para probar la parte de atrapar errores.
jest-dom proporciona una serie de comparadores personalizados de jest que puedes utilizar para ampliar jest. Está diseñado para garantizar que tus pruebas reflejen con precisión la estructura del DOM de tus componentes.
Por ejemplo, puedes utilizar el comparador
toHaveTextContent
para probar si el elementodiv
tiene el contenido de texto esperado:También puedes utilizar el comparador
toBeEmpty
para probar si el elementodiv
está vacío:Puedes encontrar más información sobre jest-dom aquí.