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.

Tag: REACT-TESTING-LIBRARY

Cómo escribir casos de prueba unitarios utilizando JEST si el texto se muestra condicionalmente con useState.

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

La librería de pruebas de React está arrojando un error de prueba que indica que `NaN` es un valor inválido para la propiedad de estilo css `left`.

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

Cómo probar un cambio de URL con en React Router DOM.

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

No se pueden ejecutar pruebas utilizando react-testing-library debido al error “No se puede utilizar la declaración de importación fuera de un módulo”.

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