import { screen } from "@testing-library/react";
import userEvent from "@testing-library/user-event";
import { createTestTable } from "./utils/testData";

describe("BulkEditTable", () => {
  describe("editing", () => {
    it("Should replace the text when cell is just single clicked", async () => {
      const { getRows, render } = createTestTable();
      render();
      userEvent.click(await screen.findByText("b2"));
      userEvent.keyboard("edited{Enter}");
      expect(getRows()[2].data[1]).toEqual("edited");
    });

    it("Should append the text when cell is double clicked", async () => {
      const { getRows, render } = createTestTable();
      render();
      userEvent.dblClick(await screen.findByText("b2"));
      userEvent.keyboard("edited{Enter}");
      expect(getRows()[2].data[1]).toEqual("b2edited");
    });

    it("Should clear when backspace is clicked", async () => {
      const { getRows, render } = createTestTable();
      render();
      userEvent.click(await screen.findByText("b2"));
      userEvent.keyboard("{Backspace}");
      expect(getRows()[2].data[1]).toEqual("");
    });
  });
});