d5-testing-library 1.3.0 → 1.3.1

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

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   AbstractPage: () => AbstractPage,
+  Dialog: () => Dialog,
   FilterPanel: () => FilterPanel,
   FormEdit: () => FormEdit,
   FormField: () => FormField,
@@ -48,6 +49,7 @@ __export(src_exports, {
   createDriver: () => createDriver,
   editorFactory: () => editorFactory,
   elementIsNotPresent: () => elementIsNotPresent,
+  readonlyLocator: () => readonlyLocator,
   signIn: () => signIn,
   wait: () => wait,
   waitElementIsVisible: () => waitElementIsVisible
@@ -129,6 +131,9 @@ var AbstractElement = class {
   getFullCssSelector() {
     return this.elementCssSelector;
   }
+  joinRelativeCssSelectors(selectors) {
+    return selectors.join(" ");
+  }
   async getElement() {
     return this.driver.findElement(import_selenium_webdriver2.By.css(this.getFullCssSelector()));
   }
@@ -193,6 +198,7 @@ var byTestIdCssSelector = (testId, element = "div") => {
 var byTestId = (testId, element = "div") => {
   return import_selenium_webdriver3.By.css(byTestIdCssSelector(testId, element));
 };
+var readonlyLocator = "readonly";
 
 // src/pageObjects/pages/LoginPage.ts
 var LOGIN_PATH = "/login";
@@ -275,6 +281,11 @@ var AbstractElementWithParent = class extends AbstractElement {
     }
     return `${this.parentCssSelector} ${this.elementCssSelector}`;
   }
+  async isReadonly() {
+    const fieldEl = await this.getElement();
+    const classSting = await fieldEl.getAttribute("class");
+    return classSting.includes(readonlyLocator);
+  }
 };
 
 // src/pageObjects/elements/SubsystemsPanel/SubsystemsPanelHeader.ts
@@ -612,8 +623,7 @@ var TagBox = class extends AbstractDXEditorWithInput {
     const tags = await this.driver.findElements(import_selenium_webdriver11.By.css(`${this.getFullCssSelector()} .${DX_TAG_CONTAINER} ${TAGS_SELECTOR}`));
     const values = [];
     for (const tag of tags) {
-      const text = await tag.getText();
-      values.push(text);
+      values.push(await tag.getAttribute("textContent"));
     }
     return values;
   }
@@ -805,6 +815,16 @@ var AbstractEditor = class extends AbstractElementWithParent {
     }
     return this.editor.remove(itemText);
   }
+  /**
+   * Возвращает значение true|false в зависимости readOnly поле или нет
+   * @example
+   * expect(await formEdit.field('NumberFld').isReadonly()).toBe(true);
+   * expect(await formEdit.field('TextFld').isReadonly()).toBe(false);
+   */
+  async isReadonly() {
+    await this.initEditor();
+    return this.editor.isReadonly();
+  }
 };
 
 // src/pageObjects/elements/FormField.ts
