import "@testing-library/jest-dom/vitest";
import { render, screen } from "@testing-library/react";
import { describe, expect, it } from "vitest";

function ProfileForm() {
  return (
    <form>
      <label htmlFor="email">Email</label>
      <input id="email" type="email" />
      <button type="submit">Simpan profile</button>
    </form>
  );
}

describe("ProfileForm", () => {
  it("exposes the email field and save action", () => {
    render(<ProfileForm />);

    expect(
      screen.getByRole("textbox", { name: "Email" }),
    ).toBeInTheDocument();
    expect(
      screen.getByRole("button", { name: "Simpan profile" }),
    ).toBeInTheDocument();
  });
});