Tag: REACT-TESTING-LIBRARY
Soy nuevo en la biblioteca de pruebas de React. Quería probar mi código envuelto con el componente Hidden de Material UI pero la prueba falla (aunque mi componente sea visible en el DOM). Componente import { Hidden } from ‘@material-ui/core’ import React from ‘react’ function App() { return ( <> . . . Read more
Dado que se recomienda utilizar “screen” en lugar de “getById” en la biblioteca de pruebas de React, estoy cambiando todas las instancias de “it” a selectores de consulta de “screen”. Sin embargo, hay una condición determinada que no puedo cambiar. const nuevoComponente = render( <appcontext.provider value=”{newState}”> <app></app> <appcontext.provider>, ) const . . . Read more
Este es un ejemplo simplificado que he creado. Tengo el siguiente componente de React Test.tsx import * as React from ‘react’; import { useEffect } from ‘react’; import { useAppDispatch, useAppSelector } from ‘../app/hooks’; import { selectTest, setTest } from ‘./testslice’; const Test: React.FunctionComponent = (props) => { const vals . . . Read more
Tengo un contenedor con una aplicación de React que se ejecuta desde docker-compose. Cuando imprimo registros para este contenedor usando docker-compose logs -f Hay un mensaje: PASS src/App.test.js ✓ renders learn react link (28 ms) tests_1 | Test Suites: 1 passed, 1 total tests_1 | Tests: 1 passed, 1 total . . . Read more
¿Cómo se puede utilizar React Testing Library para seleccionar un elemento en blanco que solo tiene un atributo type? Por ejemplo, tengo mi input que se llenará dinámicamente con atributos, similar a la etiqueta que lo rodea: <label htmlfor=”{labelInput}”> {labelText} </label> <input type=”text” id=”{labelInput}” name=”{labelInput}” …=””> Pero cuando no le . . . Read more