Sigo recibiendo un mensaje de error sobre evitar el envolvimiento de código en act después de envolver el código en act.

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

He escrito esta prueba unitaria que pasa. Me he basado en un ejemplo en la documentación de prueba de reacción aqui.

Cada vez que lo ejecuto, obtengo este error, lo cual me confunde, ¿ya que he envuelto todo el código en act()?

console.error
    Warning: Una actualización de Formik dentro de una prueba no estaba envuelta en act(...).

Cuando haces pruebas, el código que provoca actualizaciones de estado de React debe estar envuelto en act(...):

act(() => {
  /* disparar eventos que actualicen el estado */
});
/* comprobar la salida */

Esto asegura que estás probando el comportamiento que el usuario vería en el navegador. Obtén más información en 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("Input de formulario de búsqueda", () => {
  act(() => {
    const setup = () => {
      const utils = render(
        <chakraprovider>
          <search></search>
        </chakraprovider>
      );
      const searchTermsInput = utils.getByLabelText("input de términos de búsqueda");
      return {
        searchTermsInput,
        ...utils,
      };
    };
    const { searchTermsInput } = setup();

    fireEvent.change(searchTermsInput, { target: { value: "23" } });
  });

  expect(screen.getByLabelText("input de términos de búsqueda").value).toBe("23");
});