pop over test

SummaryForm.test.jsx

test("should display popover message when hovered", async () => {
  const user = userEvent.setup();
  render(<SummaryForm />);

  //popover should start hidden
  const noPopoverElement = screen.queryByText(
    /no ice cream will actually be delivered/i
  );
  expect(noPopoverElement).not.toBeInTheDocument();

  // popover should display on hover
  const checkboxElement = screen.getByText(/terms and conditions/i);
  await user.hover(checkboxElement);
  const popoverElement = screen.getByText(
    /no ice cream will actually be delivered/i
  );
  expect(popoverElement).toBeInTheDocument();

  // popover should be hidden on unhover
  await user.unhover(checkboxElement);
  expect(noPopoverElement).not.toBeInTheDocument();
});