App.test.tsx Unit Test Konsep Koding

App.test.tsx

import {  render, screen, waitFor } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import App from "./App";


describe("Render app", () => {

  test("should change input value when user type", async () => {
    render(<App />);

    //simulate filling up the textbox
    const personNameInput: HTMLInputElement = screen.getByRole("textbox");
    await userEvent.type(personNameInput,  "helo");
    await waitFor(() => expect(personNameInput).toHaveValue("helo"))
  });
});