Estoy escribiendo una prueba para un componente que usa un formulario de búsqueda. Esto está en search.js e importa un formulario Formik de otro archivo searchForm.js .

He escrito esta prueba unitaria que pasa. Lo he basado en un ejemplo en los documentos de prueba de reacción aquí .

Cada vez que lo ejecuto, aparece este error, lo que me confunde ya que he envuelto todo el código en acto.

 console.error Warning: An update to Formik inside a test was not wrapped in act(...). When testing, code that causes React state updates should be wrapped into act(...): act(() => { /* fire events that update state */ }); /* assert on the output */ This ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act

 import React from "react"; import { render, screen, act, fireEvent } from "@testing-library/react"; import Search from "./search.js"; import { ChakraProvider } from "@chakra-ui/react"; test("Search form input", () => { act(() => { const setup = () => { const utils = render( <ChakraProvider> <Search /> </ChakraProvider> ); const searchTermsInput = utils.getByLabelText("search terms input"); return { searchTermsInput, ...utils, }; }; const { searchTermsInput } = setup(); fireEvent.change(searchTermsInput, { target: { value: "23" } }); }); expect(screen.getByLabelText("search terms input").value).toBe("23"); });