@itwin/tree-widget-react 1.2.2 → 2.0.0

package/lib/esm/e2e-tests/TreeWidget.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeWidget.test.js","sourceRoot":"","sources":["../../../src/e2e-tests/TreeWidget.test.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAGhG,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAErF,IAAI,UAAmB,CAAC;AACxB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1C,MAAM,CAAC,OAAO,CAAC,CAAC;IAChB,MAAM,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,CAAC;IACvD,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACtD,8BAA8B;IAC9B,MAAM,gBAAgB,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAC3C,UAAU,GAAG,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,MAAM,UAAU,CAAC,OAAO,EAAE,CAAC;AAC7B,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;IAEhD,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACtC,6CAA6C;QAC7C,MAAM,UAAU,CAAC,UAAU,EAAE,sBAAsB,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;QACvH,MAAM,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,oBAAoB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAC5C,MAAM,IAAI,GAAG,UAAU,CAAC,UAAU,EAAE,sBAAsB,CAAC,CAAC;QAC5D,MAAM,IAAI,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC,KAAK,EAAE,CAAC;QAE7D,mDAAmD;QACnD,MAAM,UAAU,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,OAAO,EAAE,CAAC;QACvD,MAAM,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QACvC,MAAM,IAAI,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;QAC/C,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;QAEnB,mCAAmC;QACnC,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAC9C,MAAM,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAChC,MAAM,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC;QAChD,MAAM,UAAU,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC,KAAK,EAAE,CAAC;QAC5D,MAAM,UAAU,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7D,MAAM,UAAU,CAAC,OAAO,CAAC,6BAA6B,CAAC,CAAC,OAAO,EAAE,CAAC;QAClE,MAAM,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AAEL,CAAC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport type { Locator } from \"@playwright/test\";\nimport assert from \"assert\";\nimport { expect, test } from \"@playwright/test\";\nimport { expandStagePanel, locateNode, locateWidget, takeScreenshot } from \"./utils\";\n\nlet treeWidget: Locator;\ntest.beforeEach(async ({ page, baseURL }) => {\n  assert(baseURL);\n  await page.goto(baseURL, { waitUntil: \"networkidle\" });\n  await page.evaluate(async () => document.fonts.ready);\n  // expand panel size to ~300px\n  await expandStagePanel(page, \"right\", 100);\n  treeWidget = locateWidget(page, \"tree\");\n  await treeWidget.waitFor();\n});\n\ntest.describe(\"should match image snapshot\", () => {\n\n  test(\"initial tree\", async ({ page }) => {\n    // wait for element to be visible in the tree\n    await locateNode(treeWidget, \"ProcessPhysicalModel\").getByRole(\"checkbox\", { name: \"Visible\", exact: true }).waitFor();\n    await takeScreenshot(page, treeWidget);\n  });\n\n  test(\"expanded tree node\", async ({ page }) => {\n    const node = locateNode(treeWidget, \"ProcessPhysicalModel\");\n    await node.getByTestId(\"tree-node-expansion-toggle\").click();\n\n    // wait for node at the bottom to be visible/loaded\n    await locateNode(treeWidget, \"Tag-Category\").waitFor();\n    await takeScreenshot(page, treeWidget);\n  });\n\n  test(\"selected node\", async ({ page }) => {\n    const node = locateNode(treeWidget, \"BayTown\");\n    await node.click();\n\n    // wait for node to become selected\n    await expect(node).toHaveClass(/is-selected/);\n    await takeScreenshot(page, treeWidget);\n  });\n\n  test(\"search\", async ({ page }) => {\n    await treeWidget.getByText(\"BayTown\").waitFor();\n    await treeWidget.getByTitle(\"Search for something\").click();\n    await treeWidget.getByPlaceholder(\"Search...\").fill(\"Model\");\n    await treeWidget.locator(\".components-activehighlight\").waitFor();\n    await takeScreenshot(page, treeWidget);\n  });\n\n});\n"]}

package/lib/esm/e2e-tests/utils.d.ts

@@ -1,9 +0,0 @@
-import type { Locator, Page } from "@playwright/test";
-export declare const locateNode: (tree: Page | Locator, name: string) => Locator;
-export declare const locateWidget: (page: Page | Locator, widgetName: string) => Locator;
-type PanelSide = "left" | "right" | "top" | "bottom";
-export declare const locatePanel: (page: Page, side: PanelSide) => Locator;
-export declare const expandStagePanel: (page: Page, side: PanelSide, px: number) => Promise<void>;
-export declare function takeScreenshot(page: Page, component: Locator): Promise<void>;
-export {};
-//# sourceMappingURL=utils.d.ts.map

package/lib/esm/e2e-tests/utils.js

