userEvent.jsx

describe("Form", () => {
  it("should save correct data on submit", async () => {
    const mockSave = jest.fn();
    render(<Form saveData={mockSave} />);
    await userEvent.type(screen.getByRole("textbox", { name: "Name" }), "Test");
    await userEvent.click(screen.getByRole("button", { name: "Sign up" }));
    expect(mockSave).toHaveBeenLastCalledWith({ ...defaultData, name: "Test" });
  });
});