Tag: REACT-TESTING-LIBRARY
Tengo una prueba unitaria que utiliza userEvent.click. Encuentra el texto en el que se debe hacer clic y llama a la función handleClick, pero no se está pasando el valor de Event.currentTarget.innerText. Es la línea userEvent.click(screen.queryByText(/adatest/)); la que activa el controlador. ¿Alguna idea? Aquí está la prueba: test(“renders modal when . . . Read more
Tener un componente básico que utiliza react-hook-form: const { handleSubmit, reset, control } = useForm({ resolver: yupResolver(schema) }); … <mycomponent title=’title’ open=”{isOpened}” control=”{control}”></mycomponent> Este componente tiene 3 props, title: una cadena de texto, open: una función, control: no tengo idea de qué es, todos ellos obligatorios. Entonces, al escribir una . . . Read more
Estoy trabajando en un proyecto de React en TypeScript (versión de React 16.12.0) y me gustaría añadir React Testing Library a esto. Las versiones más recientes de React vienen con React-Testing-Library, pero el proyecto en el que estoy trabajando no lo incluye, así que lo instalé manualmente. Añadí lo siguiente . . . Read more
¿Es posible utilizar querySelectorAll con las pruebas de reacción de jest en lugar de seleccionar individualmente cada componente con querySelector y comprobar que estén en el documento con toBeInTheDocument? Por ejemplo, probar un componente como este: const SomeComponent = () => ( <> <p id=’one’>one</p> <p id=’two’>two</p> <p id=’three’>three</p> ) . . . Read more
Tengo este componente: const Testcomponent = (props:any) => { const { name, age } = useSelector( (state: any) => ({ name: state.user.name, age: state.user.age }), shallowEqual ); return (<div>{name}-{age}</div>) } Intenté probarlo, import * as redux from 'react-redux' const useSelectorState = { state:{ user:{ name:"test", age:11 }}} const spy = . . . Read more