Files
cosmos-explorer/test/sql/duplicateTab.spec.ts
T
2026-07-08 09:45:37 -07:00

110 lines
4.5 KiB
TypeScript

// import { expect, test } from "@playwright/test";
// import { DataExplorer, TestAccount } from "../fx";
// import { createTestSQLContainer, TestContainerContext } from "../testData";
// let context: TestContainerContext = null!;
// let explorer: DataExplorer = null!;
// test.beforeAll("Create Test Database", async () => {
// context = await createTestSQLContainer({ includeTestData: false });
// });
// test.afterAll("Delete Test Database", async () => {
// await context?.dispose();
// });
// test.beforeEach("Open Data Explorer", async ({ page }) => {
// explorer = await DataExplorer.open(page, TestAccount.SQL);
// });
// test("Duplicate Items tab opens a second Items tab", async () => {
// test.skip();
// // Open Items tab
// const containerNode = await explorer.waitForContainerNode(context.database.id, context.container.id);
// await containerNode.expand();
// const itemsNode = await explorer.waitForContainerItemsNode(context.database.id, context.container.id);
// await itemsNode.element.click();
// const documentsTab = explorer.documentsTab("tab0");
// await documentsTab.documentsFilter.waitFor({ timeout: 30_000 });
// // Right-click the tab nav header
// await explorer.tabNavHeader("tab0").click({ button: "right" });
// // "Duplicate tab" should be visible in the context menu
// const duplicateMenuItem = explorer.tabContextMenuItem("Duplicate tab");
// await expect(duplicateMenuItem).toBeVisible();
// await duplicateMenuItem.click();
// // A second tab should appear
// const tab1 = explorer.tab("tab1");
// await expect(tab1).toBeAttached({ timeout: 30_000 });
// // The duplicated tab should also show the Documents content
// const duplicatedTab = explorer.documentsTab("tab1");
// await duplicatedTab.documentsFilter.waitFor({ timeout: 30_000 });
// });
// test("Duplicate Query tab preserves query text in new tab", async () => {
// test.skip();
// // Open a new SQL query tab via container context menu
// const containerNode = await explorer.waitForContainerNode(context.database.id, context.container.id);
// await containerNode.openContextMenu();
// await containerNode.contextMenuItem("New SQL Query").click();
// const queryTab = explorer.queryTab("tab0");
// const editor = queryTab.editor();
// await editor.locator.waitFor({ timeout: 30_000 });
// // Type a custom query
// const customQuery = 'SELECT * FROM c WHERE c.id = "duplicate-query-test"';
// await editor.setText(customQuery);
// // Right-click the tab nav header
// await explorer.tabNavHeader("tab0").click({ button: "right" });
// const duplicateMenuItem = explorer.tabContextMenuItem("Duplicate tab");
// await expect(duplicateMenuItem).toBeVisible();
// await duplicateMenuItem.click();
// // Second query tab should appear
// const tab1 = explorer.tab("tab1");
// await expect(tab1).toBeAttached({ timeout: 30_000 });
// // The duplicated tab should contain the same query text
// const duplicatedQueryTab = explorer.queryTab("tab1");
// await duplicatedQueryTab.editor().locator.waitFor({ timeout: 30_000 });
// const editorText = await duplicatedQueryTab.editor().text();
// expect(editorText).toContain("duplicate-query-test");
// });
// test("Right-click context menu does not appear for the Home tab", async () => {
// test.skip();
// // The Home tab (ReactTabKind) is never duplicable — no context menu should appear
// await explorer.tabNavHeader("Home").click({ button: "right" });
// // Neither menu item should be visible
// await expect(explorer.tabContextMenuItem("Duplicate tab")).not.toBeVisible();
// await expect(explorer.tabContextMenuItem("Close tab")).not.toBeVisible();
// });
// test("Close tab from right-click menu closes the tab", async () => {
// test.skip();
// // Open Items tab
// const containerNode = await explorer.waitForContainerNode(context.database.id, context.container.id);
// await containerNode.expand();
// const itemsNode = await explorer.waitForContainerItemsNode(context.database.id, context.container.id);
// await itemsNode.element.click();
// const documentsTab = explorer.documentsTab("tab0");
// await documentsTab.documentsFilter.waitFor({ timeout: 30_000 });
// // Right-click the tab nav header and close the tab
// await explorer.tabNavHeader("tab0").click({ button: "right" });
// await explorer.tabContextMenuItem("Close tab").click();
// // The tab pane should be removed
// await expect(explorer.tab("tab0")).not.toBeAttached({ timeout: 15_000 });
// });