@ironsource/shared-ui-e2e 2.1.1-rc.3 → 2.1.1-test.4

package/package.json

@@ -1,7 +1,9 @@
 {
   "name": "@ironsource/shared-ui-e2e",
-  "version": "2.1.1-rc.3",
+  "private": false,
+  "version": "2.1.1-test.4",
   "description": "",
+  "type": "module",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -15,28 +17,25 @@
     "build": "vite build && tsc --declaration --project tsconfig.json"
   },
   "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "main": "./index.ts",
-  "module": "./index.ts",
+  "author": "Alex Ilin",
+  "license": "MIT",
+  "main": "./shared-e2e-commands.js",
+  "module": "./shared-e2e-commands.js",
+  "types": "./tests/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./shared-e2e-commands.js",
+      "require": "./shared-e2e-commands.umd.cjs"
+    },
+    "./commands": "./tests/index.d.ts"
+  },
   "devDependencies": {
     "@playwright/test": "1.37.1",
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
     "vite-plugin-static-copy": "^0.17.0"
   },
-  "exports": {
-    "./includeExclude": "./components/includeExclude/include-exclude-component.js",
-    ".": {
-      "import": "./index.ts",
-      "require": "./index.ts"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "includeExclude": [
-        ".tests/components/includeExclude/include-exclude-component.d.ts"
-      ]
-    }
+  "dependencies": {
+    "vite-plugin-dts": "^3.7.1"
   }
 }

package/shared-e2e-commands.js

