ContextTest.jsx

it("can add an alert", () => {
  const TestComponent = () => {
    return (
      <AlertProvider>
        <Layout>
          <ComponentWithAlert />
        </Layout>
      </AlertProvider>
    );
  };

  const { getByText, container } = render(<TestComponent />);

  const button = getByText("Show Alert");

  fireEvent.click(button);

  expect(container.innerHTML).toContain("This is my alert");
});