d5-testing-library 1.0.4 → 1.0.5

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

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -29,6 +39,7 @@ __export(src_exports, {
   SubsystemsPanel: () => SubsystemsPanel,
   TextEditor: () => TextEditor,
   byTestId: () => byTestId,
+  click: () => click,
   config: () => config,
   createDriver: () => createDriver,
   editorFactory: () => editorFactory,
@@ -38,6 +49,25 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/config.ts
+var process = __toESM(require("process"));
+var driversMap = /* @__PURE__ */ new Map();
+var createConfigProxy = (config2) => {
+  return new Proxy(config2, {
+    get(_target, prop) {
+      if (prop === "driver") {
+        return driversMap.get(process.pid);
+      }
+      return Reflect.get(...arguments);
+    },
+    set(_target, prop, value) {
+      if (prop === "driver") {
+        driversMap.set(process.pid, value);
+        return true;
+      }
+      return Reflect.set(...arguments);
+    }
+  });
+};
 var Config = class _Config {
   static instance;
   appConfig;
@@ -49,7 +79,7 @@ var Config = class _Config {
   }
   config = (cfg) => {
     if (!cfg)
-      return this.appConfig;
+      return createConfigProxy(this.appConfig);
     this.appConfig = cfg;
   };
 };
@@ -120,6 +150,9 @@ var elementIsNotPresent = function elementIsNotPresent2(locator) {
   });
 };
 
