d5-testing-library 1.8.0-alpha.13 → 1.8.0-alpha.14

package/dist/{chunk-YSGDK2Y2.mjs → chunk-JLEBXO5Q.mjs}

@@ -8,18 +8,19 @@ import {
   byTestId,
   byTestIdCssSelector,
   click,
+  contextMenu,
   createDocFilterTestId,
   createHeaderFilterTestId,
   createLayoutFilterTestId,
   createTableId,
   fixElementStaleError,
   wait,
-  waitElementIsClickable,
+  waitElementIsClickable_default,
   waitElementIsVisible
-} from "./chunk-D7226XWY.mjs";
+} from "./chunk-I42Z72TQ.mjs";
 
 // src/pageObjects/elements/Table/Table.ts
-import { By as By5 } from "selenium-webdriver";
+import { By as By6 } from "selenium-webdriver";
 
 // src/pageObjects/elements/Table/elements/Row.ts
 import { By as By3 } from "selenium-webdriver";
@@ -124,6 +125,13 @@ var Row = class extends AbstractElementWithParent {
   index;
   getColumnBy;
   fixedTableContentCssSelector;
+  /**
+   * @param parentCssSelector
+   * @param fixedTableContentCssSelector
+   * @param index починається з 0 (в getCssRowByIndexSelector додається +1)
+   * @param driver
+   * @param getColumnBy
+   */
   constructor(parentCssSelector, fixedTableContentCssSelector, index, driver, getColumnBy) {
     super(parentCssSelector, getCssRowByIndexSelector(index), driver);
     this.index = index;
@@ -265,16 +273,141 @@ var Column = class extends AbstractElementWithParent {
   }
 };
 
+// src/utils/typesUtil.ts
+var types = {
+  "[object Array]": "array",
+  "[object Date]": "date",
+  "[object Object]": "object",
+  "[object String]": "string",
+  "[object Null]": "null"
+};
+var type = function(object) {
+  const typeOfObject = Object.prototype.toString.call(object);
+  return typeof object === "object" ? types[typeOfObject] || "object" : typeof object;
+};
+var isArray = function(value) {
+  return type(value) === "array";
+};
+var isString = function(object) {
+  return typeof object === "string";
+};
+
+// src/pageObjects/elements/AbstractDropDownMenuList.ts
+var AbstractDropDownMenuList = class extends AbstractElementWithParent {
+  buttonNotDisplayedError(name) {
+    return `Menu button ${name} cannot be clicked. It is not displayed or it is disabled`;
+  }
+  async clickItemBy(errorMessage, by) {
+    await waitElementIsClickable_default({
+      errorMessage,
+      driver: this.driver,
+      by
+    });
+    const menuItemElement = await fixElementStaleError(by, this.driver);
+    await click(menuItemElement, this.driver);
+  }
+  async clickItemByPath(path, getBy) {
+    let pathList = isString(path) ? [path] : path;
+    for (let text of pathList) {
+      await this.clickItemBy(this.buttonNotDisplayedError(text), getBy(text));
+    }
+  }
+  clickButton(name) {
+    return this.clickItemByPath(name, this.getButtonNameBy.bind(this));
+  }
+  clickButtonByTitle(title) {
+    return this.clickItemByPath(title, this.getButtonTitleBy.bind(this));
+  }
+  isVisible() {
+    return Promise.resolve(true);
+  }
+};
+
+// src/pageObjects/elements/DXContextMenuList.ts
+import { By as By5 } from "selenium-webdriver";
+
+// src/utils/cssToXPath.ts
+function cssClassesToXPath(classNames) {
+  const classNamesList = classNames.split(".").filter((className) => !!className);
+  const chained = classNamesList.map((className) => `contains(@class, "${className}")`).join(" and ");
+  return `[${chained}]`;
+}
+
+// src/pageObjects/elements/DXContextMenuList.ts
+var CONTEXT_MENU_CLASS = "dx-context-menu";
+var CONTEXT_MENU_ITEM_TEXT_CLASS = "dx-menu-item-text";
+var DXContextMenuList = class extends AbstractDropDownMenuList {
+  /**
+   * @param parentCssSelector
+   * @param classNames - Список класів. Починається з крапки
+   * @param driver
+   */
+  constructor(parentCssSelector, classNames, driver) {
+    super(parentCssSelector, `.${CONTEXT_MENU_CLASS}${classNames}`, driver);
+  }
+  getButtonTitleBy(title) {
+    const buttonByTextXpath = (text) => `//span[contains(@class, "${CONTEXT_MENU_ITEM_TEXT_CLASS}") and contains(text(), "${text}")]`;
+    const xpath = "//div" + cssClassesToXPath(this.elementCssSelector) + buttonByTextXpath(title);
+    return By5.xpath(xpath);
+  }
+  async isVisible() {
+    try {
+      await waitElementIsVisible({
+        element: await this.driver.findElement(By5.css(`.dx-overlay-wrapper .dx-contextmenu`)),
+        driver: this.driver,
+        errorMessage: "Cannot find dropdown element"
+      });
+    } catch {
+      return false;
+    }
+  }
+};
+
+// src/pageObjects/elements/Table/elements/ContextMenu.ts
+var ContextMenu = class extends DXContextMenuList {
+  _formName;
+  _initFn;
+  constructor(cssClass, formName, driver) {
+    super("", cssClass, driver);
+    this._formName = formName;
+  }
+  setInit(cb) {
+    this._initFn = cb;
+    return this;
+  }
+  getButtonNameBy(name) {
+    return byTestId(`cm-${this._formName}-${name}`);
+  }
+  async clickButtonByTitle(title) {
+    await this._initFn?.();
+    await super.clickButtonByTitle(title);
+  }
+  async clickButton(name) {
+    await this._initFn?.();
+    await super.clickButton(name);
+  }
+};
+
 // src/pageObjects/elements/Table/Table.ts
 var Table = class extends AbstractElementWithParent {
   formName;
   headerCssSelector;
+  contextMenuCssSelector;
   fixedTableContentCssSelector;
   tableContentCssSelector;
-  constructor(parentCssSelector, headerCssSelector, tableContentCssSelector, fixedTableContentCssSelector, formName, driver) {
+  constructor({
+    parentCssSelector,
+    contextMenuCssSelector,
+    tableContentCssSelector,
+    headerCssSelector,
+    fixedTableContentCssSelector,
+    formName,
+    driver
+  }) {
     super(parentCssSelector, `#${createTableId(formName)}`, driver);
     this.formName = formName;
     this.headerCssSelector = headerCssSelector;
+    this.contextMenuCssSelector = contextMenuCssSelector;
     this.fixedTableContentCssSelector = fixedTableContentCssSelector;
     this.tableContentCssSelector = tableContentCssSelector;
   }
@@ -284,10 +417,18 @@ var Table = class extends AbstractElementWithParent {
     }
     return this.getColumnByName(args.name);
   };
+  /**
+   * Отримати рядок по індексу.
+   * @param index починається з 0
+   */
   getRowByIndex(index) {
     return new Row(this.getFullCssSelector(), this.fixedTableContentCssSelector, index, this.driver, this.getColumnBy);
   }
+  /**
+   * @param index починається з 0
+   */
   getColumnByIndex(index) {
+    this.getRowByIndex(index);
     return new Column({
       parentCssSelector: this.getFullCssSelector(),
       driver: this.driver,
@@ -310,12 +451,16 @@ var Table = class extends AbstractElementWithParent {
       driver: this.driver
     });
   };
+  /**
+   * Вибрати рядок по індексу.
+   * @param index починається з 0
+   */
   selectRowByIndex(index) {
     return this.getRowByIndex(index).select();
   }
   async getRows() {
     const rowsFullCssSelector = `${this.getFullCssSelector()} ${this.tableContentCssSelector} .dx-row.dx-data-row`;
-    const rows = await this.driver.findElements(By5.css(rowsFullCssSelector));
+    const rows = await this.driver.findElements(By6.css(rowsFullCssSelector));
     const result = [];
     rows.forEach((_, index) => {
       const newRow = new Row(
@@ -331,7 +476,7 @@ var Table = class extends AbstractElementWithParent {
   }
   async getColumns() {
     const columns = await this.driver.findElements(
-      By5.css(`${this.getFullCssSelector()} ${this.headerCssSelector} td[role="columnheader"] .header-template-text`)
+      By6.css(`${this.getFullCssSelector()} ${this.headerCssSelector} td[role="columnheader"] .header-template-text`)
     );
     const result = [];
     columns.forEach((_, index) => {
@@ -357,6 +502,50 @@ var Table = class extends AbstractElementWithParent {
   field(name) {
     return new FormField(this.getFullCssSelector(), this.formName, name, this.driver);
   }
+  /**
+   * Возвращает список строк которые выделены
+   * @returns Row[]
+   * @example
+   * const form = new MyForm();
+   * //...
+   * await form.getSelectedRows();
+   */
+  async getSelectedRows() {
+    const rows = await this.getRows();
+    let result = [];
+    for (const row of rows) {
+      if (await row.isSelected()) {
+      }
+      result.push(row);
+    }
+    return result;
+  }
+  /**
+   * Вызывает контекстное меню в области с данными.
+   * @param fieldName - имя поля
+   * @param [rowIndex] - индекс строки. Если значение не передано, то по умолчанию контекстное меню будет вызвано на первой выделенной строке.
+   * @throws {Error} Если нет выделенных строк, то выбросит исключение.
+   * @example
+   * const form = new MyForm();
+   * //...
+   * await form.contextMenu('FieldName').clickButton('OpenFormButton');
+   * // or
+   * await form.contextMenu('FieldName', 3).clickButton(['Group', 'ButtonInGroup']);
+   */
+  contextMenu(fieldName, rowIndex) {
+    return new ContextMenu(this.contextMenuCssSelector, this.formName, this.driver).setInit(async () => {
+      let row;
+      if (rowIndex != null) {
+        row = this.getRowByIndex(rowIndex);
+      } else {
+        [row] = await this.getSelectedRows();
+      }
+      if (!row)
+        throw new Error("No row available row for context menu");
+      const cellElement = await row.getCell(fieldName).getElement();
+      await contextMenu(cellElement, this.driver);
+    });
+  }
 };
 
 // src/pageObjects/elements/TableToolbar/ToolbarGroupButton.ts
@@ -384,88 +573,57 @@ var ToolbarButton = class extends AbstractButton {
   }
 };
 
-// src/pageObjects/elements/TableToolbar/ToolbarMenu.ts
-import { By as By6 } from "selenium-webdriver";
-
-// src/utils/typesUtil.ts
-var types = {
-  "[object Array]": "array",
-  "[object Date]": "date",
-  "[object Object]": "object",
-  "[object String]": "string",
-  "[object Null]": "null"
-};
-var type = function(object) {
-  const typeOfObject = Object.prototype.toString.call(object);
-  return typeof object === "object" ? types[typeOfObject] || "object" : typeof object;
-};
-var isArray = function(value) {
-  return type(value) === "array";
-};
-var isString = function(object) {
-  return typeof object === "string";
+// src/pageObjects/elements/AbstractDropDownMenuButton.ts
+var AbstractDropDownMenuButton = class extends AbstractElementWithParent {
+  _list;
+  constructor(parentCssSelector, elementCssSelector, list, driver) {
+    super(parentCssSelector, elementCssSelector, driver);
+    this._list = list;
+  }
+  async openDropdownMenu() {
+    const dropdown = await this.getElement();
+    await click(dropdown, this.driver);
+    await this._list.isVisible();
+  }
+  async clickButton(name) {
+    await this.openDropdownMenu();
+    await this._list.clickButton(name);
+  }
+  async clickButtonByTitle(title) {
+    await this.openDropdownMenu();
+    await this._list.clickButtonByTitle(title);
+  }
 };
 
 // src/pageObjects/elements/TableToolbar/ToolbarMenu.ts
 var SPINDOWN_CLASS = ".dx-icon-spindown";
-var CONTEXT_MENU_CLASS = "dx-context-menu";
 var buttonGroupItemSelector = (formName, name) => byTestIdCssSelector(`ftb-${formName}-${name}`);
 var getFullCssSelector = (formName, name) => `${buttonGroupItemSelector(formName, name)} ${SPINDOWN_CLASS}`;
-var buttonByTextXpath = (text) => `//div[contains(@class, '${CONTEXT_MENU_CLASS}')]//span[contains(@class, 'dx-menu-item-text') and text()='${text}']`;
-var ToolbarMenu = class extends AbstractElementWithParent {
+var ToolbarMenuList = class extends DXContextMenuList {
   _formName;
-  constructor(parentCssSelector, formName, name, driver) {
-    super(parentCssSelector, getFullCssSelector(formName, name), driver);
+  constructor(parentCssSelector, elementCssSelector, formName, driver) {
+    super(parentCssSelector, elementCssSelector, driver);
     this._formName = formName;
   }
-  async openDropdownMenu() {
-    await wait(
-      async () => {
-        const dropdown = await this.getElement();
-        await click(dropdown, this.driver);
-        try {
-          const contextMenu = this.driver.findElement(By6.css(`.dx-overlay-wrapper .${CONTEXT_MENU_CLASS}`));
-          return await contextMenu.isDisplayed() && await contextMenu.isEnabled();
-        } catch (_) {
-          return false;
-        }
-      },
-      this.driver,
-      `Cannot find dropdown element`
-    );
-  }
-  getCssSelectorToButton(name) {
+  getButtonNameBy(name) {
     return byTestId(`ftb-${this._formName}-${name}`);
   }
-  buttonNotDisplayedError(name) {
-    return `Toolbar menu button ${name} cannot be clicked. It is not displayed or it is disabled`;
-  }
-  async goToButton(name, by) {
-    const toolbarMenuItem = await fixElementStaleError(by, this.driver);
-    await waitElementIsClickable({
-      element: toolbarMenuItem,
-      errorMessage: this.buttonNotDisplayedError(name),
-      driver: this.driver
-    });
-    await click(toolbarMenuItem, this.driver);
+};
+var ToolbarMenu = class extends AbstractDropDownMenuButton {
+  constructor(parentCssSelector, formName, name, driver) {
+    const fullSelector = getFullCssSelector(formName, name);
+    const list = new ToolbarMenuList(parentCssSelector, ".toolbar-dropdown-context-menu", formName, driver);
+    super(parentCssSelector, fullSelector, list, driver);
   }
   async clickButton(name) {
-    await this.openDropdownMenu();
     if (!isString(name) && !isArray(name))
       throw new Error(`"name" must be a string or array of string`);
-    let lName = isString(name) ? [name] : name;
-    for (let n of lName) {
-      await this.goToButton(n, this.getCssSelectorToButton(n));
-    }
+    await super.clickButton(name);
   }
   async clickButtonByTitle(title) {
-    await this.openDropdownMenu();
     if (!isString(title) && !isArray(title))
       throw new Error(`"title" must be a string or array of string`);
-    let lTitle = isString(title) ? [title] : title;
-    for (let t of lTitle) {
-      await this.goToButton(t, By6.xpath(buttonByTextXpath(t)));
-    }
+    await super.clickButtonByTitle(title);
   }
 };
 
@@ -554,7 +712,7 @@ var FilterOperation = class extends AbstractElementWithParent {
   }
   async initOperationWidget() {
     const widgetButtonEl = await this.getElement();
-    await waitElementIsClickable({
+    await waitElementIsClickable_default({
       element: widgetButtonEl,
       errorMessage: "Widget operation is not clickable",
       driver: this.driver
@@ -1063,16 +1221,19 @@ var ColumnFilter = class extends AbstractElement {
 var DATAGRID_HEADER_CSS_SELECTOR = ".dx-datagrid-headers .dx-datagrid-content:not(.dx-datagrid-content-fixed)";
 var DATAGRID_CONTENT_CSS_SELECTOR = ".dx-datagrid-content:not(.dx-datagrid-content-fixed)";
 var FIXED_DATAGRID_CONTENT_CSS_SELECTOR = ".dx-fixed-columns .dx-datagrid-content.dx-datagrid-content-fixed";
+var CONTEXT_MENU_CSS_SELECTOR = ".dx-datagrid";
 var ListForm = class extends Form {
   headerCssSelector;
   fixedTableContentCssSelector;
   tableContentCssSelector;
+  contextMenuCssSelector;
   constructor(driver) {
     super(driver);
     this.popupContainerCssSelector = `.popup.form-inline-${this.formName}`;
     this.headerCssSelector = DATAGRID_HEADER_CSS_SELECTOR;
     this.fixedTableContentCssSelector = FIXED_DATAGRID_CONTENT_CSS_SELECTOR;
     this.tableContentCssSelector = DATAGRID_CONTENT_CSS_SELECTOR;
+    this.contextMenuCssSelector = CONTEXT_MENU_CSS_SELECTOR;
   }
   /**
    * Находит таблицу
@@ -1083,12 +1244,15 @@ var ListForm = class extends Form {
    */
   table() {
     return new Table(
-      this.containerCssSelector,
-      this.headerCssSelector,
-      this.tableContentCssSelector,
-      this.fixedTableContentCssSelector,
-      this.formName,
-      this.driver
+      {
+        parentCssSelector: this.containerCssSelector,
+        headerCssSelector: this.headerCssSelector,
+        fixedTableContentCssSelector: this.fixedTableContentCssSelector,
+        formName: this.formName,
+        driver: this.driver,
+        contextMenuCssSelector: this.contextMenuCssSelector,
+        tableContentCssSelector: this.tableContentCssSelector
+      }
     );
   }
   /**

package/dist/{chunk-E3O6YV4X.mjs → chunk-SR3FJAYB.mjs}

@@ -3,7 +3,7 @@ import {
   FormField,
   click,
   wait
-} from "./chunk-D7226XWY.mjs";
+} from "./chunk-I42Z72TQ.mjs";
 
 // src/pageObjects/elements/Forms/FormEdit.ts
 import { By } from "selenium-webdriver";

package/dist/{chunk-7IHH2VP3.mjs → chunk-WYLPCDA5.mjs}

@@ -1,6 +1,6 @@
 import {
   ListForm
-} from "./chunk-YSGDK2Y2.mjs";
+} from "./chunk-JLEBXO5Q.mjs";
 
 // src/pageObjects/elements/Forms/TreeView.ts
 var TREELIST_HEADER_CSS_SELECTOR = ".dx-treelist-headers .dx-treelist-content:not(.dx-datagrid-content-fixed)";
@@ -12,6 +12,7 @@ var TreeView = class extends ListForm {
     this.popupContainerCssSelector = `.popup.wrapper-tree-view-${this.formName}`;
     this.headerCssSelector = TREELIST_HEADER_CSS_SELECTOR;
     this.fixedTableContentCssSelector = FIXED_TREELIST_CONTENT_CSS_SELECTOR;
+    this.contextMenuCssSelector = ".dx-treelist-container";
     this.tableContentCssSelector = TREELIST_CONTENT_CSS_SELECTOR;
   }
 };