ControlledMetadata.test.jsx

import React from "react";
import { screen } from "@testing-library/react";
import {
  renderWithRouterApollo,
  withReactHookForm,
} from "../../../services/testing-helpers";
import ControlledMetadata from "./ControlledMetadata";

describe("Some component", () => {
  beforeEach(() => {
    // Wrap with React Hook Form's Provider
    const Wrapped = withReactHookForm(ControlledMetadata);

    // Wrap with any other Providers you may be using, like ApolloProvider, React Router, etc.
    return renderWithRouterApollo(<Wrapped />,
      {
        mocks: [],
      }
    );
  });
  
  // Your tested component will be wrapped with React Hook Form's provider (and others) 
  it("renders controlled metadata component", async () => {
    expect(await screen.findByTestId("controlled-metadata"));
  });
  
  ...
});