Tag: REACT-TESTING-LIBRARY
sample.js “`import React, { useState } from ‘react’; <p>const Sample = () => { const [show, setShow] = useState(false); const onShow = () => { setShow(!show); } return( <div> <button onClick={onShow}>{show ? 'Ocultar texto' : 'Mostrar texto'}</button> {show && <label>¡Bienvenido!!</label>} </div> ); }; export default Sample; “` Sample.test.js “`import {render, . . . Read more
Estoy usando un componente de biblioteca interna que utiliza React popper. El componente es un menú desplegable que debería abrirse cuando hago clic en un elemento marcado, como cualquier otro menú desplegable. Estoy tratando de hacer una prueba con el flujo React testing library donde el usuario abre el menú . . . Read more
Tengo un componente React que toma una cadena y renderiza un reproductor de audio. Este reproductor de audio tiene algunos controladores: handlePlay, handleError, handleSeek, y otros. Me gustaría escribir algunas pruebas unitarias sobre los controladores, pero no sé qué simular. Una prueba de cobertura muestra que las líneas alrededor de . . . Read more
Quiero probar, cuando se hace clic en el botón ‘Restablecer filtros’, ir a /offerings, pero no sé cómo probar este componente <Link /> de react-router-dom. Botón <Link to="/offerings"> <StyledButton trackingId="reset-filters">Restablecer filtros</StyledButton> </Link> Archivo de prueba: it('debería ir a /offerings cuando se hace clic en el botón después de iniciar sesión', . . . Read more
Aquí hay un Sandbox. El problema puede ser activado escribiendo npm run test — -t "Store" en la consola. El error que se devolverá es No se puede usar la declaración de importación fuera del módulo porque al compilar se agrega import React from "react"; en util\store.test.tsx por razones que . . . Read more