@@ -0,0 +1,638 @@
+var A = Object.defineProperty;
+var m = (a, t, e) => t in a ? A(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var l = (a, t, e) => (m(a, typeof t != "symbol" ? t + "" : t, e), e);
+var p = /* @__PURE__ */ ((a) => (a.TRIGGER = "ie-trigger", a.CONTENT = "ie-content", a.SEARCH = "ie-search", a.LIST = "ie-list", a.LIST_SELECTED = "ie-list-selected", a.ACTION_CANCEL = "ie-action-cancel", a.ACTION_APPLY = "ie-action-apply", a.SELECT_ALL = "ie-select-all", a.CLEAR_ALL = "ie-clear-all", a))(p || {}), c = /* @__PURE__ */ ((a) => (a.TRIGGER = "dd-trigger", a.WRAPPER = "dd-wrapper", a.BUTTON = "dd-button", a.BUTTON_WRAPPER = "dd-button-wrapper", a.BUTTON_CONTENT = "dd-button-content", a.BUTTON_CLEAR = "dd-button-clear", a.LABEL = "dd-label", a.LIST_CONTAINER = "dd-list-container", a.SEARCH = "dd-search", a.TITLE = "dd-title", a.ACTION_CANCEL = "dd-action-cancel", a.ACTION_APPLY = "dd-action-apply", a.ACTION_CLEAR_ALL = "dd-action-clear-all", a.HELPER_TEXT = "dd-helper-text", a.HELPER_TEXT_ERROR = "dd-helper-text-error", a.SELECT_ALL = "dd-select-all", a.NO_RESULT = "dd-no-result", a))(c || {}), y = /* @__PURE__ */ ((a) => (a.WRAPPER = "banner-wrapper", a.CONTENT = "banner-content", a))(y || {}), g = /* @__PURE__ */ ((a) => (a.WRAPPER = "dialog-wrapper", a.HEADER = "dialog-header", a.ACTION_CLOSE = "dialog-action-close", a.HEADER_SECONDARY = "dialog-header-secondary", a.CONTENT = "dialog-content", a.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", a.BACKDROP = "dialog-backdrop", a.SAVE_BUTTON = "dialog-save-button", a.CANCEL_BUTTON = "dialog-cancel-button", a))(g || {}), i = /* @__PURE__ */ ((a) => (a.WRAPPER = "input-wrapper", a.TOOLTIP = "input-tooltip", a.MANDATORY = "input-mandatory", a.LABEL_CONTAINER = "input-label-container", a.LABEL_TEXT = "input-label-text", a.FIELD = "input-field", a.EXTRA_TEXT = "input-extra-text", a.TOGGLE_PASSWORD = "input-toggle-password-icon", a))(i || {}), C = /* @__PURE__ */ ((a) => (a.CONTAINER = "search-container", a.FIELD = "search-field", a.CLOSE = "search-close", a.CLEAR = "search-clear", a))(C || {}), s = /* @__PURE__ */ ((a) => (a.CONTAINER = "tbl-container", a.TABLE = "tbl-table", a.HEADER = "tbl-header", a.TITLE = "tbl-title", a.HEADER_RIGHT = "tbl-header-right", a.ACTIONS = "tbl-actions", a.SECTIONS = "tbl-sections", a.BODY_WRAPPER = "tbl-body-wrapper", a.EMPTY_STATE = "tbl-empty-state", a))(s || {}), d = /* @__PURE__ */ ((a) => (a.TEXT = "tt-text", a.TRIGGER = "tt-trigger", a.HEADER = "tt-header", a))(d || {}), h = /* @__PURE__ */ ((a) => (a.WRAPPER = "tabs-wrapper", a.TAB = "tabs-tab", a))(h || {}), u = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-label-container", a.TEXT = "field-label-text", a.MANDATORY = "field-label-mandatory", a.TOOLTIP = "field-label-help-tooltip", a))(u || {}), w = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-help-text-container", a.TEXT = "field-help-text-text", a.ICON = "field-help-text-icon", a))(w || {});
+const L = (a, t) => {
+  const e = new URLSearchParams(a).toString();
+  return t.includes("?") ? `${t}${e}` : `${t}?${e}`;
+}, b = (a, t = {}) => {
+  const e = [];
+  Object.entries(t).forEach(([T, E]) => {
+    e.push(`${T}:${E}`);
+  });
+  const o = {
+    id: a,
+    viewMode: "story",
+    args: e.join(";")
+  };
+  return L(o, "iframe.html");
+}, n = (a, t) => `${a}-${t}`;
+class S {
+  constructor(t) {
+    l(this, "page");
+    this.page = t;
+  }
+  async waitForComponent({ testId: t }) {
+    const e = `[data-testid='${t}-${y.WRAPPER}']`;
+    await this.page.waitForSelector(e);
+  }
+  getBannerText({ testId: t }) {
+    return this.page.getByTestId(n(t, y.CONTENT)).textContent();
+  }
+  hasBannerType({ testId: t, type: e }) {
+    return this.page.getByTestId(n(t, y.WRAPPER)).locator(`.icon.icon-name--${e}`) !== null;
+  }
+}
+class N {
+  constructor(t) {
+    l(this, "page");
+    l(this, "testId");
+    l(this, "componentId");
+    l(this, "loadedPageSelector");
+    this.page = t.page, this.testId = t.testId, this.componentId = t.componentId, this.loadedPageSelector = t.loadedPageSelector;
+  }
+  async goto(t = {}) {
+    const e = {
+      testId: this.testId,
+      ...t.additionalComponentParams
+    };
+    await this.page.goto(
+      b(
+        t.storyId || this.componentId,
+        e
+      )
+    ), await this.page.waitForSelector(this.loadedPageSelector);
+  }
+}
+class k {
+  constructor(t) {
+    l(this, "page");
+    this.page = t;
+  }
+  async waitForComponent({ testId: t }) {
+    const e = `[data-testid='${t}-${g.WRAPPER}']`;
+    await this.page.waitForSelector(e);
+  }
+  getDialogTitle({ testId: t }) {
+    return this.page.getByTestId(n(t, g.HEADER)).locator(".font-heading-3").textContent();
+  }
+  getDialogText({ testId: t }) {
+    return this.page.getByTestId(n(t, g.CONTENT)).textContent();
+  }
+  async closeDialog({ testId: t }) {
+    await (await this.page.getByTestId(
+      n(t, g.ACTION_CLOSE)
+    )).click();
+  }
+  async clickOnPrimaryButton({ testId: t }) {
+    await (await this.page.getByTestId(
+      n(t, g.ACTION_BUTTONS_WRAPPER)
+    ).locator(".primary")).click();
+  }
+  async clickOnDefaultButton({ testId: t }) {
+    await (await this.page.getByTestId(
+      n(t, g.ACTION_BUTTONS_WRAPPER)
+    ).locator(".default")).click();
+  }
+  async clickOnDeleteButton({ testId: t }) {
+    await (await this.page.getByTestId(
+      n(t, g.ACTION_BUTTONS_WRAPPER)
+    ).locator(".danger")).click();
+  }
+  getDialogSubtitle({ testId: t }) {
+    return this.page.getByTestId(n(t, g.HEADER)).locator(".subtitle").textContent();
+  }
+  async isDialogVisible({ testId: t }) {
+    return await this.page.waitForTimeout(1e3), (await this.page.getByTestId(
+      n(t, g.WRAPPER)
+    )).isVisible();
+  }
+}
+class x {
+  constructor(t) {
+    l(this, "page");
+    this.page = t;
+  }
+  async waitForComponent({ testId: t }) {
+    await this.page.getByTestId(
+      n(t, c.WRAPPER)
+    );
+  }
+  async selectDropdownOptionByIndex({ testId: t, index: e }) {
+    await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li").nth(e).click();
+  }
+  async openDropdownComponent({ testId: t }) {
+    await this.page.getByTestId(n(t, c.TRIGGER)).click({ position: { x: 10, y: 10 } });
+  }
+  async selectDropdownOptionByName({ testId: t, name: e }) {
+    await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li span", { hasText: e }).click();
+  }
+  async selectMultipleItemsByIndex({ testId: t, itemsToSelect: e }) {
+    await this.openDropdownComponent({ testId: t });
+    for (const o of e)
+      await this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li").nth(o).click();
+  }
+  async selectMultipleItemsByName({
+    testId: t,
+    itemsToSelect: e
+  }) {
+    await this.openDropdownComponent({ testId: t });
+    for (const o of e)
+      await this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li span", { hasText: o }).first().click();
+  }
+  async clickOnApply({ testId: t }) {
+    await this.page.getByTestId(n(t, c.ACTION_APPLY)).click();
+  }
+  async clickOnCancel({ testId: t }) {
+    await this.page.getByTestId(n(t, c.ACTION_CANCEL)).click();
+  }
+}
+class B {
+  constructor(t) {
+    l(this, "page");
+    this.page = t;
+  }
+  getLabelText({ testId: t }) {
+    return this.page.getByTestId(n(t, u.TEXT)).textContent();
+  }
+  isMandatory({ testId: t }) {
+    return this.page.getByTestId(n(t, u.MANDATORY)).isVisible();
+  }
+  async getHelpIconText({ testId: t }) {
+    const e = await this.page.getByTestId(
+      n(t, u.TOOLTIP)
+    );
+    return await e.hover(), e.getAttribute("text");
+  }
+}
+class R {
+  constructor(t) {
+    l(this, "page");
+    this.page = t;
+  }
+  hasExtraText({ testId: t }) {
+    return this.page.getByTestId(n(t, w.TEXT)).isVisible();
+  }
+  getExtraText({ testId: t }) {
+    return this.page.getByTestId(n(t, w.TEXT)).textContent();
+  }
+  async hasExtraTextIconType({ testId: t, type: e }) {
+    return await (await this.page.getByTestId(n(t, w.CONTAINER)).locator(`.icon.icon-name--${e}`)).count() !== 0;
+  }
+}
+class _ extends x {
+  constructor(e) {
+    super(e);
+    l(this, "fieldLabelComponent");
+    l(this, "fieldHelpTextComponent");
+    this.fieldLabelComponent = new B(e), this.fieldHelpTextComponent = new R(e);
+  }
+  getDropdownTitle({ testId: e }) {
+    return this.fieldLabelComponent.getLabelText({ testId: e });
+  }
+  isMandatory({ testId: e }) {
+    return this.fieldLabelComponent.isMandatory({ testId: e });
+  }
+  getHelpIconText({ testId: e }) {
+    return this.fieldLabelComponent.getHelpIconText({ testId: e });
+  }
+  hasExtraText({ testId: e }) {
+    return this.fieldHelpTextComponent.hasExtraText({ testId: e });
+  }
+  getExtraText({ testId: e }) {
+    return this.fieldHelpTextComponent.getExtraText({ testId: e });
+  }
+  hasExtraTextIconType({ testId: e, type: o }) {
+    return this.fieldHelpTextComponent.hasExtraTextIconType({ testId: e, type: o });
+  }
+  getSelectedLabel({ testId: e }) {
+    return this.page.getByTestId(n(e, c.BUTTON_CONTENT)).textContent();
+  }
+  async searchForItem({ testId: e, searchTerm: o }) {
+    return await this.openDropdownComponent({ testId: e }), await this.page.getByTestId(n(e, i.FIELD)).fill(o), this.page.getByTestId(n(e, c.LIST_CONTAINER)).locator("ul > li span").first().textContent();
+  }
+  isErrorText({ testId: e }) {
+    return this.page.getByTestId(n(e, c.TRIGGER)).locator(".state-error").isVisible();
+  }
+  async isDisabled({ testId: e }) {
+    return (await this.page.getByTestId(n(e, c.TRIGGER)).locator(".button__container--disabled")).isVisible();
+  }
+  async clearAllOptions({ testId: e }) {
+    await this.page.getByTestId(n(e, c.ACTION_CLEAR_ALL)).click();
+  }
+  isSelectAllChecked({ testId: e }) {
+    return this.page.getByTestId(n(e, c.SELECT_ALL)).locator(".checkbox.input").isChecked();
+  }
+  isSelectAllIndeterminate({ testId: e }) {
+    return this.page.getByTestId(n(e, c.SELECT_ALL)).locator(".icon.indeterminate").isVisible();
+  }
+  async removeChipSelection({ testId: e }) {
+    await this.page.getByTestId(n(e, c.BUTTON_CLEAR)).click();
+  }
+}
+class H extends x {
+  constructor(t) {
+    super(t);
+  }
+  getDropdownTitle({ testId: t }) {
+    return this.page.getByTestId(n(t, c.WRAPPER)).locator("label > span").textContent();
+  }
+  getSelectedItem({ testId: t }) {
+    return this.page.getByTestId(n(t, c.TRIGGER)).locator("button > span").textContent();
+  }
+  async searchForItem({ testId: t, searchTerm: e }) {
+    return await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, C.FIELD)).fill(e), this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li span").first().textContent();
+  }
+}
+class D {
+  constructor(t) {
+    l(this, "page");
+    this.page = t;
+  }
+  async waitForComponent({ testId: t }) {
+    const e = `[data-testid='${t}-${p.TRIGGER}']`;
+    await this.page.waitForSelector(e);
+  }
+  async clickOnApply(t) {
+    await this.page.getByTestId(
+      n(t, p.ACTION_APPLY)
+    ).click();
+  }
+  async clickOnCancel(t) {
+    await this.page.getByTestId(
+      n(t, p.ACTION_CANCEL)
+    ).click();
+  }
+  async openIncludeExcludeComponent(t) {
+    await this.page.getByTestId(n(t, p.TRIGGER)).click();
+  }
+  async searchForItem({ testId: t, searchTerm: e }) {
+    return await this.openIncludeExcludeComponent(t), await this.page.getByTestId(n(t, p.SEARCH)).locator("input.transparent").fill(e), this.page.getByTestId(n(t, p.LIST)).locator("ul > li .v-popper span").first().textContent();
+  }
+  async selectItemByName({ testId: t, entityName: e }) {
+    await this.openIncludeExcludeComponent(t), await this.page.getByTestId(n(t, p.LIST)).locator("ul > li .v-popper span", { hasText: e }).first().click(), await this.clickOnApply(t);
+  }
+  async selectItemByIndex({ testId: t, index: e, applyChanges: o }) {
+    await this.clearAll({ testId: t }), await this.openIncludeExcludeComponent(t), await this.page.getByTestId(n(t, p.LIST)).locator(".include-exclude-list ul > li").nth(e).click(), await this.page.waitForSelector("include-exclude-list-header-loading", {
+      state: "hidden"
+    }), o && await this.clickOnApply(t);
+  }
+  async selectMultipleItems({ testId: t, itemsToSelect: e }) {
+    await this.clearAll({ testId: t }), await this.openIncludeExcludeComponent(t);
+    for (const o of e)
+      await this.page.getByTestId(n(t, p.LIST)).locator(".include-exclude-list ul > li").nth(o).click();
+  }
+  async unselectItemByName({ testId: t, entityName: e }) {
+    await this.openIncludeExcludeComponent(t), await this.page.getByTestId(
+      n(t, p.LIST_SELECTED)
+    ).locator("ul > li", { hasText: e }).locator(".clear-button").click(), await this.clickOnApply(t);
+  }
+  async unselectByIndex({ testId: t, index: e, applyChanges: o }) {
+    await this.page.getByTestId(
+      n(t, p.LIST_SELECTED)
+    ).locator("ul li button").nth(e).click(), o && await this.clickOnApply(t);
+  }
+  async getSelectedCounter(t) {
+    return await this.page.getByTestId(
+      n(t, p.LIST_SELECTED)
+    ).locator(".include-exclude-selected-header-left span").textContent();
+  }
+  async clearAll({ testId: t }) {
+    await this.openIncludeExcludeComponent(t), await this.page.getByTestId(n(t, p.CLEAR_ALL)).click(), await this.clickOnApply(t);
+  }
+  getTriggerText({ testId: t }) {
+    return this.page.getByTestId(n(t, p.TRIGGER)).locator(".include-exclude-trigger-middle-section .container span").first().textContent();
+  }
+  getTriggerDescription({ testId: t }) {
+    return this.page.getByTestId(n(t, p.TRIGGER)).locator("div span.include-exclude-trigger-description").first().textContent();
+  }
+  async selectAll({ testId: t }) {
+    await this.openIncludeExcludeComponent(t), await this.page.getByTestId(n(t, p.SELECT_ALL)).click(), await this.clickOnApply(t);
+  }
+}
+class O {
+  constructor(t) {
+    l(this, "page");
+    this.page = t;
+  }
+  getInputsFieldText({ testId: t }) {
+    return this.page.getByTestId(n(t, i.FIELD)).inputValue();
+  }
+  getPlaceholderText({ testId: t }) {
+    return this.page.getByTestId(n(t, i.FIELD)).getAttribute("placeholder");
+  }
+  getInputsType({ testId: t }) {
+    return this.page.getByTestId(n(t, i.FIELD)).getAttribute("type");
+  }
+  async addInput({ testId: t, text: e }) {
+    await this.page.getByTestId(n(t, i.FIELD)).type(e);
+  }
+  async clearInput({ testId: t }) {
+    await this.page.getByTestId(n(t, i.FIELD)).clear();
+  }
+  isDisabled({ testId: t }) {
+    return this.page.getByTestId(n(t, i.FIELD)).isDisabled();
+  }
+}
+class F extends O {
+  constructor(e) {
+    super(e);
+    l(this, "fieldLabelComponent");
+    l(this, "fieldHelpTextComponent");
+    this.fieldLabelComponent = new B(e), this.fieldHelpTextComponent = new R(e);
+  }
+  getInputsLabelText({ testId: e }) {
+    return this.fieldLabelComponent.getLabelText({ testId: e });
+  }
+  async waitForComponent({ testId: e }) {
+    const o = `[data-testid='${e}-${i.WRAPPER}']`;
+    await this.page.waitForSelector(o);
+  }
+  isInputMandatory({ testId: e }) {
+    return this.fieldLabelComponent.isMandatory({ testId: e });
+  }
+  hasInputExtraText({ testId: e }) {
+    return this.fieldHelpTextComponent.hasExtraText({ testId: e });
+  }
+  getInputExtraText({ testId: e }) {
+    return this.fieldHelpTextComponent.getExtraText({ testId: e });
+  }
+  async clickOnApplyButton({ testId: e }) {
+    await (await this.page.getByTestId(n(e, i.WRAPPER)).locator(".icon.icon-name--check")).click();
+  }
+  hasInlineErrorText({ testId: e }) {
+    return this.page.getByTestId(n(e, i.TOOLTIP)).isVisible();
+  }
+  async getInlineErrorText({ testId: e }) {
+    const o = await this.page.getByTestId(
+      n(e, i.TOOLTIP)
+    );
+    return await o.hover(), o.getAttribute("text");
+  }
+  async clickOnShowPassword({ testId: e }) {
+    await this.isPasswordHidden({ testId: e }) && await this.clickOnPasswordIcon({ testId: e });
+  }
+  async clickOnPasswordIcon({ testId: e }) {
+    await this.page.getByTestId(n(e, i.TOGGLE_PASSWORD)).click();
+  }
+  async clickOnHidePassword({ testId: e }) {
+    await this.isPasswordHidden({ testId: e }) || await this.clickOnPasswordIcon({ testId: e });
+  }
+  isPasswordHidden({ testId: e }) {
+    return this.page.getByTestId(n(e, i.TOGGLE_PASSWORD)).locator(".icon.icon-name--eye-slash").isVisible();
+  }
+  async clearInput({ testId: e }) {
+    const o = await this.page.getByTestId(
+      n(e, i.FIELD)
+    );
+    await o.click({ clickCount: 2 }), await o.type("");
+  }
+  hasExtraTextIconType({ testId: e, type: o }) {
+    return this.fieldHelpTextComponent.hasExtraTextIconType({ testId: e, type: o });
+  }
+  async isDisabled({ testId: e }) {
+    return (await this.page.getByTestId(
+      n(e, i.FIELD)
+    )).isDisabled();
+  }
+  hasApplyButton({ testId: e }) {
+    return this.page.getByTestId(n(e, i.WRAPPER)).locator(".icon.icon-name--check").isVisible();
+  }
+  async getMaxLengthNumber({ testId: e }) {
+    return (await this.getFontCaptionText({ testId: e }))[1];
+  }
+  async getActualNumberLength({ testId: e }) {
+    return (await this.getFontCaptionText({ testId: e }))[0];
+  }
+  async getFontCaptionText({ testId: e }) {
+    return (await this.page.getByTestId(n(e, i.WRAPPER)).locator(".font-caption").textContent()).split("/").map((r) => parseInt(r.trim(), 10));
+  }
+  getHelpIconText({ testId: e }) {
+    return this.fieldLabelComponent.getHelpIconText({ testId: e });
+  }
+}
+class G {
+  constructor(t) {
+    l(this, "page");
+    this.page = t;
+  }
+  async waitForComponent({ testId: t }) {
+    const e = `[data-testid='${t}-${h.WRAPPER}']`;
+    await this.page.waitForSelector(e);
+  }
+  getSelectedTabText({ testId: t }) {
+    return this.page.getByTestId(n(t, h.WRAPPER)).locator(".tab-item--active").textContent();
+  }
+  async selectTab({ testId: t, tabName: e }) {
+    const o = await this.getTabIndex({ testId: t, tabName: e });
+    await this.page.getByTestId(
+      n(t, `${h.TAB}-${o + 1}`)
+    ).click();
+  }
+  async getTabIndex({ testId: t, tabName: e }) {
+    return (await this.page.getByTestId(n(t, h.WRAPPER)).locator(".tab-item").allTextContents()).indexOf(e);
+  }
+  async isTabDisabled({ testId: t, tabName: e }) {
+    const o = await this.getTabIndex({ testId: t, tabName: e });
+    return this.page.getByTestId(n(t, `${h.TAB}-${o}`)).locator(".tab-item--disabled").isVisible();
+  }
+}
+class $ {
+  constructor(t) {
+    l(this, "page");
+    this.page = t;
+  }
+  async waitForComponent({ testId: t }) {
+    const e = `[data-testid='${t}-${d.TRIGGER}']`;
+    await this.page.waitForSelector(e);
+  }
+  getTooltipText({ testId: t }) {
+    return this.page.getByTestId(`${t}-${d.TRIGGER}`).getAttribute("text");
+  }
+  getTooltipHeaderText({ testId: t }) {
+    return this.page.getByTestId(`${t}-${d.TRIGGER}`).getAttribute("header");
+  }
+}
+class V {
+  constructor(t) {
+    l(this, "page");
+    this.page = t;
+  }
+  async waitForComponent({ testId: t }) {
+    const e = `[data-testid='${t}-${s.CONTAINER}']`;
+    await this.page.waitForSelector(e);
+  }
+  getTableRowCount({ testId: t }) {
+    return this.page.getByTestId(n(t, s.BODY_WRAPPER)).locator(".table-row").count();
+  }
+  getTableRowContentByIndex({
+    testId: t,
+    index: e
+  }) {
+    return this.page.getByTestId(`${t}-${s.BODY_WRAPPER}`).locator(".table-row").nth(e).innerText();
+  }
+  async getTableRowByRowValue({
+    testId: t,
+    rowHeader: e,
+    rowValue: o
+  }) {
+    const r = await this.getRowIndexByRowValue({
+      testId: t,
+      rowHeader: e,
+      rowValue: o
+    });
+    return this.getTableRowContentByIndex({ testId: t, index: r });
+  }
+  async getRowIndexByRowValue({
+    testId: t,
+    rowHeader: e,
+    rowValue: o
+  }) {
+    return (await this.getColumnValuesByHeader({
+      testId: t,
+      header: e
+    })).indexOf(o);
+  }
+  async getColumnValuesByHeader({
+    header: t,
+    testId: e
+  }) {
+    const o = await this.getColumnIndexByHeader({
+      testId: e,
+      header: t
+    });
+    return this.getColumnValuesByIndex({ testId: e, index: o });
+  }
+  async getColumnIndexByHeader({
+    header: t,
+    testId: e
+  }) {
+    return (await this.getColumnHeaders({ testId: e })).indexOf(t);
+  }
+  async getColumnValuesByIndex({
+    index: t,
+    testId: e
+  }) {
+    const o = [], r = await this.getTableRowCount({ testId: e });
+    for (let T = 0; T < r; T++) {
+      const I = (await this.getTableRowContentByIndex({
+        testId: e,
+        index: T
+      })).split(`
+`)[t];
+      o.push(I);
+    }
+    return o;
+  }
+  async getColumnHeaders({ testId: t }) {
+    return this.page.getByTestId(n(t, s.TABLE)).locator(".table-head-container").allTextContents();
+  }
+  getTableLabel({ testId: t }) {
+    return this.page.getByTestId(n(t, s.HEADER)).innerText();
+  }
+  getTableFooter({ testId: t }) {
+    return this.page.getByTestId(n(t, s.CONTAINER)).locator(".table-footer").innerText();
+  }
+  async clickOnSortByHeaderName({ testId: t, headerName: e }) {
+    await this.clickOnHeaderByName({ testId: t, headerName: e });
+  }
+  async clickOnHeaderByName({ testId: t, headerName: e }) {
+    const o = await this.getColumnIndexByHeader({
+      testId: t,
+      header: e
+    });
+    await this.page.getByTestId(n(t, s.TABLE)).locator(".table-head-container").nth(o).click();
+  }
+  // not sure if I should have an instance of input component and call its function
+  async searchForItems({ testId: t, searchTerm: e }) {
+    await this.clearSearchText({ testId: t }), await this.page.getByTestId(n(t, i.FIELD)).fill(e);
+  }
+  async clearSearchText({ testId: t }) {
+    await this.page.getByTestId(n(t, i.FIELD)).clear();
+  }
+  async isArrowVisible({ testId: t, headerName: e }) {
+    const o = await this.getColumnIndexByHeader({
+      header: e,
+      testId: t
+    });
+    return this.page.getByTestId(n(t, s.TABLE)).locator(".table-head-container").nth(o).locator(".table-sort-icon").isVisible();
+  }
+  async scrollDownTableRows({ testId: t }) {
+    const e = `[data-testid=${n(
+      t,
+      s.TABLE
+    )}]`;
+    await this.page.focus(e), await this.page.evaluate((o) => {
+      const r = document.querySelector(o);
+      r && (r.scrollTop = r.scrollHeight);
+    }, e), await this.waitForTableToLoad();
+  }
+  async waitForTableToLoad() {
+    await this.page.waitForSelector(".table-row.loading", {
+      state: "hidden"
+    });
+  }
+  async expandRow({
+    testId: t,
+    headerName: e,
+    rowValue: o
+  }) {
+    const r = await this.getRowIndexByRowValue({
+      testId: t,
+      rowHeader: e,
+      rowValue: o
+    });
+    await this.page.getByTestId(n(t, s.BODY_WRAPPER)).locator(".table-row").nth(r).locator(".icon-wrapper").click();
+  }
+  async isRowExpanded({ testId: t, headerName: e, rowValue: o }) {
+    const r = await this.getRowIndexByRowValue({
+      testId: t,
+      rowHeader: e,
+      rowValue: o
+    });
+    return this.page.getByTestId(n(t, s.BODY_WRAPPER)).locator(".table-row").nth(r).locator(".icon-wrapper").isVisible();
+  }
+  async getExpandedRowContent({ testId: t, headerName: e, rowValue: o }) {
+    await this.isRowExpanded({
+      testId: t,
+      headerName: e,
+      rowValue: o
+    }) || await this.expandRow({ testId: t, headerName: e, rowValue: o });
+    const T = await this.getRowIndexByRowValue({
+      testId: t,
+      rowHeader: e,
+      rowValue: o
+    });
+    return this.page.getByTestId(n(t, s.BODY_WRAPPER)).locator(".table-row").nth(T).locator(".icon-wrapper").textContent();
+  }
+  isEmptyStateVisible({ testId: t }) {
+    return this.page.getByTestId(n(t, s.TABLE)).locator(".empty-state").isVisible();
+  }
+  getEmptyStateTitle({ testId: t }) {
+    return this.page.getByTestId(n(t, s.TABLE)).locator(".font-heading-4.title").textContent();
+  }
+  getEmptyStateSubtitle({ testId: t }) {
+    return this.page.getByTestId(n(t, s.TABLE)).locator(".font-body-1.subtitle").textContent();
+  }
+  async clickOnRowCheckboxByIndex({ testId: t, index: e }) {
+    await this.page.getByTestId(n(t, s.BODY_WRAPPER)).locator(".table-row").nth(e).locator(".states").click();
+  }
+  async clickOnRowCheckboxByRowValue({ testId: t, rowHeader: e, rowValue: o }) {
+    const r = await this.getRowIndexByRowValue({
+      testId: t,
+      rowHeader: e,
+      rowValue: o
+    });
+    await this.clickOnRowCheckboxByIndex({ testId: t, index: r });
+  }
+  getCheckedRowsNumber({ testId: t }) {
+    return this.page.getByTestId(n(t, s.TABLE)).locator(".table-row").locator(".icon.checked").count();
+  }
+  async clickOnSelectAllCheckbox({ testId: t }) {
+    await this.page.getByTestId(n(t, s.TABLE)).locator(".states").nth(0).click();
+  }
+}
+export {
+  S as BannerComponent,
+  N as ComponentBasePage,
+  k as DialogComponent,
+  _ as DropdownComponent,
+  H as DropdownComponentV3,
+  R as FieldHelpTextComponent,
+  B as FieldLabelComponent,
+  D as IncludeExcludeComponent,
+  F as InputsComponent,
+  V as TableComponent,
+  G as TabsComponent,
+  $ as TooltipComponent
+};