d5-testing-library 1.0.5 → 1.1.0

package/dist/d5-testing-library.mjs

@@ -78,7 +78,7 @@ var AbstractPage = class extends AbstractElement {
 // src/utils/locators.ts
 import { By } from "selenium-webdriver";
 var byTestId = (testId, element = "div") => {
-  return By.css(`${element}[data-testid=${testId}]`);
+  return By.css(`${element}[data-testid="${testId}"]`);
 };
 
 // src/utils/createDriver.ts
@@ -102,6 +102,11 @@ var elementIsNotPresent = function elementIsNotPresent2(locator) {
 
 // src/utils/waitElementIsVisible.ts
 import { until } from "selenium-webdriver";
+async function waitElementIsVisible({ element, timeout, errorMessage, driver }) {
+  driver = driver ?? config().driver;
+  const condition = until.elementIsVisible(element);
+  await driver.wait(condition.fn, timeout ?? 1e4, errorMessage ?? condition.description());
+}
 
 // src/pageObjects/AbstractElementWithParent.ts
 var AbstractElementWithParent = class extends AbstractElement {
@@ -113,7 +118,23 @@ var AbstractElementWithParent = class extends AbstractElement {
   }
   async getElement() {
     const parentEl = await this.getParentElement();
-    return parentEl.findElement(this.elementBy);
+    await waitElementIsVisible({
+      element: parentEl,
+      driver: this.driver
+    });
+    const el = await parentEl.findElement(this.elementBy);
+    await waitElementIsVisible({
+      element: el,
+      driver: this.driver
+    });
+    return el;
+  }
+  async getAttribute(attr) {
+    const el = await this.getElement();
+    return await el.getAttribute(attr);
+  }
+  async getClasses() {
+    return await this.getAttribute("class");
   }
 };
 
@@ -199,7 +220,7 @@ var AbstractForm = class extends AbstractPage {
 };
 
 // src/pageObjects/elements/Forms/FormEdit.ts
-import { By as By7 } from "selenium-webdriver";
+import { By as By11 } from "selenium-webdriver";
 
 // src/pageObjects/elements/Editors/AbstractEditor.ts
 import { By as By5, Key } from "selenium-webdriver";
@@ -212,8 +233,20 @@ var AbstractFormElement = class extends AbstractElementWithParent {
   }
 };
 
+// src/pageObjects/elements/Editors/ClearStrategy/InputClearStrategy.ts
+var InputClearStrategy = class {
+  async clear(editor) {
+    const inputEl = await editor.getInputElement();
+    await inputEl.clear();
+  }
+};
+
 // src/pageObjects/elements/Editors/AbstractEditor.ts
 var AbstractDXEditorWithInput = class extends AbstractFormElement {
+  clearStrategy = new InputClearStrategy();
+  setClearStrategy(strategy) {
+    this.clearStrategy = strategy;
+  }
   async getInputElement() {
     const controlEl = await this.getElement();
     return controlEl.findElement(By5.className("dx-texteditor-input"));
@@ -227,10 +260,17 @@ var AbstractDXEditorWithInput = class extends AbstractFormElement {
     await click(inputEl, this.driver);
     await inputEl.sendKeys(value, Key.ENTER);
   }
+  async clear() {
+    await this.clearStrategy.clear(this);
+  }
 };
 
 // src/pageObjects/elements/Editors/TextEditor.ts
 var TextEditor = class extends AbstractDXEditorWithInput {
+  constructor(getParentElement, elementBy, driver) {
+    super(getParentElement, elementBy, driver);
+    this.setClearStrategy(new InputClearStrategy());
+  }
   getValue() {
     return this.getInputValue();
   }
@@ -241,6 +281,10 @@ var TextEditor = class extends AbstractDXEditorWithInput {
 
 // src/pageObjects/elements/Editors/NumberEditor.ts
 var NumberEditor = class extends AbstractDXEditorWithInput {
+  constructor(getParentElement, elementBy, driver) {
+    super(getParentElement, elementBy, driver);
+    this.setClearStrategy(new InputClearStrategy());
+  }
   async getValue() {
     const value = await super.getInputValue();
     return value == "" ? null : Number.parseFloat(value);
@@ -256,10 +300,10 @@ var CheckBox = class extends AbstractFormElement {
     const inputEl = await this.getElement();
     const result = await inputEl.getAttribute("aria-checked");
     if (result === "true")
-      return true;
+      return 1;
     if (result === "false")
-      return false;
-    return void 0;
+      return 0;
+    return null;
   }
   async setValue(value) {
     const inputEl = await this.getElement();
@@ -271,7 +315,7 @@ var CheckBox = class extends AbstractFormElement {
 };
 
 // src/pageObjects/elements/Editors/SelectBoxEditor.ts
-import { By as By6, Key as Key2 } from "selenium-webdriver";
+import { By as By7, Key as Key2 } from "selenium-webdriver";
 
 // src/utils/xpathHelper.ts
 var XPathHelper = class {
@@ -283,18 +327,52 @@ var XPathHelper = class {
   }
 };
 
+// src/pageObjects/elements/Editors/ClearStrategy/ClearButtonStrategy.ts
+import { By as By6 } from "selenium-webdriver";
+var DX_TEXTEDITOR_EMPTY = "dx-texteditor-empty";
+var DX_CLEAR_BUTTON_AREA = "dx-clear-button-area";
+var ClearButtonStrategy = class {
+  editorContainerClass;
+  constructor(editorContainerClass) {
+    this.editorContainerClass = editorContainerClass;
+  }
+  async isEmptyEditorField(editor) {
+    const parentEl = await editor.getParentElement();
+    const editorContainer = await parentEl.findElement(By6.className(this.editorContainerClass));
+    const classAttribute = await editorContainer.getAttribute("class");
+    return classAttribute.includes(DX_TEXTEDITOR_EMPTY);
+  }
+  async clear(editor) {
+    if (await this.isEmptyEditorField(editor)) {
+      throw new Error("This field is already empty");
+    }
+    const clearBtnSelector = `.${this.editorContainerClass} .${DX_CLEAR_BUTTON_AREA}`;
+    const parentEl = await editor.getParentElement();
+    const clearBtn = await parentEl.findElement(By6.css(clearBtnSelector));
+    await click(clearBtn, editor.driver);
+  }
+};
+
 // src/pageObjects/elements/Editors/SelectBoxEditor.ts
 var SELECT_BOX_OPTION_TEXT_CONTAINER_CLASS = "d5-multi-select-item";
 var SELECT_BOX_ELEMENT_ROLE = "option";
+var combinedValueXpath = (value) => `${XPathHelper.getRoleXpath(SELECT_BOX_ELEMENT_ROLE)}${XPathHelper.getClassAndValueXpath(
+  SELECT_BOX_OPTION_TEXT_CONTAINER_CLASS,
+  value
+)}`;
+var DX_SELECTBOX = "dx-selectbox";
 var SelectBoxEditor = class extends AbstractDXEditorWithInput {
+  constructor(getParentElement, elementBy, driver) {
+    super(getParentElement, elementBy, driver);
+    this.setClearStrategy(new ClearButtonStrategy(DX_SELECTBOX));
+  }
   async setSelectInputValue(value) {
     const inputEl = await this.getInputElement();
     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));
+        const optElement = await inputEl.findElement(By7.xpath(combinedValueXpath(value)));
         await click(optElement, this.driver);
         return true;
       } catch (e) {
@@ -320,7 +398,7 @@ var SwitchEditor = class extends AbstractFormElement {
       return 1;
     if (result === "OFF")
       return 0;
-    return void 0;
+    return null;
   }
   async setValue(value) {
     if (value !== 0 && value !== 1) {
@@ -338,21 +416,205 @@ var SwitchEditor = class extends AbstractFormElement {
   }
 };
 
+// src/pageObjects/elements/Editors/TagBox.ts
+import { By as By8 } from "selenium-webdriver";
+var TAGS_SELECTOR = ".dx-tag .tag-text";
+var DX_TAG_CONTAINER = "dx-tag-container";
+var DX_TAGBOX = "dx-tagbox";
+var DX_TEXTEDITOR_EMPTY2 = "dx-texteditor-empty";
+var BTN_OK_SELECTOR = ".dx-tagbox-popup-wrapper .dx-popup-bottom .dx-button.dx-popup-done";
+var TagBox = class extends AbstractDXEditorWithInput {
+  constructor(getParentElement, elementBy, driver) {
+    super(getParentElement, elementBy, driver);
+    this.setClearStrategy(new ClearButtonStrategy(DX_TAGBOX));
+  }
+  async setTagBoxInputValue(values) {
+    const lastElement = values[values.length - 1];
+    const inputEl = await this.getInputElement();
+    await inputEl.click();
+    for (const value of values) {
+      await this.selectOption(inputEl, value, lastElement);
+    }
+    await this.confirmSelection();
+  }
+  async selectOption(inputEl, value, lastElement) {
+    await inputEl.sendKeys(value);
+    await this.driver.wait(async () => {
+      try {
+        const optElement = await inputEl.findElement(By8.xpath(combinedValueXpath(value)));
+        await click(optElement, this.driver);
+        return true;
+      } catch (e) {
+        return false;
+      }
+    });
+    if (value !== lastElement) {
+      await inputEl.clear();
+    }
+  }
+  async confirmSelection() {
+    const inputEl = await this.getInputElement();
+    const option = await inputEl.findElement(By8.xpath(XPathHelper.getRoleXpath(SELECT_BOX_ELEMENT_ROLE)));
+    const btnOk = await this.driver.findElement(By8.css(BTN_OK_SELECTOR));
+    await this.driver.wait(async () => {
+      return await option.getAttribute("aria-selected") === "true";
+    });
+    await click(btnOk, this.driver);
+  }
+  async getTagBoxInputValue() {
+    if (await this.isTagBoxEmpty()) {
+      return [];
+    }
+    const parentEl = await this.getParentElement();
+    const inputEl = await parentEl.findElement(By8.className(DX_TAG_CONTAINER));
+    const tags = await inputEl.findElements(By8.css(TAGS_SELECTOR));
+    const values = [];
+    for (const tag of tags) {
+      const text = await tag.getText();
+      values.push(text);
+    }
+    return values;
+  }
+  async isTagBoxEmpty() {
+    const parentEl = await this.getParentElement();
+    const tagboxContainer = await parentEl.findElement(By8.className(DX_TAGBOX));
+    const classAttribute = await tagboxContainer.getAttribute("class");
+    return classAttribute.includes(DX_TEXTEDITOR_EMPTY2);
+  }
+  async getValue() {
+    const value = await this.getTagBoxInputValue();
+    return value.length ? value : null;
+  }
+  async setValue(values) {
+    if (!Array.isArray(values)) {
+      throw new Error("The provided value is not an array");
+    }
+    await this.setTagBoxInputValue(values);
+  }
+  async remove(itemText) {
+    const tagValues = await this.getValue();
+    const tagExists = tagValues.includes(itemText);
+    if (!tagExists) {
+      throw new Error(`The tag with the text: ${itemText} was not found`);
+    }
+    const parentEl = await this.getParentElement();
+    const inputEl = await parentEl.findElement(By8.className(DX_TAG_CONTAINER));
+    const clearBtnTestId = byTestId(`clear-button-${itemText}`);
+    const clearBtn = await inputEl.findElement(clearBtnTestId);
+    await click(clearBtn, this.driver);
+  }
+};
+
+// src/pageObjects/elements/Editors/ButtonGroup.ts
+import { By as By9 } from "selenium-webdriver";
+var ITEM_CLASS = "dx-buttongroup-item";
+var SELECTED_CLASS = "dx-state-selected";
+var ButtonGroup = class extends AbstractFormElement {
+  async getItems() {
+    return (await this.getElement()).findElements(By9.className(ITEM_CLASS));
+  }
+  getDataValue(el) {
+    return el.getAttribute("data-value");
+  }
+  async getValue() {
+    const inputEl = await this.getElement();
+    const selectedEl = await inputEl.findElement(By9.className(`${ITEM_CLASS} ${SELECTED_CLASS}`));
+    return this.getDataValue(selectedEl);
+  }
+  async setValue(value) {
+    const items = await this.getItems();
+    let buttonEl = void 0;
+    for (const item of items) {
+      const text = await this.getDataValue(item);
+      if (text == value) {
+        buttonEl = item;
+        break;
+      }
+    }
+    if (!buttonEl)
+      throw new Error(`Cannot find item in button group with text: ${value}`);
+    await click(buttonEl, this.driver);
+  }
+};
+
+// src/pageObjects/elements/Editors/BooleanSelector.ts
+var BooleanSelector = class extends ButtonGroup {
+  // @ts-ignore
+  async getValue() {
+    const value = await super.getValue();
+    return value === "null" ? null : value === "1" ? 1 : 0;
+  }
+  // @ts-ignore
+  async setValue(value) {
+    const val = value == null ? "null" : value ? "1" : "0";
+    await super.setValue(val);
+  }
+};
+
+// src/pageObjects/elements/Editors/DateEditor.ts
+import { By as By10, Key as Key3 } from "selenium-webdriver";
+var DateEditor = class extends AbstractDXEditorWithInput {
+  constructor(getParentElement, elementBy, driver) {
+    super(getParentElement, elementBy, driver);
+    this.setClearStrategy(new InputClearStrategy());
+  }
+  async getControlElement() {
+    const controlEl = await this.getElement();
+    return controlEl.findElement(By10.className("dx-dropdowneditor-input-wrapper"));
+  }
+  async getDateElement() {
+    const controlEl = await this.getControlElement();
+    return controlEl.findElement(By10.css("input[type=hidden]"));
+  }
+  async setDateValue(value) {
+    const dateEl = await this.getInputElement();
+    const stringDate = value.toJSON().split("T")[0];
+    const dateArr = stringDate.split("-");
+    const [year, month, day] = dateArr;
+    const keys = day + month + year;
+    await click(dateEl, this.driver);
+    const actions = this.driver.actions({ async: true });
+    await actions.move({ origin: dateEl }).sendKeys(Key3.HOME).perform();
+    await actions.move({ origin: dateEl }).sendKeys(keys, Key3.ENTER).perform();
+  }
+  async getDateValue() {
+    const inputEl = await this.getDateElement();
+    return inputEl.getAttribute("value");
+  }
+  async getValue() {
+    const value = await this.getDateValue();
+    return value == "" ? null : new Date(value);
+  }
+  setValue(value) {
+    if (typeof value === "object") {
+      return this.setDateValue(value);
+    }
+    throw new Error(`Value is incorrect. It should be Object`);
+  }
+};
+
 // src/pageObjects/elements/Editors/editorFactory.ts
 var editorFactory = async (getParentElement, elementBy, driver) => {
   const elementInstance = new AbstractFormElement(getParentElement, elementBy, driver);
-  const element = await elementInstance.getElement();
-  const classSting = await element.getAttribute("class");
+  const classSting = await elementInstance.getClasses();
   if (classSting.includes("text-control"))
     return new TextEditor(getParentElement, elementBy, driver);
   if (classSting.includes("number-control"))
     return new NumberEditor(getParentElement, elementBy, driver);
   if (classSting.includes("check-box"))
     return new CheckBox(getParentElement, elementBy, driver);
+  if (classSting.includes("multi-select-control"))
+    return new TagBox(getParentElement, elementBy, driver);
   if (classSting.includes("select-control"))
     return new SelectBoxEditor(getParentElement, elementBy, driver);
   if (classSting.includes("switch-control"))
     return new SwitchEditor(getParentElement, elementBy, driver);
+  if (classSting.includes("date-control"))
+    return new DateEditor(getParentElement, elementBy, driver);
+  if (classSting.includes("buttons-group"))
+    return new BooleanSelector(getParentElement, elementBy, driver);
+  if (classSting.includes("button-group-field"))
+    return new ButtonGroup(getParentElement, elementBy, driver);
   throw new Error("Unknown type of editor. Please write ticket to the support");
 };
 
@@ -363,6 +625,9 @@ function createDataTestId(formName, itemType, itemName) {
 function createFieldTestId(formName, itemName) {
   return createDataTestId(formName, "form_field" /* FORM_FIELD */, itemName);
 }
+function createGroupTestId(formName, itemName) {
+  return createDataTestId(formName, "group" /* GROUP */, itemName);
+}
 function createTableId(formName) {
   return `${"table" /* TABLE */}-${formName}`;
 }
@@ -399,14 +664,82 @@ var FormField = class extends AbstractElementWithParent {
     await this.initEditor();
     return this.editor.setValue(value);
   }
+  /**
+   * Очищает значение в поле
+   * @example
+   * await formEdit.field('NumberFld').clear();
+   */
+  async clear() {
+    await this.initEditor();
+    if (!this.editor.clear) {
+      throw new Error("The clear method is not available for this field type.");
+    }
+    return this.editor.clear();
+  }
+  /**
+   * Удаляет тег по переданному тексту
+   * @example
+   * await formEdit.field('TagBox').remove('test');
+   */
+  async remove(itemText) {
+    await this.initEditor();
+    if (!this.editor.remove) {
+      throw new Error("This method is only available for the TagBox field.");
+    }
+    return this.editor.remove(itemText);
+  }
+};
+
+// src/pageObjects/elements/Groups/AbstractGroup.ts
+var AbstractDXGroup = class extends AbstractFormElement {
+};
+
+// src/pageObjects/elements/Groups/Panel.ts
+var Panel = class extends AbstractDXGroup {
+  async isDisplayed() {
+    const groupElement = await this.getElement();
+    return await groupElement.isDisplayed();
+  }
+};
+
+// src/pageObjects/elements/Groups/groupFactory.ts
+var groupFactory = async (getParentElement, elementBy, driver) => {
+  const elementInstance = new AbstractFormElement(getParentElement, elementBy, driver);
+  const classSting = await elementInstance.getClasses();
+  if (classSting.includes("panel-group"))
+    return new Panel(getParentElement, elementBy, driver);
+  throw new Error("Unknown type of group. Please write ticket to the support");
+};
+
+// src/pageObjects/elements/FormGroup.ts
+var FormGroup = class extends AbstractElementWithParent {
+  editor;
+  constructor(getParentElement, formName, name, driver) {
+    super(getParentElement, driver);
+    this.elementBy = byTestId(createGroupTestId(formName, name));
+  }
+  async initEditor() {
+    if (!this.editor) {
+      this.editor = await groupFactory(this.getParentElement, this.elementBy, this.driver);
+    }
+  }
+  /**
+   * Возвращает булевое значение доступна ли группа
+   * @example
+   * expect(await tableList.group('MainSuperPanel').isDisplayed();
+   */
+  async isDisplayed() {
+    await this.initEditor();
+    return this.editor.isDisplayed();
+  }
 };
 
 // src/pageObjects/elements/Forms/FormEdit.ts
 var FormEdit = class extends AbstractForm {
-  saveButtonBy = By7.id("button-save");
+  saveButtonBy = By11.id("button-save");
   constructor(driver) {
     super(driver);
-    this.popupContainerBy = By7.className(`popup form-edit-${this.formName}`);
+    this.popupContainerBy = By11.className(`popup form-edit-${this.formName}`);
   }
   /**
    * Находит поле формы редактирования по имени
@@ -418,6 +751,28 @@ var FormEdit = class extends AbstractForm {
   field(name) {
     return new FormField(this.getContainerElement, this.formName, name, this.driver);
   }
+  /**
+   * Проверяет не отключена ли кнопка Сохранить
+   * @example
+   * const formEdit = new MyForm();
+   * //...
+   * await formEdit.isSaveButtonDisabled();
+   */
+  async isSaveButtonDisabled() {
+    const saveButton = await this.driver.findElement(this.saveButtonBy);
+    const result = await saveButton.getAttribute("aria-disabled");
+    return result === "true";
+  }
+  /**
+   * Находит группу формы редактирования по имени
+   * @example
+   * const formEdit = new MyForm();
+   * //...
+   * expect(await formEdit.group('Name');
+   */
+  group(name) {
+    return new FormGroup(this.getContainerElement, this.formName, name, this.driver);
+  }
   /**
    * Нажатие на кнопку Сохранить
    * @example
@@ -426,35 +781,36 @@ var FormEdit = class extends AbstractForm {
    * await formEdit.saveButtonClick();
    */
   async saveButtonClick() {
-    await click(await this.driver.findElement(this.saveButtonBy), this.driver);
+    const saveButton = await this.driver.findElement(this.saveButtonBy);
+    await this.driver.wait(async () => !await this.isSaveButtonDisabled(), void 0, "Button is disabled");
+    await click(saveButton, this.driver);
   }
 };
 
 // src/pageObjects/elements/Forms/ListForm.ts
-import { By as By13 } from "selenium-webdriver";
+import { By as By17 } from "selenium-webdriver";
 
 // src/pageObjects/elements/Table/Table.ts
-import { By as By10 } from "selenium-webdriver";
+import { By as By14 } from "selenium-webdriver";
 
 // src/pageObjects/elements/Table/utils.ts
-import { By as By8 } from "selenium-webdriver";
+import { By as By12 } from "selenium-webdriver";
 var getRowPathByIndex = (index) => {
-  return By8.css(`tr[aria-rowindex="${transformInputIndex(index)}"]`);
+  return By12.css(`tr[aria-rowindex="${transformInputIndex(index)}"]`);
 };
+var getColumnByIndexCssSelector = (columnIndex) => `td[aria-colindex="${transformInputIndex(columnIndex)}"]`;
 var getColumnPathByIndex = (index) => {
-  return By8.css(`td[aria-colindex="${transformInputIndex(index)}"]`);
-};
-var getColumnPathByCaption = (caption) => {
-  return By8.css(`td[role="columnheader"][aria-label="Column ${caption}"]`);
+  return By12.css(getColumnByIndexCssSelector(index));
 };
+var getColumnByCaptionCssSelector = (caption) => `td[role="columnheader"][aria-label="Column ${caption}"]`;
 var getCellPathByIndex = (index) => {
-  return By8.css(`td[role="gridcell"][aria-colindex="${transformInputIndex(index)}"]`);
+  return By12.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
-import { By as By9 } from "selenium-webdriver";
+import { By as By13 } from "selenium-webdriver";
 
 // src/pageObjects/elements/Table/elements/Cell.ts
 var Cell = class extends AbstractElementWithParent {
@@ -476,6 +832,7 @@ 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 DX_DATA_ROW_CLASS = "dx-data-row";
 var Row = class extends AbstractElementWithParent {
   index;
   getColumnByCaption;
@@ -506,10 +863,8 @@ var Row = class extends AbstractElementWithParent {
     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);
+      return classes.includes(DX_SELECTION_CLASS);
+    }, 500, "Cannot select row");
   }
   async isSelected() {
     const rowEl = await this.getElement();
@@ -521,7 +876,7 @@ var Row = class extends AbstractElementWithParent {
   }
   async getCells() {
     const rowEl = await this.getElement();
-    const cells = await rowEl.findElements(By9.css(`td[role="gridcell"]`));
+    const cells = await rowEl.findElements(By13.css(`td[role="gridcell"]`));
     const result = [];
     cells.forEach((_, index) => {
       const newCell = new Cell(rowEl, index, this.driver);
@@ -529,26 +884,30 @@ var Row = class extends AbstractElementWithParent {
     });
     return result;
   }
-  async clickInlineButton(rowClass, buttonClass) {
-    const fixedTable = (await this.getParentElement()).findElement(
-      By9.css(".dx-fixed-columns .dx-datagrid-content.dx-datagrid-content-fixed")
+  async clickInlineButton(buttonClass) {
+    const FIXED_TABLE_CSS_SELECTOR = ".dx-fixed-columns .dx-datagrid-content.dx-datagrid-content-fixed";
+    const buttonCssSelector = `.${DX_DATA_ROW_CLASS}[aria-rowindex="${transformInputIndex(this.index)}"] .${buttonClass}`;
+    const button = (await this.getParentElement()).findElement(
+      By13.css(`${FIXED_TABLE_CSS_SELECTOR} ${buttonCssSelector}`)
     );
-    const rowEl = await fixedTable.findElement(By9.className(rowClass));
-    const button = await rowEl.findElement(By9.className(buttonClass));
-    if (button) {
-      return click(button, this.driver);
-    }
-    throw new Error(`Cannot find ${buttonClass} button`);
+    return click(button, this.driver);
+  }
+  async checkEditingMode(isEditing, msg) {
+    await this.driver.wait(async () => {
+      return (await this.getClasses()).includes(DX_ROW_EDIT_CLASS) === isEditing;
+    }, 2e3, msg);
   }
   async edit() {
-    await this.select();
-    return this.clickInlineButton(DX_SELECTION_CLASS, "edit");
+    await this.clickInlineButton("edit");
+    await this.checkEditingMode(true, "Row did not switch to edit mode");
   }
   async save() {
-    return this.clickInlineButton(DX_ROW_EDIT_CLASS, "save");
+    await this.clickInlineButton("save");
+    await this.checkEditingMode(false, "Row did not saved");
   }
   async cancel() {
-    return this.clickInlineButton(DX_ROW_EDIT_CLASS, "cancel");
+    await this.clickInlineButton("cancel");
+    await this.checkEditingMode(false, "Row did not switch to normal mode");
   }
 };
 
@@ -574,19 +933,18 @@ var Table = class extends AbstractElementWithParent {
   formName;
   constructor(getParentElement, formName, driver) {
     super(getParentElement, driver);
-    this.elementBy = By10.id(createTableId(formName));
+    this.elementBy = By14.id(createTableId(formName));
     this.formName = formName;
   }
-  async getHeaderElement() {
-    const parentEl = await this.getElement();
-    return parentEl.findElement(By10.className("dx-header-row"));
+  getHeaderCssSelector() {
+    return ".dx-datagrid-headers .dx-datagrid-content:not(.dx-datagrid-content-fixed)";
   }
   async getDataGrid() {
     const parentEl = await this.getElement();
-    return parentEl.findElement(By10.css(`div[role="grid"]`));
+    return parentEl.findElement(By14.css(`div[role="grid"]`));
   }
   getTableElement = () => {
-    return this.driver.findElement(this.elementBy);
+    return this.getElement();
   };
   async getRowByIndex(index) {
     const gridContainer = await this.getDataGrid();
@@ -597,16 +955,14 @@ var Table = class extends AbstractElementWithParent {
     throw new Error(`Cannot find row by index: ${index}`);
   }
   async getColumnByIndex(index) {
-    const headerContainer = await this.getHeaderElement();
-    const column = await headerContainer.findElement(getColumnPathByIndex(index));
+    const column = await (await this.getElement()).findElement(By14.css(`${this.getHeaderCssSelector()} ${getColumnByIndexCssSelector(index)}`));
     if (column) {
       return new Column(this.getTableElement, index, this.driver);
     }
     throw new Error(`Cannot find column by index: ${index}`);
   }
   async getColumnByCaption(caption) {
-    const headerContainer = await this.getHeaderElement();
-    const column = await headerContainer.findElement(getColumnPathByCaption(caption));
+    const column = await (await this.getElement()).findElement(By14.css(`${this.getHeaderCssSelector()} ${getColumnByCaptionCssSelector(caption)}`));
     if (column) {
       const index = await column.getAttribute("aria-colindex");
       return new Column(this.getTableElement, transformOutputIndex(index), this.driver);
@@ -623,7 +979,7 @@ var Table = class extends AbstractElementWithParent {
   }
   async getRows() {
     const gridContainer = await this.getDataGrid();
-    const rows = await gridContainer.findElements(By10.className("dx-row dx-data-row"));
+    const rows = await gridContainer.findElements(By14.className("dx-row dx-data-row"));
     const result = [];
     rows.forEach((_, index) => {
       const newRow = new Row(this.getTableElement, index, this.driver, this.getColumnByCaption.bind(this));
@@ -632,8 +988,7 @@ var Table = class extends AbstractElementWithParent {
     return result;
   }
   async getColumns() {
-    const headerContainer = await this.getHeaderElement();
-    const columns = await headerContainer.findElements(By10.css(`td[role="columnheader"]`));
+    const columns = await (await this.getElement()).findElements(By14.css(`${this.getHeaderCssSelector()} td[role="columnheader"]`));
     const result = [];
     columns.forEach((_, index) => {
       const newCol = new Column(this.getTableElement, index, this.driver);
@@ -652,23 +1007,28 @@ var Table = class extends AbstractElementWithParent {
    * expect(await form.field('Name').getValue()).toBe('test value');
    */
   field(name) {
-    return new FormField(this.getElement, this.formName, name, this.driver);
+    return new FormField(this.getTableElement, this.formName, name, this.driver);
   }
 };
 
 // src/pageObjects/elements/TableToolbar/TableToolbar.ts
-import { By as By12 } from "selenium-webdriver";
+import { By as By16 } from "selenium-webdriver";
 
 // src/pageObjects/elements/TableToolbar/TableToolbarButton.ts
-import { By as By11 } from "selenium-webdriver";
+import { By as By15 } from "selenium-webdriver";
 var TOOLBAR_BUTTON_CLASS = "toolbar-button";
 var TableToolbarButton = class extends AbstractElementWithParent {
+  name;
   constructor(getParentElement, name, driver) {
     super(getParentElement, driver);
-    this.elementBy = By11.id(`${TOOLBAR_BUTTON_CLASS}-${name}`);
+    this.name = name;
+    this.elementBy = By15.id(`${TOOLBAR_BUTTON_CLASS}-${name}`);
   }
   async click() {
     const button = await this.getElement();
+    await this.driver.wait(async () => {
+      return await button.isDisplayed() && !await this.isDisabled();
+    }, 1e3, `Button ${this.name} cannot be clicked. It is not displayed or it is disabled`);
     return click(button, this.driver);
   }
   async isDisabled() {
@@ -683,14 +1043,14 @@ var TABLE_TOOLBAR_CLASS = "d5-table-toolbar";
 var TableToolbar = class extends AbstractElementWithParent {
   constructor(getParentElement, formName, driver) {
     super(getParentElement, driver);
-    this.elementBy = By12.id(`${TABLE_TOOLBAR_CLASS}-${formName}`);
+    this.elementBy = By16.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(By12.id(`${TOOLBAR_BUTTON_CLASS}-${name}`));
+    const button = await toolbar.findElement(By16.id(`${TOOLBAR_BUTTON_CLASS}-${name}`));
     if (button) {
       return new TableToolbarButton(this.getTableToolbarElement, name, this.driver);
     }
@@ -702,7 +1062,7 @@ var TableToolbar = class extends AbstractElementWithParent {
 var ListForm = class extends AbstractForm {
   constructor(driver) {
     super(driver);
-    this.popupContainerBy = By13.className(`popup form-inline-${this.formName}`);
+    this.popupContainerBy = By17.className(`popup form-inline-${this.formName}`);
   }
   /**
    * Находит таблицу
@@ -714,6 +1074,16 @@ var ListForm = class extends AbstractForm {
   table() {
     return new Table(this.getContainerElement, this.formName, this.driver);
   }
+  /**
+   * Находит группу на лист форме по имени
+   * @example
+   * const formEdit = new MyForm();
+   * //...
+   * expect(await formEdit.group('Name');
+   */
+  group(name) {
+    return new FormGroup(this.getContainerElement, this.formName, name, this.driver);
+  }
   /**
    * Находит таблицу
    * @example
@@ -750,6 +1120,14 @@ var LoginPage = class extends AbstractPage {
   usernameField = byTestId("loginField", "input");
   passwordField = byTestId("passwordField", "input");
   loginButton = byTestId("loginButton");
+  async locate() {
+    await super.locate();
+    const login = await this.driver.findElement(this.usernameField);
+    await waitElementIsVisible({
+      element: login,
+      driver: this.driver
+    });
+  }
   get path() {
     return LOGIN_PATH;
   }
@@ -786,5 +1164,6 @@ export {
   createDriver,
   editorFactory,
   elementIsNotPresent,
-  signIn
+  signIn,
+  waitElementIsVisible
 };