+// src/utils/waitElementIsVisible.ts
+var import_selenium_webdriver4 = require("selenium-webdriver");
+
 // src/pageObjects/AbstractElementWithParent.ts
 var AbstractElementWithParent = class extends AbstractElement {
   getParentElement;
@@ -144,9 +177,9 @@ var SubsystemsPanelHeader = class extends AbstractElementWithParent {
 };
 
 // src/pageObjects/elements/SubsystemsPanel/SubsystemsPanel.ts
-var import_selenium_webdriver4 = require("selenium-webdriver");
+var import_selenium_webdriver5 = require("selenium-webdriver");
 var SubsystemsPanel = class extends AbstractElement {
-  panelBy = import_selenium_webdriver4.By.id("aside");
+  panelBy = import_selenium_webdriver5.By.id("aside");
   header;
   constructor(driver) {
     super(driver);
@@ -161,7 +194,7 @@ var SubsystemsPanel = class extends AbstractElement {
 };
 
 // src/pageObjects/elements/Forms/AbstractForm.ts
-var import_selenium_webdriver5 = require("selenium-webdriver");
+var import_selenium_webdriver6 = require("selenium-webdriver");
 var AbstractForm = class extends AbstractPage {
   containerBy;
   popupContainerBy;
@@ -206,20 +239,20 @@ var AbstractForm = class extends AbstractPage {
   async getTitleText() {
     if (await this.isModal()) {
       const popupEl = await this.driver.findElement(this.popupContainerBy);
-      const titleEl2 = await popupEl.findElement(import_selenium_webdriver5.By.className("popup-title"));
+      const titleEl2 = await popupEl.findElement(import_selenium_webdriver6.By.className("popup-title"));
       return titleEl2.getText();
     }
     let container = await this.getContainerElement();
-    let titleEl = await container.findElement(import_selenium_webdriver5.By.className("form-toolbar-name-container"));
+    let titleEl = await container.findElement(import_selenium_webdriver6.By.className("form-toolbar-name-container"));
     return titleEl.getText();
   }
 };
 
 // src/pageObjects/elements/Forms/FormEdit.ts
-var import_selenium_webdriver8 = require("selenium-webdriver");
+var import_selenium_webdriver9 = require("selenium-webdriver");
 
 // src/pageObjects/elements/Editors/AbstractEditor.ts
-var import_selenium_webdriver6 = require("selenium-webdriver");
+var import_selenium_webdriver7 = require("selenium-webdriver");
 
 // src/pageObjects/AbstractFormElement.ts
 var AbstractFormElement = class extends AbstractElementWithParent {
@@ -233,7 +266,7 @@ var AbstractFormElement = class extends AbstractElementWithParent {
 var AbstractDXEditorWithInput = class extends AbstractFormElement {
   async getInputElement() {
     const controlEl = await this.getElement();
-    return controlEl.findElement(import_selenium_webdriver6.By.className("dx-texteditor-input"));
+    return controlEl.findElement(import_selenium_webdriver7.By.className("dx-texteditor-input"));
   }
   async getInputValue() {
     const inputEl = await this.getInputElement();
@@ -241,8 +274,8 @@ var AbstractDXEditorWithInput = class extends AbstractFormElement {
   }
   async setInputValue(value) {
     const inputEl = await this.getInputElement();
-    await inputEl.click();
-    await inputEl.sendKeys(value, import_selenium_webdriver6.Key.ENTER);
+    await click(inputEl, this.driver);
+    await inputEl.sendKeys(value, import_selenium_webdriver7.Key.ENTER);
   }
 };
 
@@ -282,13 +315,13 @@ var CheckBox = class extends AbstractFormElement {
     const inputEl = await this.getElement();
     const currentValue = await this.getValue();
     if (currentValue !== value) {
-      await inputEl.click();
+      await click(inputEl, this.driver);
     }
   }
 };
 
 // src/pageObjects/elements/Editors/SelectBoxEditor.ts
-var import_selenium_webdriver7 = require("selenium-webdriver");
+var import_selenium_webdriver8 = require("selenium-webdriver");
 
 // src/utils/xpathHelper.ts
 var XPathHelper = class {
@@ -306,13 +339,13 @@ var SELECT_BOX_ELEMENT_ROLE = "option";
 var SelectBoxEditor = class extends AbstractDXEditorWithInput {
   async setSelectInputValue(value) {
     const inputEl = await this.getInputElement();
-    await inputEl.click();
-    await inputEl.sendKeys(value, import_selenium_webdriver7.Key.ENTER);
+    await click(inputEl, this.driver);
+    await inputEl.sendKeys(value, import_selenium_webdriver8.Key.ENTER);
     const combinedValueXpath = XPathHelper.getRoleXpath(SELECT_BOX_ELEMENT_ROLE) + XPathHelper.getClassAndValueXpath(SELECT_BOX_OPTION_TEXT_CONTAINER_CLASS, value);
     await this.driver.wait(async () => {
       try {
-        const optElement = await inputEl.findElement(import_selenium_webdriver7.By.xpath(combinedValueXpath));
-        await optElement.click();
+        const optElement = await inputEl.findElement(import_selenium_webdriver8.By.xpath(combinedValueXpath));
+        await click(optElement, this.driver);
         return true;
       } catch (e) {
         return false;
@@ -346,7 +379,7 @@ var SwitchEditor = class extends AbstractFormElement {
     const inputEl = await this.getElement();
     const currentValue = await this.getValue();
     if (currentValue !== value) {
-      await inputEl.click();
+      await click(inputEl, this.driver);
       await this.driver.wait(async () => {
         const updatedValue = await this.getValue();
         return updatedValue !== currentValue;
@@ -420,10 +453,10 @@ var FormField = class extends AbstractElementWithParent {
 
 // src/pageObjects/elements/Forms/FormEdit.ts
 var FormEdit = class extends AbstractForm {
-  saveButtonBy = import_selenium_webdriver8.By.id("button-save");
+  saveButtonBy = import_selenium_webdriver9.By.id("button-save");
   constructor(driver) {
     super(driver);
-    this.popupContainerBy = import_selenium_webdriver8.By.className(`popup form-edit-${this.formName}`);
+    this.popupContainerBy = import_selenium_webdriver9.By.className(`popup form-edit-${this.formName}`);
   }
   /**
    * Находит поле формы редактирования по имени
@@ -443,41 +476,41 @@ var FormEdit = class extends AbstractForm {
    * await formEdit.saveButtonClick();
    */
   async saveButtonClick() {
-    await this.driver.findElement(this.saveButtonBy).click();
+    await click(await this.driver.findElement(this.saveButtonBy), this.driver);
   }
 };
 
 // src/pageObjects/elements/Forms/ListForm.ts
-var import_selenium_webdriver14 = require("selenium-webdriver");
+var import_selenium_webdriver15 = require("selenium-webdriver");
 
 // src/pageObjects/elements/Table/Table.ts
-var import_selenium_webdriver11 = require("selenium-webdriver");
+var import_selenium_webdriver12 = require("selenium-webdriver");
 
 // src/pageObjects/elements/Table/utils.ts
-var import_selenium_webdriver9 = require("selenium-webdriver");
+var import_selenium_webdriver10 = require("selenium-webdriver");
 var getRowPathByIndex = (index) => {
-  return import_selenium_webdriver9.By.xpath(`//tr[@aria-rowindex="${transformInputIndex(index)}"]`);
+  return import_selenium_webdriver10.By.css(`tr[aria-rowindex="${transformInputIndex(index)}"]`);
 };
 var getColumnPathByIndex = (index) => {
-  return import_selenium_webdriver9.By.xpath(`//td[@aria-colindex="${transformInputIndex(index)}"]`);
+  return import_selenium_webdriver10.By.css(`td[aria-colindex="${transformInputIndex(index)}"]`);
 };
 var getColumnPathByCaption = (caption) => {
-  return import_selenium_webdriver9.By.xpath(`//td[@role="columnheader"][@aria-label="Column ${caption}"]`);
+  return import_selenium_webdriver10.By.css(`td[role="columnheader"][aria-label="Column ${caption}"]`);
 };
 var getCellPathByIndex = (index) => {
-  return import_selenium_webdriver9.By.xpath(`//td[@role="gridcell"][@aria-colindex="${transformInputIndex(index)}"]`);
+  return import_selenium_webdriver10.By.css(`td[role="gridcell"][aria-colindex="${transformInputIndex(index)}"]`);
 };
 var transformInputIndex = (index) => index + 1;
 var transformOutputIndex = (index) => +index - 1;
 
 // src/pageObjects/elements/Table/elements/Row.ts
-var import_selenium_webdriver10 = require("selenium-webdriver");
+var import_selenium_webdriver11 = require("selenium-webdriver");
 
 // src/pageObjects/elements/Table/elements/Cell.ts
 var Cell = class extends AbstractElementWithParent {
   index;
-  constructor(getParentElement, index, driver) {
-    super(getParentElement, driver);
+  constructor(rowEl, index, driver) {
+    super(() => Promise.resolve(rowEl), driver);
     this.index = index;
     this.elementBy = getCellPathByIndex(index);
   }
@@ -491,6 +524,8 @@ var Cell = class extends AbstractElementWithParent {
 };
 
 // src/pageObjects/elements/Table/elements/Row.ts
+var DX_SELECTION_CLASS = "dx-selection";
+var DX_ROW_EDIT_CLASS = "dx-edit-row";
 var Row = class extends AbstractElementWithParent {
   index;
   getColumnByCaption;
@@ -500,14 +535,11 @@ var Row = class extends AbstractElementWithParent {
     this.elementBy = getRowPathByIndex(index);
     this.getColumnByCaption = getColumnByCaption;
   }
-  getRowElement = () => {
-    return this.driver.findElement(this.elementBy);
-  };
   async getCellByIndex(index) {
     const rowEl = await this.getElement();
     const cell = rowEl.findElement(getCellPathByIndex(index));
     if (cell) {
-      return new Cell(this.getRowElement, index, this.driver);
+      return new Cell(rowEl, index, this.driver);
     }
     throw new Error(`Cannot find cell by index: ${index}`);
   }
@@ -521,7 +553,13 @@ var Row = class extends AbstractElementWithParent {
   }
   async select() {
     const rowEl = await this.getElement();
-    await rowEl.click();
+    await click(rowEl, this.driver);
+    await this.driver.wait(async () => {
+      const classes = await rowEl.getAttribute("class");
+      if (!classes.includes(DX_SELECTION_CLASS))
+        throw new Error("Cannot select row");
+      return true;
+    }, 500);
   }
   async isSelected() {
     const rowEl = await this.getElement();
@@ -533,34 +571,34 @@ var Row = class extends AbstractElementWithParent {
   }
   async getCells() {
     const rowEl = await this.getElement();
-    const cells = await rowEl.findElements(import_selenium_webdriver10.By.css(`td[role="gridcell"]`));
+    const cells = await rowEl.findElements(import_selenium_webdriver11.By.css(`td[role="gridcell"]`));
     const result = [];
     cells.forEach((_, index) => {
-      const newCell = new Cell(this.getRowElement, index, this.driver);
+      const newCell = new Cell(rowEl, index, this.driver);
       result.push(newCell);
     });
     return result;
   }
   async clickInlineButton(rowClass, buttonClass) {
-    const fixedTable = await this.getParentElement().findElement(
-      import_selenium_webdriver10.By.css(".dx-fixed-columns .dx-datagrid-content.dx-datagrid-content-fixed")
+    const fixedTable = (await this.getParentElement()).findElement(
+      import_selenium_webdriver11.By.css(".dx-fixed-columns .dx-datagrid-content.dx-datagrid-content-fixed")
     );
-    const rowEl = await fixedTable.findElement(import_selenium_webdriver10.By.className(rowClass));
-    const button = await rowEl.findElement(import_selenium_webdriver10.By.className(buttonClass));
+    const rowEl = await fixedTable.findElement(import_selenium_webdriver11.By.className(rowClass));
+    const button = await rowEl.findElement(import_selenium_webdriver11.By.className(buttonClass));
     if (button) {
-      return button.click();
+      return click(button, this.driver);
     }
     throw new Error(`Cannot find ${buttonClass} button`);
   }
   async edit() {
     await this.select();
-    return this.clickInlineButton("dx-selection", "edit");
+    return this.clickInlineButton(DX_SELECTION_CLASS, "edit");
   }
   async save() {
-    return this.clickInlineButton("dx-edit-row", "save");
+    return this.clickInlineButton(DX_ROW_EDIT_CLASS, "save");
   }
   async cancel() {
-    return this.clickInlineButton("dx-edit-row", "cancel");
+    return this.clickInlineButton(DX_ROW_EDIT_CLASS, "cancel");
   }
 };
 
@@ -583,17 +621,19 @@ var Column = class extends AbstractElementWithParent {
 
 // src/pageObjects/elements/Table/Table.ts
 var Table = class extends AbstractElementWithParent {
+  formName;
   constructor(getParentElement, formName, driver) {
     super(getParentElement, driver);
-    this.elementBy = import_selenium_webdriver11.By.id(createTableId(formName));
+    this.elementBy = import_selenium_webdriver12.By.id(createTableId(formName));
+    this.formName = formName;
   }
   async getHeaderElement() {
     const parentEl = await this.getElement();
-    return parentEl.findElement(import_selenium_webdriver11.By.className("dx-header-row"));
+    return parentEl.findElement(import_selenium_webdriver12.By.className("dx-header-row"));
   }
   async getDataGrid() {
     const parentEl = await this.getElement();
-    return parentEl.findElement(import_selenium_webdriver11.By.css(`div[role="grid"]`));
+    return parentEl.findElement(import_selenium_webdriver12.By.css(`div[role="grid"]`));
   }
   getTableElement = () => {
     return this.driver.findElement(this.elementBy);
@@ -633,7 +673,7 @@ var Table = class extends AbstractElementWithParent {
   }
   async getRows() {
     const gridContainer = await this.getDataGrid();
-    const rows = await gridContainer.findElements(import_selenium_webdriver11.By.className("dx-row dx-data-row"));
+    const rows = await gridContainer.findElements(import_selenium_webdriver12.By.className("dx-row dx-data-row"));
     const result = [];
     rows.forEach((_, index) => {
       const newRow = new Row(this.getTableElement, index, this.driver, this.getColumnByCaption.bind(this));
@@ -643,7 +683,7 @@ var Table = class extends AbstractElementWithParent {
   }
   async getColumns() {
     const headerContainer = await this.getHeaderElement();
-    const columns = await headerContainer.findElements(import_selenium_webdriver11.By.css(`td[role="columnheader"]`));
+    const columns = await headerContainer.findElements(import_selenium_webdriver12.By.css(`td[role="columnheader"]`));
     const result = [];
     columns.forEach((_, index) => {
       const newCol = new Column(this.getTableElement, index, this.driver);
@@ -651,25 +691,35 @@ var Table = class extends AbstractElementWithParent {
     });
     return result;
   }
-  async element() {
+  element() {
     return this.getElement();
   }
+  /**
+   * Находит поле когда форма находится в состоянии редактирования
+   * @example
+   * const form = new MyForm();
+   * //...
+   * expect(await form.field('Name').getValue()).toBe('test value');
+   */
+  field(name) {
+    return new FormField(this.getElement, this.formName, name, this.driver);
+  }
 };
 
 // src/pageObjects/elements/TableToolbar/TableToolbar.ts
-var import_selenium_webdriver13 = require("selenium-webdriver");
+var import_selenium_webdriver14 = require("selenium-webdriver");
 
 // src/pageObjects/elements/TableToolbar/TableToolbarButton.ts
-var import_selenium_webdriver12 = require("selenium-webdriver");
+var import_selenium_webdriver13 = require("selenium-webdriver");
 var TOOLBAR_BUTTON_CLASS = "toolbar-button";
 var TableToolbarButton = class extends AbstractElementWithParent {
   constructor(getParentElement, name, driver) {
     super(getParentElement, driver);
-    this.elementBy = import_selenium_webdriver12.By.id(`${TOOLBAR_BUTTON_CLASS}-${name}`);
+    this.elementBy = import_selenium_webdriver13.By.id(`${TOOLBAR_BUTTON_CLASS}-${name}`);
   }
   async click() {
     const button = await this.getElement();
-    return button.click();
+    return click(button, this.driver);
   }
   async isDisabled() {
     const button = await this.getElement();
@@ -683,14 +733,14 @@ var TABLE_TOOLBAR_CLASS = "d5-table-toolbar";
 var TableToolbar = class extends AbstractElementWithParent {
   constructor(getParentElement, formName, driver) {
     super(getParentElement, driver);
-    this.elementBy = import_selenium_webdriver13.By.id(`${TABLE_TOOLBAR_CLASS}-${formName}`);
+    this.elementBy = import_selenium_webdriver14.By.id(`${TABLE_TOOLBAR_CLASS}-${formName}`);
   }
   getTableToolbarElement = () => {
     return this.driver.findElement(this.elementBy);
   };
   async button(name) {
     const toolbar = await this.getTableToolbarElement();
-    const button = await toolbar.findElement(import_selenium_webdriver13.By.id(`${TOOLBAR_BUTTON_CLASS}-${name}`));
+    const button = await toolbar.findElement(import_selenium_webdriver14.By.id(`${TOOLBAR_BUTTON_CLASS}-${name}`));
     if (button) {
       return new TableToolbarButton(this.getTableToolbarElement, name, this.driver);
     }
@@ -702,7 +752,7 @@ var TableToolbar = class extends AbstractElementWithParent {
 var ListForm = class extends AbstractForm {
   constructor(driver) {
     super(driver);
-    this.popupContainerBy = import_selenium_webdriver14.By.className(`popup form-inline-${this.formName}`);
+    this.popupContainerBy = import_selenium_webdriver15.By.className(`popup form-inline-${this.formName}`);
   }
   /**
    * Находит таблицу
@@ -737,6 +787,13 @@ async function signIn(driver) {
   return webDriver;
 }
 
+// src/utils/actions.ts
+var click = async (webElement, driver) => {
+  driver = driver ?? config().driver;
+  const actions = driver.actions({ async: true });
+  await actions.move({ origin: webElement }).click().perform();
+};
+
 // src/pageObjects/pages/LoginPage.ts
 var LOGIN_PATH = "/login";
 var LoginPage = class extends AbstractPage {
@@ -753,7 +810,7 @@ var LoginPage = class extends AbstractPage {
     await this.driver.findElement(this.passwordField).sendKeys(password);
   }
   async clickLoginButton() {
-    await this.driver.findElement(this.loginButton).click();
+    await click(await this.driver.findElement(this.loginButton), this.driver);
   }
   async loginWith(username, password) {
     await this.enterUsername(username);
@@ -775,6 +832,7 @@ var LoginPage = class extends AbstractPage {
   SubsystemsPanel,
   TextEditor,
   byTestId,
+  click,
   config,
   createDriver,
   editorFactory,

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

@@ -1,5 +1,5 @@
 import * as selenium_webdriver from 'selenium-webdriver';
-import { WebDriver, Browser, By, Condition, WebElementPromise } from 'selenium-webdriver';
+import { WebDriver, Browser, By, Condition, WebElement, WebElementPromise } from 'selenium-webdriver';
 
 type DriverType = typeof Browser;
 type BrowserList = DriverType[keyof DriverType];
@@ -66,6 +66,15 @@ declare const elementIsNotPresent: (locator: By) => Condition<boolean>;
 
 declare function signIn(driver?: WebDriver): Promise<WebDriver>;
 
+/**
+ * Clicks on a specified web element.
+ *
+ * @param {WebElement} webElement - The web element to click on.
+ * @param {WebDriver} [driver] - The web driver instance to use. If not provided, the default driver from the configuration is used.
+ * @returns {Promise<void>} A promise that resolves when the click action is complete.
+ */
+declare const click: (webElement: WebElement, driver?: WebDriver) => Promise<void>;
+
 declare class SubsystemsPanel extends AbstractElement {
     private panelBy;
     private header;
@@ -101,10 +110,10 @@ declare abstract class AbstractForm extends AbstractPage {
 }
 
 declare abstract class AbstractElementWithParent extends AbstractElement {
-    protected getParentElement: () => WebElementPromise;
+    protected getParentElement: () => Promise<WebElement>;
     protected elementBy: By;
-    constructor(getParentElement: () => WebElementPromise, driver?: WebDriver);
-    getElement(): Promise<selenium_webdriver.WebElement>;
+    constructor(getParentElement: () => Promise<WebElement>, driver?: WebDriver);
+    getElement(): Promise<WebElement>;
 }
 
 interface Editor {
@@ -113,7 +122,7 @@ interface Editor {
 }
 
 declare class AbstractFormElement extends AbstractElementWithParent {
-    constructor(getParentElement: () => WebElementPromise, elementBy: By, driver?: WebDriver);
+    constructor(getParentElement: () => Promise<WebElement>, elementBy: By, driver?: WebDriver);
 }
 
 declare abstract class AbstractDXEditorWithInput extends AbstractFormElement implements Editor {
@@ -134,11 +143,11 @@ declare class NumberEditor extends AbstractDXEditorWithInput {
     setValue(value: any): Promise<void>;
 }
 
-declare const editorFactory: (getParentElement: () => WebElementPromise, elementBy: By, driver?: WebDriver) => Promise<Editor>;
+declare const editorFactory: (getParentElement: () => Promise<WebElement>, elementBy: By, driver?: WebDriver) => Promise<Editor>;
 
 declare class FormField extends AbstractElementWithParent implements Editor {
     editor: Editor;
-    constructor(getParentElement: () => WebElementPromise, formName: string, name: string, driver?: WebDriver);
+    constructor(getParentElement: () => Promise<WebElement>, formName: string, name: string, driver?: WebDriver);
     private initEditor;
     /**
      * Возвращает значение в поле
@@ -185,7 +194,7 @@ declare class TableToolbarButton extends AbstractElementWithParent {
 
 declare class Cell extends AbstractElementWithParent {
     index: number;
-    constructor(getParentElement: () => WebElementPromise, index: number, driver?: WebDriver);
+    constructor(rowEl: WebElement, index: number, driver?: WebDriver);
     getValue(): Promise<string>;
     getIndex(): number;
 }
@@ -201,7 +210,6 @@ declare class Row extends AbstractElementWithParent {
     index: number;
     protected getColumnByCaption: (caption: string) => Promise<Column>;
     constructor(getParentElement: () => WebElementPromise, index: number, driver?: WebDriver, getColumnByCaption?: (caption: string) => Promise<Column>);
-    protected getRowElement: () => WebElementPromise;
     getCellByIndex(index: number): Promise<Cell>;
     getCell(caption: string): Promise<Cell>;
     select(): Promise<void>;
@@ -215,6 +223,7 @@ declare class Row extends AbstractElementWithParent {
 }
 
 declare class Table extends AbstractElementWithParent {
+    protected formName: string;
     constructor(getParentElement: () => WebElementPromise, formName: string, driver?: WebDriver);
     protected getHeaderElement(): Promise<selenium_webdriver.WebElement>;
     protected getDataGrid(): Promise<selenium_webdriver.WebElement>;
@@ -226,6 +235,14 @@ declare class Table extends AbstractElementWithParent {
     getRows(): Promise<Row[]>;
     getColumns(): Promise<Column[]>;
     element(): Promise<selenium_webdriver.WebElement>;
+    /**
+     * Находит поле когда форма находится в состоянии редактирования
+     * @example
+     * const form = new MyForm();
+     * //...
+     * expect(await form.field('Name').getValue()).toBe('test value');
+     */
+    field(name: string): FormField;
 }
 
 declare abstract class ListForm extends AbstractForm {
@@ -248,4 +265,4 @@ declare abstract class ListForm extends AbstractForm {
     toolbarButton(name: string): Promise<TableToolbarButton>;
 }
 
-export { AbstractPage, Editor, FormEdit, FormField, ListForm, LoginPage, NumberEditor, SubsystemsPanel, TextEditor, byTestId, config, createDriver, editorFactory, elementIsNotPresent, signIn };
+export { AbstractPage, Editor, FormEdit, FormField, ListForm, LoginPage, NumberEditor, SubsystemsPanel, TextEditor, byTestId, click, config, createDriver, editorFactory, elementIsNotPresent, signIn };

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

@@ -1,4 +1,23 @@
 // src/config.ts
+import * as process from "node:process";
+var driversMap = /* @__PURE__ */ new Map();
+var createConfigProxy = (config2) => {
+  return new Proxy(config2, {
+    get(_target, prop) {
+      if (prop === "driver") {
+        return driversMap.get(process.pid);
+      }
+      return Reflect.get(...arguments);
+    },
+    set(_target, prop, value) {
+      if (prop === "driver") {
+        driversMap.set(process.pid, value);
+        return true;
+      }
+      return Reflect.set(...arguments);
+    }
+  });
+};
 var Config = class _Config {
   static instance;
   appConfig;
@@ -10,7 +29,7 @@ var Config = class _Config {
   }
   config = (cfg) => {
     if (!cfg)
-      return this.appConfig;
+      return createConfigProxy(this.appConfig);
     this.appConfig = cfg;
   };
 };
@@ -81,6 +100,9 @@ var elementIsNotPresent = function elementIsNotPresent2(locator) {
   });
 };
 
+// src/utils/waitElementIsVisible.ts
+import { until } from "selenium-webdriver";
+
 // src/pageObjects/AbstractElementWithParent.ts
 var AbstractElementWithParent = class extends AbstractElement {
   getParentElement;
@@ -202,7 +224,7 @@ var AbstractDXEditorWithInput = class extends AbstractFormElement {
   }
   async setInputValue(value) {
     const inputEl = await this.getInputElement();
-    await inputEl.click();
+    await click(inputEl, this.driver);
     await inputEl.sendKeys(value, Key.ENTER);
   }
 };
@@ -243,7 +265,7 @@ var CheckBox = class extends AbstractFormElement {
     const inputEl = await this.getElement();
     const currentValue = await this.getValue();
     if (currentValue !== value) {
-      await inputEl.click();
+      await click(inputEl, this.driver);
     }
   }
 };
@@ -267,13 +289,13 @@ var SELECT_BOX_ELEMENT_ROLE = "option";
 var SelectBoxEditor = class extends AbstractDXEditorWithInput {
   async setSelectInputValue(value) {
     const inputEl = await this.getInputElement();
-    await inputEl.click();
+    await click(inputEl, this.driver);
     await inputEl.sendKeys(value, Key2.ENTER);
     const combinedValueXpath = XPathHelper.getRoleXpath(SELECT_BOX_ELEMENT_ROLE) + XPathHelper.getClassAndValueXpath(SELECT_BOX_OPTION_TEXT_CONTAINER_CLASS, value);
     await this.driver.wait(async () => {
       try {
         const optElement = await inputEl.findElement(By6.xpath(combinedValueXpath));
-        await optElement.click();
+        await click(optElement, this.driver);
         return true;
       } catch (e) {
         return false;
@@ -307,7 +329,7 @@ var SwitchEditor = class extends AbstractFormElement {
     const inputEl = await this.getElement();
     const currentValue = await this.getValue();
     if (currentValue !== value) {
-      await inputEl.click();
+      await click(inputEl, this.driver);
       await this.driver.wait(async () => {
         const updatedValue = await this.getValue();
         return updatedValue !== currentValue;
@@ -404,7 +426,7 @@ var FormEdit = class extends AbstractForm {
    * await formEdit.saveButtonClick();
    */
   async saveButtonClick() {
-    await this.driver.findElement(this.saveButtonBy).click();
+    await click(await this.driver.findElement(this.saveButtonBy), this.driver);
   }
 };
 
@@ -417,16 +439,16 @@ import { By as By10 } from "selenium-webdriver";
 // src/pageObjects/elements/Table/utils.ts
 import { By as By8 } from "selenium-webdriver";
 var getRowPathByIndex = (index) => {
-  return By8.xpath(`//tr[@aria-rowindex="${transformInputIndex(index)}"]`);
+  return By8.css(`tr[aria-rowindex="${transformInputIndex(index)}"]`);
 };
 var getColumnPathByIndex = (index) => {
-  return By8.xpath(`//td[@aria-colindex="${transformInputIndex(index)}"]`);
+  return By8.css(`td[aria-colindex="${transformInputIndex(index)}"]`);
 };
 var getColumnPathByCaption = (caption) => {
-  return By8.xpath(`//td[@role="columnheader"][@aria-label="Column ${caption}"]`);
+  return By8.css(`td[role="columnheader"][aria-label="Column ${caption}"]`);
 };
 var getCellPathByIndex = (index) => {
-  return By8.xpath(`//td[@role="gridcell"][@aria-colindex="${transformInputIndex(index)}"]`);
+  return By8.css(`td[role="gridcell"][aria-colindex="${transformInputIndex(index)}"]`);
 };
 var transformInputIndex = (index) => index + 1;
 var transformOutputIndex = (index) => +index - 1;
@@ -437,8 +459,8 @@ import { By as By9 } from "selenium-webdriver";
 // src/pageObjects/elements/Table/elements/Cell.ts
 var Cell = class extends AbstractElementWithParent {
   index;
-  constructor(getParentElement, index, driver) {
-    super(getParentElement, driver);
+  constructor(rowEl, index, driver) {
+    super(() => Promise.resolve(rowEl), driver);
     this.index = index;
     this.elementBy = getCellPathByIndex(index);
   }
@@ -452,6 +474,8 @@ var Cell = class extends AbstractElementWithParent {
 };
 
 // src/pageObjects/elements/Table/elements/Row.ts
+var DX_SELECTION_CLASS = "dx-selection";
+var DX_ROW_EDIT_CLASS = "dx-edit-row";
 var Row = class extends AbstractElementWithParent {
   index;
   getColumnByCaption;
@@ -461,14 +485,11 @@ var Row = class extends AbstractElementWithParent {
     this.elementBy = getRowPathByIndex(index);
     this.getColumnByCaption = getColumnByCaption;
   }
-  getRowElement = () => {
-    return this.driver.findElement(this.elementBy);
-  };
   async getCellByIndex(index) {
     const rowEl = await this.getElement();
     const cell = rowEl.findElement(getCellPathByIndex(index));
     if (cell) {
-      return new Cell(this.getRowElement, index, this.driver);
+      return new Cell(rowEl, index, this.driver);
     }
     throw new Error(`Cannot find cell by index: ${index}`);
   }
@@ -482,7 +503,13 @@ var Row = class extends AbstractElementWithParent {
   }
   async select() {
     const rowEl = await this.getElement();
-    await rowEl.click();
+    await click(rowEl, this.driver);
+    await this.driver.wait(async () => {
+      const classes = await rowEl.getAttribute("class");
+      if (!classes.includes(DX_SELECTION_CLASS))
+        throw new Error("Cannot select row");
+      return true;
+    }, 500);
   }
   async isSelected() {
     const rowEl = await this.getElement();
@@ -497,31 +524,31 @@ var Row = class extends AbstractElementWithParent {
     const cells = await rowEl.findElements(By9.css(`td[role="gridcell"]`));
     const result = [];
     cells.forEach((_, index) => {
-      const newCell = new Cell(this.getRowElement, index, this.driver);
+      const newCell = new Cell(rowEl, index, this.driver);
       result.push(newCell);
     });
     return result;
   }
   async clickInlineButton(rowClass, buttonClass) {
-    const fixedTable = await this.getParentElement().findElement(
+    const fixedTable = (await this.getParentElement()).findElement(
       By9.css(".dx-fixed-columns .dx-datagrid-content.dx-datagrid-content-fixed")
     );
     const rowEl = await fixedTable.findElement(By9.className(rowClass));
     const button = await rowEl.findElement(By9.className(buttonClass));
     if (button) {
-      return button.click();
+      return click(button, this.driver);
     }
     throw new Error(`Cannot find ${buttonClass} button`);
   }
   async edit() {
     await this.select();
-    return this.clickInlineButton("dx-selection", "edit");
+    return this.clickInlineButton(DX_SELECTION_CLASS, "edit");
   }
   async save() {
-    return this.clickInlineButton("dx-edit-row", "save");
+    return this.clickInlineButton(DX_ROW_EDIT_CLASS, "save");
   }
   async cancel() {
-    return this.clickInlineButton("dx-edit-row", "cancel");
+    return this.clickInlineButton(DX_ROW_EDIT_CLASS, "cancel");
   }
 };
 
@@ -544,9 +571,11 @@ var Column = class extends AbstractElementWithParent {
 
 // src/pageObjects/elements/Table/Table.ts
 var Table = class extends AbstractElementWithParent {
+  formName;
   constructor(getParentElement, formName, driver) {
     super(getParentElement, driver);
     this.elementBy = By10.id(createTableId(formName));
+    this.formName = formName;
   }
   async getHeaderElement() {
     const parentEl = await this.getElement();
@@ -612,9 +641,19 @@ var Table = class extends AbstractElementWithParent {
     });
     return result;
   }
-  async element() {
+  element() {
     return this.getElement();
   }
+  /**
+   * Находит поле когда форма находится в состоянии редактирования
+   * @example
+   * const form = new MyForm();
+   * //...
+   * expect(await form.field('Name').getValue()).toBe('test value');
+   */
+  field(name) {
+    return new FormField(this.getElement, this.formName, name, this.driver);
+  }
 };
 
 // src/pageObjects/elements/TableToolbar/TableToolbar.ts
@@ -630,7 +669,7 @@ var TableToolbarButton = class extends AbstractElementWithParent {
   }
   async click() {
     const button = await this.getElement();
-    return button.click();
+    return click(button, this.driver);
   }
   async isDisabled() {
     const button = await this.getElement();
@@ -698,6 +737,13 @@ async function signIn(driver) {
   return webDriver;
 }
 
+// src/utils/actions.ts
+var click = async (webElement, driver) => {
+  driver = driver ?? config().driver;
+  const actions = driver.actions({ async: true });
+  await actions.move({ origin: webElement }).click().perform();
+};
+
 // src/pageObjects/pages/LoginPage.ts
 var LOGIN_PATH = "/login";
 var LoginPage = class extends AbstractPage {
@@ -714,7 +760,7 @@ var LoginPage = class extends AbstractPage {
     await this.driver.findElement(this.passwordField).sendKeys(password);
   }
   async clickLoginButton() {
-    await this.driver.findElement(this.loginButton).click();
+    await click(await this.driver.findElement(this.loginButton), this.driver);
   }
   async loginWith(username, password) {
     await this.enterUsername(username);
@@ -735,6 +781,7 @@ export {
   SubsystemsPanel,
   TextEditor,
   byTestId,
+  click,
   config,
   createDriver,
   editorFactory,

package/dist/d5-testing-library.mjs

@@ -1,4 +1,23 @@
 // src/config.ts
+import * as process from "node:process";
+var driversMap = /* @__PURE__ */ new Map();
+var createConfigProxy = (config2) => {
+  return new Proxy(config2, {
+    get(_target, prop) {
+      if (prop === "driver") {
+        return driversMap.get(process.pid);
+      }
+      return Reflect.get(...arguments);
+    },
+    set(_target, prop, value) {
+      if (prop === "driver") {
+        driversMap.set(process.pid, value);
+        return true;
+      }
+      return Reflect.set(...arguments);
+    }
+  });
+};
 var Config = class _Config {
   static instance;
   appConfig;
@@ -10,7 +29,7 @@ var Config = class _Config {
   }
   config = (cfg) => {
     if (!cfg)
-      return this.appConfig;
+      return createConfigProxy(this.appConfig);
     this.appConfig = cfg;
   };
 };
@@ -81,6 +100,9 @@ var elementIsNotPresent = function elementIsNotPresent2(locator) {
   });
 };
 
+// src/utils/waitElementIsVisible.ts
+import { until } from "selenium-webdriver";
+
 // src/pageObjects/AbstractElementWithParent.ts
 var AbstractElementWithParent = class extends AbstractElement {
   getParentElement;
@@ -202,7 +224,7 @@ var AbstractDXEditorWithInput = class extends AbstractFormElement {
   }
   async setInputValue(value) {
     const inputEl = await this.getInputElement();
-    await inputEl.click();
+    await click(inputEl, this.driver);
     await inputEl.sendKeys(value, Key.ENTER);
   }
 };
@@ -243,7 +265,7 @@ var CheckBox = class extends AbstractFormElement {
     const inputEl = await this.getElement();
     const currentValue = await this.getValue();
     if (currentValue !== value) {
-      await inputEl.click();
+      await click(inputEl, this.driver);
     }
   }
 };
@@ -267,13 +289,13 @@ var SELECT_BOX_ELEMENT_ROLE = "option";
 var SelectBoxEditor = class extends AbstractDXEditorWithInput {
   async setSelectInputValue(value) {
     const inputEl = await this.getInputElement();
-    await inputEl.click();
+    await click(inputEl, this.driver);
     await inputEl.sendKeys(value, Key2.ENTER);
     const combinedValueXpath = XPathHelper.getRoleXpath(SELECT_BOX_ELEMENT_ROLE) + XPathHelper.getClassAndValueXpath(SELECT_BOX_OPTION_TEXT_CONTAINER_CLASS, value);
     await this.driver.wait(async () => {
       try {
         const optElement = await inputEl.findElement(By6.xpath(combinedValueXpath));
-        await optElement.click();
+        await click(optElement, this.driver);
         return true;
       } catch (e) {
         return false;
@@ -307,7 +329,7 @@ var SwitchEditor = class extends AbstractFormElement {
     const inputEl = await this.getElement();
     const currentValue = await this.getValue();
     if (currentValue !== value) {
-      await inputEl.click();
+      await click(inputEl, this.driver);
       await this.driver.wait(async () => {
         const updatedValue = await this.getValue();
         return updatedValue !== currentValue;
@@ -404,7 +426,7 @@ var FormEdit = class extends AbstractForm {
    * await formEdit.saveButtonClick();
    */
   async saveButtonClick() {
-    await this.driver.findElement(this.saveButtonBy).click();
+    await click(await this.driver.findElement(this.saveButtonBy), this.driver);
   }
 };
 
@@ -417,16 +439,16 @@ import { By as By10 } from "selenium-webdriver";
 // src/pageObjects/elements/Table/utils.ts
 import { By as By8 } from "selenium-webdriver";
 var getRowPathByIndex = (index) => {
-  return By8.xpath(`//tr[@aria-rowindex="${transformInputIndex(index)}"]`);
+  return By8.css(`tr[aria-rowindex="${transformInputIndex(index)}"]`);
 };
 var getColumnPathByIndex = (index) => {
-  return By8.xpath(`//td[@aria-colindex="${transformInputIndex(index)}"]`);
+  return By8.css(`td[aria-colindex="${transformInputIndex(index)}"]`);
 };
 var getColumnPathByCaption = (caption) => {
-  return By8.xpath(`//td[@role="columnheader"][@aria-label="Column ${caption}"]`);
+  return By8.css(`td[role="columnheader"][aria-label="Column ${caption}"]`);
 };
 var getCellPathByIndex = (index) => {
-  return By8.xpath(`//td[@role="gridcell"][@aria-colindex="${transformInputIndex(index)}"]`);
+  return By8.css(`td[role="gridcell"][aria-colindex="${transformInputIndex(index)}"]`);
 };
 var transformInputIndex = (index) => index + 1;
 var transformOutputIndex = (index) => +index - 1;
@@ -437,8 +459,8 @@ import { By as By9 } from "selenium-webdriver";
 // src/pageObjects/elements/Table/elements/Cell.ts
 var Cell = class extends AbstractElementWithParent {
   index;
-  constructor(getParentElement, index, driver) {
-    super(getParentElement, driver);
+  constructor(rowEl, index, driver) {
+    super(() => Promise.resolve(rowEl), driver);
     this.index = index;
     this.elementBy = getCellPathByIndex(index);
   }
@@ -452,6 +474,8 @@ var Cell = class extends AbstractElementWithParent {
 };
 
 // src/pageObjects/elements/Table/elements/Row.ts
+var DX_SELECTION_CLASS = "dx-selection";
+var DX_ROW_EDIT_CLASS = "dx-edit-row";
 var Row = class extends AbstractElementWithParent {
   index;
   getColumnByCaption;
@@ -461,14 +485,11 @@ var Row = class extends AbstractElementWithParent {
     this.elementBy = getRowPathByIndex(index);
     this.getColumnByCaption = getColumnByCaption;
   }
-  getRowElement = () => {
-    return this.driver.findElement(this.elementBy);
-  };
   async getCellByIndex(index) {
     const rowEl = await this.getElement();
     const cell = rowEl.findElement(getCellPathByIndex(index));
     if (cell) {
-      return new Cell(this.getRowElement, index, this.driver);
+      return new Cell(rowEl, index, this.driver);
     }
     throw new Error(`Cannot find cell by index: ${index}`);
   }
@@ -482,7 +503,13 @@ var Row = class extends AbstractElementWithParent {
   }
   async select() {
     const rowEl = await this.getElement();
-    await rowEl.click();
+    await click(rowEl, this.driver);
+    await this.driver.wait(async () => {
+      const classes = await rowEl.getAttribute("class");
+      if (!classes.includes(DX_SELECTION_CLASS))
+        throw new Error("Cannot select row");
+      return true;
+    }, 500);
   }
   async isSelected() {
     const rowEl = await this.getElement();
@@ -497,31 +524,31 @@ var Row = class extends AbstractElementWithParent {
     const cells = await rowEl.findElements(By9.css(`td[role="gridcell"]`));
     const result = [];
     cells.forEach((_, index) => {
-      const newCell = new Cell(this.getRowElement, index, this.driver);
+      const newCell = new Cell(rowEl, index, this.driver);
       result.push(newCell);
     });
     return result;
   }
   async clickInlineButton(rowClass, buttonClass) {
-    const fixedTable = await this.getParentElement().findElement(
+    const fixedTable = (await this.getParentElement()).findElement(
       By9.css(".dx-fixed-columns .dx-datagrid-content.dx-datagrid-content-fixed")
     );
     const rowEl = await fixedTable.findElement(By9.className(rowClass));
     const button = await rowEl.findElement(By9.className(buttonClass));
     if (button) {
-      return button.click();
+      return click(button, this.driver);
     }
     throw new Error(`Cannot find ${buttonClass} button`);
   }
   async edit() {
     await this.select();
-    return this.clickInlineButton("dx-selection", "edit");
+    return this.clickInlineButton(DX_SELECTION_CLASS, "edit");
   }
   async save() {
-    return this.clickInlineButton("dx-edit-row", "save");
+    return this.clickInlineButton(DX_ROW_EDIT_CLASS, "save");
   }
   async cancel() {
-    return this.clickInlineButton("dx-edit-row", "cancel");
+    return this.clickInlineButton(DX_ROW_EDIT_CLASS, "cancel");
   }
 };
 
@@ -544,9 +571,11 @@ var Column = class extends AbstractElementWithParent {
 
 // src/pageObjects/elements/Table/Table.ts
 var Table = class extends AbstractElementWithParent {
+  formName;
   constructor(getParentElement, formName, driver) {
     super(getParentElement, driver);
     this.elementBy = By10.id(createTableId(formName));
+    this.formName = formName;
   }
   async getHeaderElement() {
     const parentEl = await this.getElement();
@@ -612,9 +641,19 @@ var Table = class extends AbstractElementWithParent {
     });
     return result;
   }
-  async element() {
+  element() {
     return this.getElement();
   }
+  /**
+   * Находит поле когда форма находится в состоянии редактирования
+   * @example
+   * const form = new MyForm();
+   * //...
+   * expect(await form.field('Name').getValue()).toBe('test value');
+   */
+  field(name) {
+    return new FormField(this.getElement, this.formName, name, this.driver);
+  }
 };
 
 // src/pageObjects/elements/TableToolbar/TableToolbar.ts
@@ -630,7 +669,7 @@ var TableToolbarButton = class extends AbstractElementWithParent {
   }
   async click() {
     const button = await this.getElement();
-    return button.click();
+    return click(button, this.driver);
   }
   async isDisabled() {
     const button = await this.getElement();
@@ -698,6 +737,13 @@ async function signIn(driver) {
   return webDriver;
 }
 
+// src/utils/actions.ts
+var click = async (webElement, driver) => {
+  driver = driver ?? config().driver;
+  const actions = driver.actions({ async: true });
+  await actions.move({ origin: webElement }).click().perform();
+};
+
 // src/pageObjects/pages/LoginPage.ts
 var LOGIN_PATH = "/login";
 var LoginPage = class extends AbstractPage {
@@ -714,7 +760,7 @@ var LoginPage = class extends AbstractPage {
     await this.driver.findElement(this.passwordField).sendKeys(password);
   }
   async clickLoginButton() {
-    await this.driver.findElement(this.loginButton).click();
+    await click(await this.driver.findElement(this.loginButton), this.driver);
   }
   async loginWith(username, password) {
     await this.enterUsername(username);
@@ -735,6 +781,7 @@ export {
   SubsystemsPanel,
   TextEditor,
   byTestId,
+  click,
   config,
   createDriver,
   editorFactory,

package/package.json

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