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

package/dist/cjs/d5-testing-library.cjs

@@ -213,7 +213,7 @@ var init_waitElementIsVisible = __esm({
 });
 
 // src/utils/actions.ts
-var click;
+var click, contextMenu;
 var init_actions = __esm({
   "src/utils/actions.ts"() {
     "use strict";
@@ -226,6 +226,14 @@ var init_actions = __esm({
       const actions = driver.actions({ async: true });
       await actions.move({ origin: webElement }).click().perform();
     };
+    contextMenu = async (webElement, driver) => {
+      driver = driver ?? config().driver;
+      if (!await webElement.isDisplayed()) {
+        await driver.executeScript("arguments[0].scrollIntoView(true);", webElement);
+      }
+      const actions = driver.actions({ async: true });
+      await actions.move({ origin: webElement }).contextClick().perform();
+    };
   }
 });
 
@@ -757,37 +765,44 @@ var init_BaseDateEditor = __esm({
         super(parentCssSelector, elementCssSelector, driver);
         this.setClearStrategy(new InputClearStrategy());
       }
-      async setDateValue(value) {
+      async setArrayValue(value) {
         const actions = this.driver.actions({ async: true });
         const dateField = await this.driver.findElement(import_selenium_webdriver12.By.css(`${this.getFullCssSelector()}`));
+        const dateInputEl = await this.getInputElement();
         const dateFieldDataTestID = await this.getDataTestId();
-        const calendarPopoverSelector = byTestIdCssSelector(`${dateFieldDataTestID}-calendar-popover`);
+        const formattedDates = value.map(formatDMYDate);
+        const button = await dateField.findElement(import_selenium_webdriver12.By.css(`.${BTN_CALENDAR_POPOVER_OPEN_SELECTOR}`));
+        await click(button, this.driver);
+        const calendarPopoverElement = await this.driver.findElement(import_selenium_webdriver12.By.css(byTestIdCssSelector(`${dateFieldDataTestID}-calendar-popover`)));
+        const dateFromInput = await calendarPopoverElement.findElement(
+          import_selenium_webdriver12.By.css(`.${BTN_CALENDAR_POPOVER_DATE_FROM_INPUT_SELECTOR} .dx-texteditor-input`)
+        );
+        const dateToInput = await calendarPopoverElement.findElement(
+          import_selenium_webdriver12.By.css(`.${BTN_CALENDAR_POPOVER_DATE_TO_INPUT_SELECTOR} .dx-texteditor-input`)
+        );
+        await click(dateFromInput, this.driver);
+        await dateFromInput.sendKeys(formattedDates[0]);
+        await click(dateToInput, this.driver);
+        await actions.move({ origin: dateInputEl }).sendKeys(import_selenium_webdriver12.Key.HOME).perform();
+        await dateToInput.sendKeys(formattedDates[1]);
+        await actions.move({ origin: dateInputEl }).sendKeys(import_selenium_webdriver12.Key.ENTER).perform();
+        const btnOk = await this.driver.findElement(import_selenium_webdriver12.By.css(`.${BTN_SAVE_SELECTOR}`));
+        await click(btnOk, this.driver);
+      }
+      async setSingleValue(value) {
+        const actions = this.driver.actions({ async: true });
+        const formattedDate = formatDMYDate(value);
         const dateInputEl = await this.getInputElement();
-        await dateInputEl.clear();
+        await click(dateInputEl, this.driver);
+        await actions.move({ origin: dateInputEl }).sendKeys(import_selenium_webdriver12.Key.HOME).perform();
+        await actions.move({ origin: dateInputEl }).sendKeys(formattedDate, import_selenium_webdriver12.Key.ENTER).perform();
+      }
+      async setDateValue(value) {
+        await this.clear();
         if (Array.isArray(value)) {
-          const formattedDates = value.map(formatDMYDate);
-          const button = await dateField.findElement(import_selenium_webdriver12.By.css(`.${BTN_CALENDAR_POPOVER_OPEN_SELECTOR}`));
-          await button.click();
-          const calendarPopoverElement = await this.driver.findElement(import_selenium_webdriver12.By.css(calendarPopoverSelector));
-          const dateFromInput = await calendarPopoverElement.findElement(
-            import_selenium_webdriver12.By.css(`.${BTN_CALENDAR_POPOVER_DATE_FROM_INPUT_SELECTOR} .dx-texteditor-input`)
-          );
-          const dateToInput = await calendarPopoverElement.findElement(
-            import_selenium_webdriver12.By.css(`.${BTN_CALENDAR_POPOVER_DATE_TO_INPUT_SELECTOR} .dx-texteditor-input`)
-          );
-          await dateFromInput.click();
-          await dateFromInput.sendKeys(formattedDates[0]);
-          await dateToInput.click();
-          await actions.move({ origin: dateInputEl }).sendKeys(import_selenium_webdriver12.Key.HOME).perform();
-          await dateToInput.sendKeys(formattedDates[1]);
-          await actions.move({ origin: dateInputEl }).sendKeys(import_selenium_webdriver12.Key.ENTER).perform();
-          const btnOk = await this.driver.findElement(import_selenium_webdriver12.By.css(`.${BTN_SAVE_SELECTOR}`));
-          await btnOk.click();
+          await this.setArrayValue(value);
         } else {
-          const formattedDate = formatDMYDate(value);
-          await click(dateInputEl, this.driver);
-          await actions.move({ origin: dateInputEl }).sendKeys(import_selenium_webdriver12.Key.HOME).perform();
-          await actions.move({ origin: dateInputEl }).sendKeys(formattedDate, import_selenium_webdriver12.Key.ENTER).perform();
+          await this.setSingleValue(value);
         }
       }
     };
@@ -878,15 +893,14 @@ var init_DateEditor = __esm({
     init_types();
     DateEditor = class extends AbstractDXEditorWithInput {
       editorInstance = null;
-      initPromise;
-      constructor(parentCssSelector, elementCssSelector, driver) {
-        super(parentCssSelector, elementCssSelector, driver);
-        this.initPromise = this.init(parentCssSelector, elementCssSelector, driver);
-      }
-      async init(parentCssSelector, elementCssSelector, driver) {
-        await this.updateEditorInstance(parentCssSelector, elementCssSelector, driver);
+      async init() {
+        if (this.editorInstance) {
+          return this.editorInstance;
+        }
+        await this.setEditorInstance();
       }
-      async updateEditorInstance(parentCssSelector, elementCssSelector, driver) {
+      async setEditorInstance() {
+        const { parentCssSelector, elementCssSelector, driver } = this;
         const elementInstance = new AbstractFormElement(parentCssSelector, elementCssSelector, driver);
         const classString = await elementInstance.getClasses();
         switch (true) {
@@ -900,25 +914,14 @@ var init_DateEditor = __esm({
             this.editorInstance = new SingleDateEditor(parentCssSelector, elementCssSelector, driver);
         }
       }
-      async ensureInitialized() {
-        if (!this.editorInstance) {
-          await this.initPromise;
-        }
-      }
       async setValue(value) {
-        await this.ensureInitialized();
-        if (this.editorInstance) {
-          await this.editorInstance.setValue(value);
-          return await this.updateEditorInstance(this.parentCssSelector, this.elementCssSelector, this.driver);
-        }
-        throw new Error("Editor instance is not initialized.");
+        await this.init();
+        await this.editorInstance.setValue(value);
+        await this.setEditorInstance();
       }
       async getValue() {
-        await this.ensureInitialized();
-        if (this.editorInstance) {
-          return this.editorInstance.getValue();
-        }
-        throw new Error("Editor instance is not initialized.");
+        await this.init();
+        return this.editorInstance.getValue();
       }
     };
   }
@@ -1125,40 +1128,44 @@ var init_createDataTestId = __esm({
 
 // src/utils/waitElementIsClickable.ts
 async function waitElementIsClickable({
-  element,
   timeout,
   errorMessage,
-  driver
+  driver,
+  ...rest
 }) {
   driver = driver ?? config().driver;
   await wait(async () => {
-    const isDisabled = await element.getCssValue("pointer-events") === "none";
-    return await element.isDisplayed() && !isDisabled;
+    const searchedElement = "by" in rest ? await fixElementStaleError(rest.by, driver) : rest.element;
+    const isDisabled = await searchedElement.getCssValue("pointer-events") === "none";
+    return await searchedElement.isDisplayed() && !isDisabled;
   }, driver, errorMessage, timeout ?? config().timeout);
 }
+var waitElementIsClickable_default;
 var init_waitElementIsClickable = __esm({
   "src/utils/waitElementIsClickable.ts"() {
     "use strict";
     init_config();
     init_wait();
+    init_fixElementStaleError();
+    waitElementIsClickable_default = waitElementIsClickable;
   }
 });
 
-// src/pageObjects/elements/TableToolbar/AbstractButton.ts
+// src/pageObjects/elements/AbstractButton.ts
 var AbstractButton;
 var init_AbstractButton = __esm({
-  "src/pageObjects/elements/TableToolbar/AbstractButton.ts"() {
+  "src/pageObjects/elements/AbstractButton.ts"() {
     "use strict";
+    init_AbstractElementWithParent();
     init_actions();
     init_waitElementIsClickable();
-    init_AbstractElementWithParent();
     AbstractButton = class extends AbstractElementWithParent {
       constructor(parentCssSelector, elementCssSelector, driver) {
         super(parentCssSelector, elementCssSelector, driver);
       }
       async click() {
         const button = await this.getElement();
-        await waitElementIsClickable({
+        await waitElementIsClickable_default({
           element: button,
           errorMessage: this.buttonNotDisplayedError(),
           driver: this.driver
@@ -1658,6 +1665,13 @@ var init_Row = __esm({
       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;
@@ -1831,7 +1845,7 @@ var init_EditorButton = __esm({
       }
       async click() {
         const button = await this.getElement();
-        await waitElementIsClickable({
+        await waitElementIsClickable_default({
           element: button,
           errorMessage: this.buttonNotDisplayedError(),
           driver: this.driver
@@ -1952,26 +1966,190 @@ var init_FormField = __esm({
   }
 });
 
+// src/utils/typesUtil.ts
+var types, type, isArray, isString;
+var init_typesUtil = __esm({
+  "src/utils/typesUtil.ts"() {
+    "use strict";
+    types = {
+      "[object Array]": "array",
+      "[object Date]": "date",
+      "[object Object]": "object",
+      "[object String]": "string",
+      "[object Null]": "null"
+    };
+    type = function(object) {
+      const typeOfObject = Object.prototype.toString.call(object);
+      return typeof object === "object" ? types[typeOfObject] || "object" : typeof object;
+    };
+    isArray = function(value) {
+      return type(value) === "array";
+    };
+    isString = function(object) {
+      return typeof object === "string";
+    };
+  }
+});
+
+// src/pageObjects/elements/AbstractDropDownMenuList.ts
+var AbstractDropDownMenuList;
+var init_AbstractDropDownMenuList = __esm({
+  "src/pageObjects/elements/AbstractDropDownMenuList.ts"() {
+    "use strict";
+    init_AbstractElementWithParent();
+    init_actions();
+    init_waitElementIsClickable();
+    init_fixElementStaleError();
+    init_typesUtil();
+    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/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}]`;
+}
+var init_cssToXPath = __esm({
+  "src/utils/cssToXPath.ts"() {
+    "use strict";
+  }
+});
+
+// src/pageObjects/elements/DXContextMenuList.ts
+var import_selenium_webdriver24, CONTEXT_MENU_CLASS, CONTEXT_MENU_ITEM_TEXT_CLASS, DXContextMenuList;
+var init_DXContextMenuList = __esm({
+  "src/pageObjects/elements/DXContextMenuList.ts"() {
+    "use strict";
+    init_AbstractDropDownMenuList();
+    import_selenium_webdriver24 = require("selenium-webdriver");
+    init_cssToXPath();
+    init_waitElementIsVisible();
+    CONTEXT_MENU_CLASS = "dx-context-menu";
+    CONTEXT_MENU_ITEM_TEXT_CLASS = "dx-menu-item-text";
+    DXContextMenuList = class extends AbstractDropDownMenuList {
+      /**
+       * @param parentCssSelector
+       * @param classNames - Список класів. Починається з крапки
+       * @param driver
+       */
+      constructor(parentCssSelector, classNames, driver) {
+        super(parentCssSelector, `.${CONTEXT_MENU_CLASS}${classNames}`, driver);
+      }
+      getButtonTitleBy(title) {
+        const buttonByTextXpath2 = (text) => `//span[contains(@class, "${CONTEXT_MENU_ITEM_TEXT_CLASS}") and contains(text(), "${text}")]`;
+        const xpath = "//div" + cssClassesToXPath(this.elementCssSelector) + buttonByTextXpath2(title);
+        return import_selenium_webdriver24.By.xpath(xpath);
+      }
+      async isVisible() {
+        try {
+          await waitElementIsVisible({
+            element: await this.driver.findElement(import_selenium_webdriver24.By.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;
+var init_ContextMenu = __esm({
+  "src/pageObjects/elements/Table/elements/ContextMenu.ts"() {
+    "use strict";
+    init_DXContextMenuList();
+    init_locators();
+    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 import_selenium_webdriver24, Table;
+var import_selenium_webdriver25, Table;
 var init_Table = __esm({
   "src/pageObjects/elements/Table/Table.ts"() {
     "use strict";
-    import_selenium_webdriver24 = require("selenium-webdriver");
+    import_selenium_webdriver25 = require("selenium-webdriver");
     init_createDataTestId();
     init_AbstractElementWithParent();
     init_Row();
     init_Column();
     init_FormField();
+    init_ContextMenu();
+    init_actions();
     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;
       }
@@ -1981,10 +2159,18 @@ var init_Table = __esm({
         }
         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,
@@ -2007,12 +2193,16 @@ var init_Table = __esm({
           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(import_selenium_webdriver24.By.css(rowsFullCssSelector));
+        const rows = await this.driver.findElements(import_selenium_webdriver25.By.css(rowsFullCssSelector));
         const result = [];
         rows.forEach((_, index) => {
           const newRow = new Row(
@@ -2028,7 +2218,7 @@ var init_Table = __esm({
       }
       async getColumns() {
         const columns = await this.driver.findElements(
-          import_selenium_webdriver24.By.css(`${this.getFullCssSelector()} ${this.headerCssSelector} td[role="columnheader"] .header-template-text`)
+          import_selenium_webdriver25.By.css(`${this.getFullCssSelector()} ${this.headerCssSelector} td[role="columnheader"] .header-template-text`)
         );
         const result = [];
         columns.forEach((_, index) => {
@@ -2054,6 +2244,50 @@ var init_Table = __esm({
       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);
+        });
+      }
     };
   }
 });
@@ -2097,103 +2331,73 @@ var init_ToolbarButton = __esm({
   }
 });
 
-// src/utils/typesUtil.ts
-var types, type, isArray, isString;
-var init_typesUtil = __esm({
-  "src/utils/typesUtil.ts"() {
+// src/pageObjects/elements/AbstractDropDownMenuButton.ts
+var AbstractDropDownMenuButton;
+var init_AbstractDropDownMenuButton = __esm({
+  "src/pageObjects/elements/AbstractDropDownMenuButton.ts"() {
     "use strict";
-    types = {
-      "[object Array]": "array",
-      "[object Date]": "date",
-      "[object Object]": "object",
-      "[object String]": "string",
-      "[object Null]": "null"
-    };
-    type = function(object) {
-      const typeOfObject = Object.prototype.toString.call(object);
-      return typeof object === "object" ? types[typeOfObject] || "object" : typeof object;
-    };
-    isArray = function(value) {
-      return type(value) === "array";
-    };
-    isString = function(object) {
-      return typeof object === "string";
+    init_AbstractElementWithParent();
+    init_actions();
+    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 import_selenium_webdriver25, SPINDOWN_CLASS, CONTEXT_MENU_CLASS, buttonGroupItemSelector, getFullCssSelector, buttonByTextXpath, ToolbarMenu;
+var SPINDOWN_CLASS, buttonGroupItemSelector, getFullCssSelector, ToolbarMenuList, ToolbarMenu;
 var init_ToolbarMenu = __esm({
   "src/pageObjects/elements/TableToolbar/ToolbarMenu.ts"() {
     "use strict";
-    import_selenium_webdriver25 = require("selenium-webdriver");
     init_typesUtil();
-    init_AbstractElementWithParent();
     init_locators();
-    init_actions();
-    init_waitElementIsClickable();
-    init_fixElementStaleError();
-    init_wait();
+    init_AbstractDropDownMenuButton();
+    init_DXContextMenuList();
     SPINDOWN_CLASS = ".dx-icon-spindown";
-    CONTEXT_MENU_CLASS = "dx-context-menu";
     buttonGroupItemSelector = (formName, name) => byTestIdCssSelector(`ftb-${formName}-${name}`);
     getFullCssSelector = (formName, name) => `${buttonGroupItemSelector(formName, name)} ${SPINDOWN_CLASS}`;
-    buttonByTextXpath = (text) => `//div[contains(@class, '${CONTEXT_MENU_CLASS}')]//span[contains(@class, 'dx-menu-item-text') and text()='${text}']`;
-    ToolbarMenu = class extends AbstractElementWithParent {
+    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(import_selenium_webdriver25.By.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);
+    };
+    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, import_selenium_webdriver25.By.xpath(buttonByTextXpath(t)));
-        }
+        await super.clickButtonByTitle(title);
       }
     };
   }
@@ -2314,7 +2518,7 @@ var init_FilterOperation = __esm({
       }
       async initOperationWidget() {
         const widgetButtonEl = await this.getElement();
-        await waitElementIsClickable({
+        await waitElementIsClickable_default({
           element: widgetButtonEl,
           errorMessage: "Widget operation is not clickable",
           driver: this.driver
@@ -2873,7 +3077,7 @@ var ListForm_exports = {};
 __export(ListForm_exports, {
   default: () => ListForm
 });
-var DATAGRID_HEADER_CSS_SELECTOR, DATAGRID_CONTENT_CSS_SELECTOR, FIXED_DATAGRID_CONTENT_CSS_SELECTOR, ListForm;
+var DATAGRID_HEADER_CSS_SELECTOR, DATAGRID_CONTENT_CSS_SELECTOR, FIXED_DATAGRID_CONTENT_CSS_SELECTOR, CONTEXT_MENU_CSS_SELECTOR, ListForm;
 var init_ListForm = __esm({
   "src/pageObjects/elements/Forms/ListForm.ts"() {
     "use strict";
@@ -2886,16 +3090,19 @@ var init_ListForm = __esm({
     DATAGRID_HEADER_CSS_SELECTOR = ".dx-datagrid-headers .dx-datagrid-content:not(.dx-datagrid-content-fixed)";
     DATAGRID_CONTENT_CSS_SELECTOR = ".dx-datagrid-content:not(.dx-datagrid-content-fixed)";
     FIXED_DATAGRID_CONTENT_CSS_SELECTOR = ".dx-fixed-columns .dx-datagrid-content.dx-datagrid-content-fixed";
+    CONTEXT_MENU_CSS_SELECTOR = ".dx-datagrid";
     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;
       }
       /**
        * Находит таблицу
@@ -2906,12 +3113,15 @@ var init_ListForm = __esm({
        */
       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
+          }
         );
       }
       /**
@@ -2970,9 +3180,10 @@ var init_TreeView = __esm({
     TreeView = class extends ListForm {
       constructor(driver) {
         super(driver);
-        this.popupContainerCssSelector = `.popup.wrapper-tree-view-${this.formName}`;
+        this.popupContainerCssSelector = `.popup.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;
       }
     };
@@ -3044,6 +3255,11 @@ var init_Form = __esm({
       async getTitleText() {
         if (await this.isModal()) {
           const titleEl2 = await this.driver.findElement(import_selenium_webdriver29.By.css(`${this.popupContainerCssSelector} .popup-title`));
+          await waitElementIsVisible({
+            element: titleEl2,
+            driver: this.driver,
+            errorMessage: `Form title element is not visible`
+          });
           return titleEl2.getText();
         }
         let titleEl = await this.driver.findElement(import_selenium_webdriver29.By.className("main-toolbar-form-title"));
@@ -3190,6 +3406,7 @@ __export(src_exports, {
   byTestIdCssSelector: () => byTestIdCssSelector,
   click: () => click,
   config: () => config,
+  contextMenu: () => contextMenu,
   createDriver: () => createDriver,
   editorFactory: () => editorFactory,
   elementIsNotPresent: () => elementIsNotPresent,
@@ -3477,7 +3694,7 @@ var DIALOG_CLASS = ".d5-dialog";
 var DIALOG_TITLE_CLASS = ".dialog__title";
 var DIALOG_TEXT_CLASS = ".dialog__text";
 var DIALOG_BUTTONS_PANEL_CLASS = ".dialog__buttons-panel";
-var buttonByTextXpath2 = (text) => `.//span[contains(@class, "dx-button-text") and contains(text(), "${text}")]`;
+var buttonByTextXpath = (text) => `.//span[contains(@class, "dx-button-text") and contains(text(), "${text}")]`;
 var DialogButton = class extends AbstractButton {
   text;
   constructor(parentCssSelector, text, driver) {
@@ -3486,7 +3703,7 @@ var DialogButton = class extends AbstractButton {
   }
   async getElement() {
     const panel = await super.getElement();
-    return panel.findElement(import_selenium_webdriver31.By.xpath(buttonByTextXpath2(this.text)));
+    return panel.findElement(import_selenium_webdriver31.By.xpath(buttonByTextXpath(this.text)));
   }
   buttonNotDisplayedError() {
     return `Dialog button ${this.text} cannot be clicked. It is not displayed or it is disabled`;
@@ -3538,6 +3755,7 @@ var Dialog = class extends AbstractElement {
   byTestIdCssSelector,
   click,
   config,
+  contextMenu,
   createDriver,
   editorFactory,
   elementIsNotPresent,