import { expect, test } from "@playwright/test";

import { DataExplorer, TestAccount, generateUniqueName } from "../fx";

test("Tables CRUD", async ({ page }) => {
  const tableId = generateUniqueName("table");

  const explorer = await DataExplorer.open(page, TestAccount.Tables);

  await explorer.commandBarButton("New Table").click();
  await explorer.whilePanelOpen("New Table", async (panel, okButton) => {
    await panel.getByRole("textbox", { name: "Table id, Example Table1" }).fill(tableId);
    await panel.getByLabel("Table Max RU/s").fill("1000");
    await okButton.click();
  });

  const databaseNode = explorer.treeNode("DATA/TablesDB");
  await databaseNode.expand();

  const tableNode = explorer.treeNode(`DATA/TablesDB/${tableId}`);
  await expect(tableNode.element).toBeAttached();

  await tableNode.openContextMenu();
  await tableNode.contextMenuItem("Delete Table").click();
  await explorer.whilePanelOpen("Delete Table", async (panel, okButton) => {
    await panel.getByRole("textbox", { name: "Confirm by typing the table id" }).fill(tableId);
    await okButton.click();
  });

  await expect(tableNode.element).not.toBeAttached();
});