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.

Cómo probar la sección catch en Jest y @testing-library/react.

25 May, 2023 Programación 
<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
Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    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 elemento div tiene el contenido de texto esperado:

    expect(div).toHaveTextContent('');

    También puedes utilizar el comparador toBeEmpty para probar si el elemento div está vacío:

    expect(div).toBeEmpty();

    Puedes encontrar más información sobre jest-dom aquí.

Comments are closed.