@@ -1,40 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import assert from "assert";
-import { expect } from "@playwright/test";
-export const locateNode = (tree, name) => tree.getByRole("treeitem", { name });
-export const locateWidget = (page, widgetName) => page.locator(`.${widgetName}-widget`);
-export const locatePanel = (page, side) => page.locator(`.nz-widgetPanels-panel.nz-${side}`);
-export const expandStagePanel = async (page, side, px) => {
-    const widgetPanel = locatePanel(page, side);
-    const handlePos = await widgetPanel
-        .locator(".nz-grip-container")
-        .locator(".nz-handle")
-        .boundingBox();
-    assert(handlePos);
-    await page.mouse.move(handlePos.x, handlePos.y);
-    await page.mouse.down();
-    switch (side) {
-        case "left":
-            await page.mouse.move(handlePos.x + px, handlePos.y);
-            break;
-        case "right":
-            await page.mouse.move(handlePos.x - px, handlePos.y);
-            break;
-        case "top":
-            await page.mouse.move(handlePos.x, handlePos.y - px);
-            break;
-        case "bottom":
-            await page.mouse.move(handlePos.x, handlePos.y + px);
-            break;
-    }
-    await page.mouse.up();
-};
-export async function takeScreenshot(page, component) {
-    const boundingBox = await component.boundingBox();
-    assert(boundingBox);
-    await expect(page).toHaveScreenshot({ clip: boundingBox });
-}
-//# sourceMappingURL=utils.js.map

package/lib/esm/e2e-tests/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/e2e-tests/utils.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAI1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAoB,EAAE,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;AACvG,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAoB,EAAE,UAAkB,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,SAAS,CAAC,CAAC;AAGhH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAU,EAAE,IAAe,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,6BAA6B,IAAI,EAAE,CAAC,CAAC;AAE9G,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,EAAE,IAAU,EAAE,IAAe,EAAE,EAAU,EAAE,EAAE;IAChF,MAAM,WAAW,GAAG,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,MAAM,WAAW;SAChC,OAAO,CAAC,oBAAoB,CAAC;SAC7B,OAAO,CAAC,YAAY,CAAC;SACrB,WAAW,EAAE,CAAC;IACjB,MAAM,CAAC,SAAS,CAAC,CAAC;IAElB,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAChD,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAExB,QAAQ,IAAI,EAAE;QACZ,KAAK,MAAM;YACT,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;YACrD,MAAM;QACR,KAAK,OAAO;YACV,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;YACrD,MAAM;QACR,KAAK,KAAK;YACR,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;YACrD,MAAM;QACR,KAAK,QAAQ;YACX,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;YACrD,MAAM;KACT;IACD,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,IAAU,EAAE,SAAkB;IACjE,MAAM,WAAW,GAAG,MAAM,SAAS,CAAC,WAAW,EAAE,CAAC;IAClD,MAAM,CAAC,WAAW,CAAC,CAAC;IACpB,MAAM,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;AAC7D,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport assert from \"assert\";\nimport { expect } from \"@playwright/test\";\n\nimport type { Locator, Page } from \"@playwright/test\";\n\nexport const locateNode = (tree: Page | Locator, name: string) => tree.getByRole(\"treeitem\", { name });\nexport const locateWidget = (page: Page | Locator, widgetName: string) => page.locator(`.${widgetName}-widget`);\n\ntype PanelSide = \"left\" | \"right\" | \"top\" | \"bottom\";\nexport const locatePanel = (page: Page, side: PanelSide) => page.locator(`.nz-widgetPanels-panel.nz-${side}`);\n\nexport const expandStagePanel = async (page: Page, side: PanelSide, px: number) => {\n  const widgetPanel = locatePanel(page, side);\n  const handlePos = await widgetPanel\n    .locator(\".nz-grip-container\")\n    .locator(\".nz-handle\")\n    .boundingBox();\n  assert(handlePos);\n\n  await page.mouse.move(handlePos.x, handlePos.y);\n  await page.mouse.down();\n\n  switch (side) {\n    case \"left\":\n      await page.mouse.move(handlePos.x + px, handlePos.y);\n      break;\n    case \"right\":\n      await page.mouse.move(handlePos.x - px, handlePos.y);\n      break;\n    case \"top\":\n      await page.mouse.move(handlePos.x, handlePos.y - px);\n      break;\n    case \"bottom\":\n      await page.mouse.move(handlePos.x, handlePos.y + px);\n      break;\n  }\n  await page.mouse.up();\n};\n\nexport async function takeScreenshot(page: Page, component: Locator) {\n  const boundingBox = await component.boundingBox();\n  assert(boundingBox);\n  await expect(page).toHaveScreenshot({ clip: boundingBox });\n}\n"]}