@@ -864,6 +884,7 @@ var FormGroup = class extends AbstractElementWithParent {
 // src/pageObjects/elements/Forms/FormEdit.ts
 var FormEdit = class extends AbstractForm {
   saveButtonBy = import_selenium_webdriver14.By.id("button-save");
+  closeButtonBy = import_selenium_webdriver14.By.id("button-cancel");
   constructor(driver) {
     super(driver);
     this.popupContainerCssSelector = `.popup .form-edit-${this.formName}`;
@@ -912,6 +933,17 @@ var FormEdit = class extends AbstractForm {
     await wait(async () => !await this.isSaveButtonDisabled(), this.driver, "Button is disabled");
     await click(saveButton, this.driver);
   }
+  /**
+   * Нажатие на кнопку Закрить
+   * @example
+   * const formEdit = new MyForm();
+   * //...
+   * await formEdit.closeButtonClick();
+   */
+  async closeButtonClick() {
+    const closeButton = await this.driver.findElement(this.closeButtonBy);
+    await click(closeButton, this.driver);
+  }
 };
 
 // src/pageObjects/elements/Table/Table.ts
@@ -1224,16 +1256,95 @@ var ToolbarButton = class extends AbstractButton {
   }
 };
 
+// src/pageObjects/elements/TableToolbar/ToolbarMenu.ts
+var import_selenium_webdriver20 = require("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/TableToolbar/ToolbarMenu.ts
+var SPINDOWN_CLASS = ".dx-icon-spindown";
+var buttonGroupItemSelector = (formName, name) => byTestIdCssSelector(`ftb-${formName}-${name}`);
+var getFullCssSelector = (formName, name) => `${buttonGroupItemSelector(formName, name)} ${SPINDOWN_CLASS}`;
+var buttonByTextXpath = (text) => `.//span[contains(@class, "dx-menu-item-text") and contains(text(), "${text}")]`;
+var ToolbarMenu = class extends AbstractElementWithParent {
+  _formName;
+  constructor(parentCssSelector, formName, name, driver) {
+    super(parentCssSelector, getFullCssSelector(formName, name), driver);
+    this._formName = formName;
+  }
+  async toggle() {
+    const dropdown = await this.getElement();
+    await dropdown.click();
+  }
+  getCssSelectorToButton(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, selector) {
+    const toolbarMenuItem = this.driver.findElement(selector);
+    await wait(async () => {
+      return await toolbarMenuItem.isDisplayed();
+    }, this.driver, this.buttonNotDisplayedError(name));
+    await click(toolbarMenuItem, this.driver);
+  }
+  async clickButton(name) {
+    await this.toggle();
+    if (isString(name)) {
+      const selector = this.getCssSelectorToButton(name);
+      await this.goToButton(name, selector);
+    }
+    if (isArray(name)) {
+      for (let n of name) {
+        const selector = this.getCssSelectorToButton(n);
+        await this.goToButton(n, selector);
+      }
+    }
+  }
+  async clickButtonByTitle(title) {
+    await this.toggle();
+    if (isString(title)) {
+      const selector = import_selenium_webdriver20.By.xpath(buttonByTextXpath(title));
+      await this.goToButton(title, selector);
+    }
+    if (isArray(title)) {
+      for (let t of title) {
+        const selector = import_selenium_webdriver20.By.xpath(buttonByTextXpath(t));
+        await this.goToButton(t, selector);
+      }
+    }
+  }
+};
+
 // src/pageObjects/elements/TableToolbar/ToolbarItem.ts
 var GROUP_BUTTON_CLASS = "toolbar-group-button";
 var toolbarItemSelector = (form, name) => byTestIdCssSelector(`ftb-${form}-${name}`);
 var ToolbarItem = class extends AbstractElementWithParent {
   _button;
-  // private _formName: string;
+  _formName;
   _itemName;
   constructor(parentCssSelector, formName, itemName, driver) {
     super(parentCssSelector, toolbarItemSelector(formName, itemName), driver);
     this._itemName = itemName;
+    this._formName = formName;
   }
   async init() {
     if (this._button)
@@ -1253,6 +1364,9 @@ var ToolbarItem = class extends AbstractElementWithParent {
     await this.init();
     return await this._button.isDisabled();
   }
+  get menu() {
+    return new ToolbarMenu(this.parentCssSelector, this._formName, this._itemName, this.driver);
+  }
 };
 
 // src/pageObjects/elements/TableToolbar/FormToolbar.ts
@@ -1310,7 +1424,7 @@ var FormFilterField = class extends AbstractEditor {
 };
 
 // src/pageObjects/elements/Filters/FilterPanel.ts
-var import_selenium_webdriver20 = require("selenium-webdriver");
+var import_selenium_webdriver21 = require("selenium-webdriver");
 
 // src/pageObjects/elements/Filters/PanelFilterField.ts
 var PanelFilterField = class extends AbstractEditor {
@@ -1365,7 +1479,7 @@ var FilterPanel = class extends AbstractElement {
   async filterPanelButtons() {
     const selector = `${this.elementCssSelector} ${FILTER_PANEL_SELECTOR} .filter-panel__buttons-panel .dx-button-text`;
     const el = await this.getElement();
-    return el.findElements(import_selenium_webdriver20.By.css(selector));
+    return el.findElements(import_selenium_webdriver21.By.css(selector));
   }
   constructor(formName, driver) {
     super(driver, drawerSelector(formName));
@@ -1398,7 +1512,7 @@ var FilterPanel = class extends AbstractElement {
     await this.driver.sleep(300);
   }
   async close() {
-    const btn = await this.driver.findElement(import_selenium_webdriver20.By.css(`${this.elementCssSelector} ${CLOSE_SELECTOR}`));
+    const btn = await this.driver.findElement(import_selenium_webdriver21.By.css(`${this.elementCssSelector} ${CLOSE_SELECTOR}`));
     await click(btn, this.driver);
   }
 };
@@ -1462,9 +1576,57 @@ var ListForm = class extends AbstractForm {
     return new FilterPanel(this.formName, this.driver);
   }
 };
+
+// src/pageObjects/elements/Dialog.ts
+var import_selenium_webdriver22 = require("selenium-webdriver");
+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 DialogButton = class extends AbstractButton {
+  text;
+  constructor(parentCssSelector, text, driver) {
+    super(parentCssSelector, "", driver);
+    this.text = text;
+  }
+  async getElement() {
+    const panel = await super.getElement();
+    return panel.findElement(import_selenium_webdriver22.By.xpath(buttonByTextXpath2(this.text)));
+  }
+  buttonNotDisplayedError() {
+    return `Dialog button ${this.text} cannot be clicked. It is not displayed or it is disabled`;
+  }
+};
+var Dialog = class extends AbstractElement {
+  constructor(driver) {
+    super(driver, DIALOG_CLASS);
+  }
+  get titleSelector() {
+    return this.joinRelativeCssSelectors([DIALOG_CLASS, DIALOG_TITLE_CLASS]);
+  }
+  get textSelector() {
+    return this.joinRelativeCssSelectors([DIALOG_CLASS, DIALOG_TEXT_CLASS]);
+  }
+  get buttonsSelector() {
+    return this.joinRelativeCssSelectors([DIALOG_CLASS, DIALOG_BUTTONS_PANEL_CLASS]);
+  }
+  async title() {
+    const el = await this.driver.findElement(import_selenium_webdriver22.By.css(this.titleSelector));
+    return await el.getText();
+  }
+  async text() {
+    const el = await this.driver.findElement(import_selenium_webdriver22.By.css(this.textSelector));
+    return await el.getText();
+  }
+  button(text) {
+    return new DialogButton(this.buttonsSelector, text, this.driver);
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AbstractPage,
+  Dialog,
   FilterPanel,
   FormEdit,
   FormField,
@@ -1482,6 +1644,7 @@ var ListForm = class extends AbstractForm {
   createDriver,
   editorFactory,
   elementIsNotPresent,
+  readonlyLocator,
   signIn,
   wait,
   waitElementIsVisible

package/dist/d5-testing-library.d.ts

@@ -20,6 +20,7 @@ declare abstract class AbstractElement {
     protected elementCssSelector: string;
     protected constructor(driver?: WebDriver, elementCssSelector?: string);
     protected getFullCssSelector(): string;
+    protected joinRelativeCssSelectors(selectors: string[]): string;
     getElement(): Promise<WebElement>;
     getAttribute(attr: string): Promise<string>;
     getClasses(): Promise<string>;
@@ -59,6 +60,7 @@ declare const byTestIdCssSelector: (testId: string, element?: string) => string;
  * @returns {By} - The By locator object.
  */
 declare const byTestId: (testId: string, element?: string) => By;
+declare const readonlyLocator = "readonly";
 
 /**
  * Creates a WebDriver instance for the specified browser.
@@ -155,6 +157,7 @@ declare abstract class AbstractElementWithParent extends AbstractElement {
     protected parentCssSelector: string;
     constructor(parentCssSelector: string, elementCssSelector: string, driver?: WebDriver);
     protected getFullCssSelector(): string;
+    isReadonly(): Promise<boolean>;
 }
 
 interface Editor {
@@ -162,6 +165,7 @@ interface Editor {
     getValue(): Promise<any>;
     remove?(itemText: string): Promise<void>;
     clear?(): Promise<void>;
+    isReadonly?(): Promise<boolean>;
 }
 
 interface ClearStrategy {
@@ -224,6 +228,13 @@ declare class AbstractEditor extends AbstractElementWithParent implements Editor
      * await formEdit.field('TagBox').remove('test');
      */
     remove(itemText: string): Promise<void>;
+    /**
+     * Возвращает значение true|false в зависимости readOnly поле или нет
+     * @example
+     * expect(await formEdit.field('NumberFld').isReadonly()).toBe(true);
+     * expect(await formEdit.field('TextFld').isReadonly()).toBe(false);
+     */
+    isReadonly(): Promise<boolean>;
 }
 
 declare class FormField extends AbstractEditor {
@@ -248,6 +259,7 @@ declare class FormGroup extends AbstractElementWithParent implements Group {
 
 declare abstract class FormEdit extends AbstractForm {
     saveButtonBy: By;
+    closeButtonBy: By;
     protected constructor(driver?: WebDriver);
     /**
      * Находит поле формы редактирования по имени
@@ -281,20 +293,47 @@ declare abstract class FormEdit extends AbstractForm {
      * await formEdit.saveButtonClick();
      */
     saveButtonClick(): Promise<void>;
+    /**
+     * Нажатие на кнопку Закрить
+     * @example
+     * const formEdit = new MyForm();
+     * //...
+     * await formEdit.closeButtonClick();
+     */
+    closeButtonClick(): Promise<void>;
 }
 
 interface Button {
     click(): Promise<void>;
     isDisabled(): Promise<boolean>;
 }
+declare abstract class AbstractButton extends AbstractElementWithParent implements Button {
+    protected constructor(parentCssSelector: string, elementCssSelector: string, driver?: WebDriver);
+    protected abstract buttonNotDisplayedError(): string;
+    click(): Promise<void>;
+    isDisabled(): Promise<boolean>;
+}
+
+declare class ToolbarMenu extends AbstractElementWithParent {
+    private readonly _formName;
+    constructor(parentCssSelector: string, formName: string, name: string, driver?: WebDriver);
+    protected toggle(): Promise<void>;
+    protected getCssSelectorToButton(name: string): By;
+    protected buttonNotDisplayedError(name: string): string;
+    protected goToButton(name: string, selector: By): Promise<void>;
+    clickButton(name: string | string[]): Promise<void>;
+    clickButtonByTitle(title: string | string[]): Promise<void>;
+}
 
 declare class ToolbarItem extends AbstractElementWithParent implements Button {
     private _button;
-    private _itemName;
+    private readonly _formName;
+    private readonly _itemName;
     constructor(parentCssSelector: string, formName: string, itemName: string, driver?: WebDriver);
     private init;
     click(): Promise<void>;
     isDisabled(): Promise<boolean>;
+    get menu(): ToolbarMenu;
 }
 
 declare class Cell extends AbstractElementWithParent {
@@ -500,4 +539,20 @@ declare abstract class ListForm extends AbstractForm {
     get filterPanel(): FilterPanel;
 }
 
-export { AbstractPage, Editor, FilterPanel, FormEdit, FormField, FormFilterField, ListForm, LoginPage, NumberEditor, PanelFilterField, SubsystemsPanel, TextEditor, byTestId, byTestIdCssSelector, click, config, createDriver, editorFactory, elementIsNotPresent, signIn, wait, waitElementIsVisible };
+declare class DialogButton extends AbstractButton implements Button {
+    private readonly text;
+    constructor(parentCssSelector: string, text: string, driver?: WebDriver);
+    getElement(): Promise<WebElement>;
+    protected buttonNotDisplayedError(): string;
+}
+declare class Dialog extends AbstractElement {
+    constructor(driver?: WebDriver);
+    private get titleSelector();
+    private get textSelector();
+    private get buttonsSelector();
+    title(): Promise<string>;
+    text(): Promise<string>;
+    button(text: string): DialogButton;
+}
+
+export { AbstractPage, Dialog, Editor, FilterPanel, FormEdit, FormField, FormFilterField, ListForm, LoginPage, NumberEditor, PanelFilterField, SubsystemsPanel, TextEditor, byTestId, byTestIdCssSelector, click, config, createDriver, editorFactory, elementIsNotPresent, readonlyLocator, signIn, wait, waitElementIsVisible };

package/dist/d5-testing-library.legacy-esm.js

@@ -73,6 +73,9 @@ var AbstractElement = class {
   getFullCssSelector() {
     return this.elementCssSelector;
   }
+  joinRelativeCssSelectors(selectors) {
+    return selectors.join(" ");
+  }
   async getElement() {
     return this.driver.findElement(By.css(this.getFullCssSelector()));
   }
@@ -137,6 +140,7 @@ var byTestIdCssSelector = (testId, element = "div") => {
 var byTestId = (testId, element = "div") => {
   return By2.css(byTestIdCssSelector(testId, element));
 };
+var readonlyLocator = "readonly";
 
 // src/pageObjects/pages/LoginPage.ts
 var LOGIN_PATH = "/login";
@@ -219,6 +223,11 @@ var AbstractElementWithParent = class extends AbstractElement {
     }
     return `${this.parentCssSelector} ${this.elementCssSelector}`;
   }
+  async isReadonly() {
+    const fieldEl = await this.getElement();
+    const classSting = await fieldEl.getAttribute("class");
+    return classSting.includes(readonlyLocator);
+  }
 };
 
 // src/pageObjects/elements/SubsystemsPanel/SubsystemsPanelHeader.ts
@@ -556,8 +565,7 @@ var TagBox = class extends AbstractDXEditorWithInput {
     const tags = await this.driver.findElements(By9.css(`${this.getFullCssSelector()} .${DX_TAG_CONTAINER} ${TAGS_SELECTOR}`));
     const values = [];
     for (const tag of tags) {
-      const text = await tag.getText();
-      values.push(text);
+      values.push(await tag.getAttribute("textContent"));
     }
     return values;
   }
@@ -749,6 +757,16 @@ var AbstractEditor = class extends AbstractElementWithParent {
     }
     return this.editor.remove(itemText);
   }
+  /**
+   * Возвращает значение true|false в зависимости readOnly поле или нет
+   * @example
+   * expect(await formEdit.field('NumberFld').isReadonly()).toBe(true);
+   * expect(await formEdit.field('TextFld').isReadonly()).toBe(false);
+   */
+  async isReadonly() {
+    await this.initEditor();
+    return this.editor.isReadonly();
+  }
 };
 
 // src/pageObjects/elements/FormField.ts
@@ -808,6 +826,7 @@ var FormGroup = class extends AbstractElementWithParent {
 // src/pageObjects/elements/Forms/FormEdit.ts
 var FormEdit = class extends AbstractForm {
   saveButtonBy = By12.id("button-save");
+  closeButtonBy = By12.id("button-cancel");
   constructor(driver) {
     super(driver);
     this.popupContainerCssSelector = `.popup .form-edit-${this.formName}`;
@@ -856,6 +875,17 @@ var FormEdit = class extends AbstractForm {
     await wait(async () => !await this.isSaveButtonDisabled(), this.driver, "Button is disabled");
     await click(saveButton, this.driver);
   }
+  /**
+   * Нажатие на кнопку Закрить
+   * @example
+   * const formEdit = new MyForm();
+   * //...
+   * await formEdit.closeButtonClick();
+   */
+  async closeButtonClick() {
+    const closeButton = await this.driver.findElement(this.closeButtonBy);
+    await click(closeButton, this.driver);
+  }
 };
 
 // src/pageObjects/elements/Table/Table.ts
@@ -1168,16 +1198,95 @@ var ToolbarButton = class extends AbstractButton {
   }
 };
 
+// src/pageObjects/elements/TableToolbar/ToolbarMenu.ts
+import { By as By18 } 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/TableToolbar/ToolbarMenu.ts
+var SPINDOWN_CLASS = ".dx-icon-spindown";
+var buttonGroupItemSelector = (formName, name) => byTestIdCssSelector(`ftb-${formName}-${name}`);
+var getFullCssSelector = (formName, name) => `${buttonGroupItemSelector(formName, name)} ${SPINDOWN_CLASS}`;
+var buttonByTextXpath = (text) => `.//span[contains(@class, "dx-menu-item-text") and contains(text(), "${text}")]`;
+var ToolbarMenu = class extends AbstractElementWithParent {
+  _formName;
+  constructor(parentCssSelector, formName, name, driver) {
+    super(parentCssSelector, getFullCssSelector(formName, name), driver);
+    this._formName = formName;
+  }
+  async toggle() {
+    const dropdown = await this.getElement();
+    await dropdown.click();
+  }
+  getCssSelectorToButton(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, selector) {
+    const toolbarMenuItem = this.driver.findElement(selector);
+    await wait(async () => {
+      return await toolbarMenuItem.isDisplayed();
+    }, this.driver, this.buttonNotDisplayedError(name));
+    await click(toolbarMenuItem, this.driver);
+  }
+  async clickButton(name) {
+    await this.toggle();
+    if (isString(name)) {
+      const selector = this.getCssSelectorToButton(name);
+      await this.goToButton(name, selector);
+    }
+    if (isArray(name)) {
+      for (let n of name) {
+        const selector = this.getCssSelectorToButton(n);
+        await this.goToButton(n, selector);
+      }
+    }
+  }
+  async clickButtonByTitle(title) {
+    await this.toggle();
+    if (isString(title)) {
+      const selector = By18.xpath(buttonByTextXpath(title));
+      await this.goToButton(title, selector);
+    }
+    if (isArray(title)) {
+      for (let t of title) {
+        const selector = By18.xpath(buttonByTextXpath(t));
+        await this.goToButton(t, selector);
+      }
+    }
+  }
+};
+
 // src/pageObjects/elements/TableToolbar/ToolbarItem.ts
 var GROUP_BUTTON_CLASS = "toolbar-group-button";
 var toolbarItemSelector = (form, name) => byTestIdCssSelector(`ftb-${form}-${name}`);
 var ToolbarItem = class extends AbstractElementWithParent {
   _button;
-  // private _formName: string;
+  _formName;
   _itemName;
   constructor(parentCssSelector, formName, itemName, driver) {
     super(parentCssSelector, toolbarItemSelector(formName, itemName), driver);
     this._itemName = itemName;
+    this._formName = formName;
   }
   async init() {
     if (this._button)
@@ -1197,6 +1306,9 @@ var ToolbarItem = class extends AbstractElementWithParent {
     await this.init();
     return await this._button.isDisabled();
   }
+  get menu() {
+    return new ToolbarMenu(this.parentCssSelector, this._formName, this._itemName, this.driver);
+  }
 };
 
 // src/pageObjects/elements/TableToolbar/FormToolbar.ts
@@ -1254,7 +1366,7 @@ var FormFilterField = class extends AbstractEditor {
 };
 
 // src/pageObjects/elements/Filters/FilterPanel.ts
-import { By as By18 } from "selenium-webdriver";
+import { By as By19 } from "selenium-webdriver";
 
 // src/pageObjects/elements/Filters/PanelFilterField.ts
 var PanelFilterField = class extends AbstractEditor {
@@ -1309,7 +1421,7 @@ var FilterPanel = class extends AbstractElement {
   async filterPanelButtons() {
     const selector = `${this.elementCssSelector} ${FILTER_PANEL_SELECTOR} .filter-panel__buttons-panel .dx-button-text`;
     const el = await this.getElement();
-    return el.findElements(By18.css(selector));
+    return el.findElements(By19.css(selector));
   }
   constructor(formName, driver) {
     super(driver, drawerSelector(formName));
@@ -1342,7 +1454,7 @@ var FilterPanel = class extends AbstractElement {
     await this.driver.sleep(300);
   }
   async close() {
-    const btn = await this.driver.findElement(By18.css(`${this.elementCssSelector} ${CLOSE_SELECTOR}`));
+    const btn = await this.driver.findElement(By19.css(`${this.elementCssSelector} ${CLOSE_SELECTOR}`));
     await click(btn, this.driver);
   }
 };
@@ -1406,8 +1518,56 @@ var ListForm = class extends AbstractForm {
     return new FilterPanel(this.formName, this.driver);
   }
 };
+
+// src/pageObjects/elements/Dialog.ts
+import { By as By20 } from "selenium-webdriver";
+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 DialogButton = class extends AbstractButton {
+  text;
+  constructor(parentCssSelector, text, driver) {
+    super(parentCssSelector, "", driver);
+    this.text = text;
+  }
+  async getElement() {
+    const panel = await super.getElement();
+    return panel.findElement(By20.xpath(buttonByTextXpath2(this.text)));
+  }
+  buttonNotDisplayedError() {
+    return `Dialog button ${this.text} cannot be clicked. It is not displayed or it is disabled`;
+  }
+};
+var Dialog = class extends AbstractElement {
+  constructor(driver) {
+    super(driver, DIALOG_CLASS);
+  }
+  get titleSelector() {
+    return this.joinRelativeCssSelectors([DIALOG_CLASS, DIALOG_TITLE_CLASS]);
+  }
+  get textSelector() {
+    return this.joinRelativeCssSelectors([DIALOG_CLASS, DIALOG_TEXT_CLASS]);
+  }
+  get buttonsSelector() {
+    return this.joinRelativeCssSelectors([DIALOG_CLASS, DIALOG_BUTTONS_PANEL_CLASS]);
+  }
+  async title() {
+    const el = await this.driver.findElement(By20.css(this.titleSelector));
+    return await el.getText();
+  }
+  async text() {
+    const el = await this.driver.findElement(By20.css(this.textSelector));
+    return await el.getText();
+  }
+  button(text) {
+    return new DialogButton(this.buttonsSelector, text, this.driver);
+  }
+};
 export {
   AbstractPage,
+  Dialog,
   FilterPanel,
   FormEdit,
   FormField,
@@ -1425,6 +1585,7 @@ export {
   createDriver,
   editorFactory,
   elementIsNotPresent,
+  readonlyLocator,
   signIn,
   wait,
   waitElementIsVisible

package/dist/d5-testing-library.mjs

@@ -73,6 +73,9 @@ var AbstractElement = class {
   getFullCssSelector() {
     return this.elementCssSelector;
   }
+  joinRelativeCssSelectors(selectors) {
+    return selectors.join(" ");
+  }
   async getElement() {
     return this.driver.findElement(By.css(this.getFullCssSelector()));
   }
@@ -137,6 +140,7 @@ var byTestIdCssSelector = (testId, element = "div") => {
 var byTestId = (testId, element = "div") => {
   return By2.css(byTestIdCssSelector(testId, element));
 };
+var readonlyLocator = "readonly";
 
 // src/pageObjects/pages/LoginPage.ts
 var LOGIN_PATH = "/login";
@@ -219,6 +223,11 @@ var AbstractElementWithParent = class extends AbstractElement {
     }
     return `${this.parentCssSelector} ${this.elementCssSelector}`;
   }
+  async isReadonly() {
+    const fieldEl = await this.getElement();
+    const classSting = await fieldEl.getAttribute("class");
+    return classSting.includes(readonlyLocator);
+  }
 };
 
 // src/pageObjects/elements/SubsystemsPanel/SubsystemsPanelHeader.ts
@@ -556,8 +565,7 @@ var TagBox = class extends AbstractDXEditorWithInput {
     const tags = await this.driver.findElements(By9.css(`${this.getFullCssSelector()} .${DX_TAG_CONTAINER} ${TAGS_SELECTOR}`));
     const values = [];
     for (const tag of tags) {
-      const text = await tag.getText();
-      values.push(text);
+      values.push(await tag.getAttribute("textContent"));
     }
     return values;
   }
@@ -749,6 +757,16 @@ var AbstractEditor = class extends AbstractElementWithParent {
     }
     return this.editor.remove(itemText);
   }
+  /**
+   * Возвращает значение true|false в зависимости readOnly поле или нет
+   * @example
+   * expect(await formEdit.field('NumberFld').isReadonly()).toBe(true);
+   * expect(await formEdit.field('TextFld').isReadonly()).toBe(false);
+   */
+  async isReadonly() {
+    await this.initEditor();
+    return this.editor.isReadonly();
+  }
 };
 
 // src/pageObjects/elements/FormField.ts
@@ -808,6 +826,7 @@ var FormGroup = class extends AbstractElementWithParent {
 // src/pageObjects/elements/Forms/FormEdit.ts
 var FormEdit = class extends AbstractForm {
   saveButtonBy = By12.id("button-save");
+  closeButtonBy = By12.id("button-cancel");
   constructor(driver) {
     super(driver);
     this.popupContainerCssSelector = `.popup .form-edit-${this.formName}`;
@@ -856,6 +875,17 @@ var FormEdit = class extends AbstractForm {
     await wait(async () => !await this.isSaveButtonDisabled(), this.driver, "Button is disabled");
     await click(saveButton, this.driver);
   }
+  /**
+   * Нажатие на кнопку Закрить
+   * @example
+   * const formEdit = new MyForm();
+   * //...
+   * await formEdit.closeButtonClick();
+   */
+  async closeButtonClick() {
+    const closeButton = await this.driver.findElement(this.closeButtonBy);
+    await click(closeButton, this.driver);
+  }
 };
 
 // src/pageObjects/elements/Table/Table.ts
@@ -1168,16 +1198,95 @@ var ToolbarButton = class extends AbstractButton {
   }
 };
 
+// src/pageObjects/elements/TableToolbar/ToolbarMenu.ts
+import { By as By18 } 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/TableToolbar/ToolbarMenu.ts
+var SPINDOWN_CLASS = ".dx-icon-spindown";
+var buttonGroupItemSelector = (formName, name) => byTestIdCssSelector(`ftb-${formName}-${name}`);
+var getFullCssSelector = (formName, name) => `${buttonGroupItemSelector(formName, name)} ${SPINDOWN_CLASS}`;
+var buttonByTextXpath = (text) => `.//span[contains(@class, "dx-menu-item-text") and contains(text(), "${text}")]`;
+var ToolbarMenu = class extends AbstractElementWithParent {
+  _formName;
+  constructor(parentCssSelector, formName, name, driver) {
+    super(parentCssSelector, getFullCssSelector(formName, name), driver);
+    this._formName = formName;
+  }
+  async toggle() {
+    const dropdown = await this.getElement();
+    await dropdown.click();
+  }
+  getCssSelectorToButton(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, selector) {
+    const toolbarMenuItem = this.driver.findElement(selector);
+    await wait(async () => {
+      return await toolbarMenuItem.isDisplayed();
+    }, this.driver, this.buttonNotDisplayedError(name));
+    await click(toolbarMenuItem, this.driver);
+  }
+  async clickButton(name) {
+    await this.toggle();
+    if (isString(name)) {
+      const selector = this.getCssSelectorToButton(name);
+      await this.goToButton(name, selector);
+    }
+    if (isArray(name)) {
+      for (let n of name) {
+        const selector = this.getCssSelectorToButton(n);
+        await this.goToButton(n, selector);
+      }
+    }
+  }
+  async clickButtonByTitle(title) {
+    await this.toggle();
+    if (isString(title)) {
+      const selector = By18.xpath(buttonByTextXpath(title));
+      await this.goToButton(title, selector);
+    }
+    if (isArray(title)) {
+      for (let t of title) {
+        const selector = By18.xpath(buttonByTextXpath(t));
+        await this.goToButton(t, selector);
+      }
+    }
+  }
+};
+
 // src/pageObjects/elements/TableToolbar/ToolbarItem.ts
 var GROUP_BUTTON_CLASS = "toolbar-group-button";
 var toolbarItemSelector = (form, name) => byTestIdCssSelector(`ftb-${form}-${name}`);
 var ToolbarItem = class extends AbstractElementWithParent {
   _button;
-  // private _formName: string;
+  _formName;
   _itemName;
   constructor(parentCssSelector, formName, itemName, driver) {
     super(parentCssSelector, toolbarItemSelector(formName, itemName), driver);
     this._itemName = itemName;
+    this._formName = formName;
   }
   async init() {
     if (this._button)
@@ -1197,6 +1306,9 @@ var ToolbarItem = class extends AbstractElementWithParent {
     await this.init();
     return await this._button.isDisabled();
   }
+  get menu() {
+    return new ToolbarMenu(this.parentCssSelector, this._formName, this._itemName, this.driver);
+  }
 };
 
 // src/pageObjects/elements/TableToolbar/FormToolbar.ts
@@ -1254,7 +1366,7 @@ var FormFilterField = class extends AbstractEditor {
 };
 
 // src/pageObjects/elements/Filters/FilterPanel.ts
-import { By as By18 } from "selenium-webdriver";
+import { By as By19 } from "selenium-webdriver";
 
 // src/pageObjects/elements/Filters/PanelFilterField.ts
 var PanelFilterField = class extends AbstractEditor {
@@ -1309,7 +1421,7 @@ var FilterPanel = class extends AbstractElement {
   async filterPanelButtons() {
     const selector = `${this.elementCssSelector} ${FILTER_PANEL_SELECTOR} .filter-panel__buttons-panel .dx-button-text`;
     const el = await this.getElement();
-    return el.findElements(By18.css(selector));
+    return el.findElements(By19.css(selector));
   }
   constructor(formName, driver) {
     super(driver, drawerSelector(formName));
@@ -1342,7 +1454,7 @@ var FilterPanel = class extends AbstractElement {
     await this.driver.sleep(300);
   }
   async close() {
-    const btn = await this.driver.findElement(By18.css(`${this.elementCssSelector} ${CLOSE_SELECTOR}`));
+    const btn = await this.driver.findElement(By19.css(`${this.elementCssSelector} ${CLOSE_SELECTOR}`));
     await click(btn, this.driver);
   }
 };
@@ -1406,8 +1518,56 @@ var ListForm = class extends AbstractForm {
     return new FilterPanel(this.formName, this.driver);
   }
 };
+
+// src/pageObjects/elements/Dialog.ts
+import { By as By20 } from "selenium-webdriver";
+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 DialogButton = class extends AbstractButton {
+  text;
+  constructor(parentCssSelector, text, driver) {
+    super(parentCssSelector, "", driver);
+    this.text = text;
+  }
+  async getElement() {
+    const panel = await super.getElement();
+    return panel.findElement(By20.xpath(buttonByTextXpath2(this.text)));
+  }
+  buttonNotDisplayedError() {
+    return `Dialog button ${this.text} cannot be clicked. It is not displayed or it is disabled`;
+  }
+};
+var Dialog = class extends AbstractElement {
+  constructor(driver) {
+    super(driver, DIALOG_CLASS);
+  }
+  get titleSelector() {
+    return this.joinRelativeCssSelectors([DIALOG_CLASS, DIALOG_TITLE_CLASS]);
+  }
+  get textSelector() {
+    return this.joinRelativeCssSelectors([DIALOG_CLASS, DIALOG_TEXT_CLASS]);
+  }
+  get buttonsSelector() {
+    return this.joinRelativeCssSelectors([DIALOG_CLASS, DIALOG_BUTTONS_PANEL_CLASS]);
+  }
+  async title() {
+    const el = await this.driver.findElement(By20.css(this.titleSelector));
+    return await el.getText();
+  }
+  async text() {
+    const el = await this.driver.findElement(By20.css(this.textSelector));
+    return await el.getText();
+  }
+  button(text) {
+    return new DialogButton(this.buttonsSelector, text, this.driver);
+  }
+};
 export {
   AbstractPage,
+  Dialog,
   FilterPanel,
   FormEdit,
   FormField,
@@ -1425,6 +1585,7 @@ export {
   createDriver,
   editorFactory,
   elementIsNotPresent,
+  readonlyLocator,
   signIn,
   wait,
   waitElementIsVisible

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "d5-testing-library",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "e2e testing D5 projects",
   "main": "dist/cjs/d5-testing-library.cjs",
   "module": "dist/d5-testing-library.legacy-esm.js",