Tag: REACT-TESTING-LIBRARY
Hemos estado utilizando Enzyme durante mucho tiempo para probar nuestros componentes de React, pero hemos comenzado la migración a React Testing Library paso a paso. Cuando intentamos usar el comparador toHaveValue en una prueba RTL, falla porque se llama al comparador de Enzyme con el mismo nombre. ¿Hay alguna forma . . . Read more
Necesito ayuda para probar la llamada a la API en la función Onclick. export function functionName(a, b, c) { const handleValue = async () => { axios.get(url, { method: ‘post’, body: { a: ‘a’ } }); } return ( <div> {getvalue && ( <button onclick=”{handleValue}”>Botón </button> )} </div> ); } . . . Read more
Empecé a tener fallos en todas mis pruebas cuando incluí la biblioteca de componentes npm. La biblioteca funciona bien, pero cuando ejecuto npm test, todas las pruebas fallan. La suite de pruebas no pudo ejecutarse No se puede encontrar el módulo ‘@mystyle/libary’ en ‘src/layout/Header.tsx’ > import {NavBar} from ‘@mystyle/libary’ Aquí . . . Read more
Tengo este componente: function Form() { const [value, setValue] = useState(”); const handleSubmit = (ev) => { ev.preventDefault(); console.log(‘submit’, value); } return ( <form onsubmit=”{props.onSubmit}”> <input type=”text” value=”{value}” onchange=”{e” ==””> setValue(e.target.value)} /> <button type=”submit”>Agregar</button> </form> ); } y la siguiente prueba: import React from “react”; import { render, fireEvent } . . . Read more
Estoy escribiendo una prueba con jest, jest-dom y react-testing-library. Tengo 2 componentes en mi aplicación React: // Componente 1 <navitem icon=””></navitem><icon></icon>} text=”Página de inicio” toggled={toggled} to={routesPaths.homepage} disabled={isDatabaseEmpty} dataTestId=”sidebar-homepage” /> // <navitem> es una instancia de <container> que extiende <link> con styled-components: const Container = styled(Link)` ${container} `; <container active=”{isActive}” toggled=”{toggled” . . . Read more