Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

227
Vistas
Cómo simular la búsqueda de Axios en las pruebas de reacción

Soy nuevo en las pruebas de reacción y solo quería escribir una prueba para obtener datos API de un componente de reacción.

Aquí está mi componente que obtiene datos con éxito.

ListData.js

 const ListData = () => { const [data, setData] = useState([]); const [searchValue, setSearchValue] = useState(""); useEffect(() => { axios .get("https://images-api.nasa.gov/search?media_type=image") .then((response) => { setData(response.data); }) .then( (response) => {}, (err) => { console.log(err); } ); }, []); }

Y traté de escribir la prueba para el código anterior de la siguiente manera

 import { rest } from "msw"; import { setupServer } from "msw/node"; import ListData from "./Components/ListData"; const body = { hello: "world" }; const server = setupServer( rest.get( "https://images-api.nasa.gov/search?media_type=image", (_, res, ctx) => { return res(ctx.status(200), ctx.json(body)); } ) ); describe("ListData", () => { beforeAll(() => server.listen()); afterEach(() => server.resetHandlers()); afterAll(() => server.close()); });

Pero recibí un error que dice que Your test suite must contain at least one test. , ¿Qué me perdí aquí?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

te estás perdiendo exactamente lo que dice el error que te falta, una prueba. Si agrega alguna prueba, ese error desaparecerá.

 describe("ListData", () => { beforeAll(() => server.listen()); afterEach(() => server.resetHandlers()); afterAll(() => server.close()); it('should do something', () => { expect(true).toBe(true) }) });

Además, le recomiendo que configure el servidor msw en un archivo de configuración de broma; de lo contrario, deberá repetir esta configuración en cada archivo de prueba:

 // jest.config.js module.exports = { setupFilesAfterEnv: ['./jest.setup.js'], }
 // jest.setup.js import { server } from './mocks/server.js' // Establish API mocking before all tests. beforeAll(() => server.listen()) // Reset any request handlers that we may add during the tests, // so they don't affect other tests. afterEach(() => server.resetHandlers()) // Clean up after the tests are finished. afterAll(() => server.close())

Puede seguir estos documentos: https://mswjs.io/docs/getting-started/integrate/node

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda