React Testing Library - Given, When, Then

gistfile1.txt

  describe("when user inputs more characters ", () => {
    const { getByLabelText, getByText } = render(<Component />);
    const input = getByLabelText("label", { selector: "input" });

    beforeEach(() => {
      fireEvent.change(input, { target: { value: "new value" } });
    });

    it("displays suggestions", () => {
      expect(getByText("new value")).toBeInTheDocument();
    });
  });