import TextInlineEdit from "$components/text/TextInlineEdit.svelte";
import { cleanup, render } from "@testing-library/svelte";
import { afterEach, describe, expect, it } from "vitest";

afterEach(() => {
  cleanup();
});

describe("TextInlineEdit.svelte", () => {
  it("should render with initial text", () => {
    render(TextInlineEdit, {
      props: {
        id: 1,
        text: "Test text",
        ondelete: () => {},
      },
    });

    const input = document.querySelector("input[type='text']");
    expect(input).toBeInTheDocument();
    expect(input).toHaveValue("Test text");
  });

  it("should render with empty text", () => {
    render(TextInlineEdit, {
      props: {
        id: 1,
        text: "",
        ondelete: () => {},
      },
    });

    const input = document.querySelector("input[type='text']");
    expect(input).toHaveValue("");
  });
});