d5-testing-library 1.8.0-alpha.2 → 1.8.0-alpha.21

package/dist/FormEdit-GTZISTTI.mjs

@@ -0,0 +1,7 @@
+import {
+  FormEdit
+} from "./chunk-WDYVVF7O.mjs";
+import "./chunk-MV63JF3H.mjs";
+export {
+  FormEdit as default
+};

package/dist/ListForm-EM7E4ZMM.mjs

@@ -0,0 +1,7 @@
+import {
+  ListForm
+} from "./chunk-PMZQRKUZ.mjs";
+import "./chunk-MV63JF3H.mjs";
+export {
+  ListForm as default
+};

package/dist/TreeView-F2XF44N2.mjs

@@ -0,0 +1,8 @@
+import {
+  TreeView
+} from "./chunk-LMFYREYI.mjs";
+import "./chunk-PMZQRKUZ.mjs";
+import "./chunk-MV63JF3H.mjs";
+export {
+  TreeView as default
+};

package/dist/chunk-LMFYREYI.mjs

@@ -0,0 +1,22 @@
+import {
+  ListForm
+} from "./chunk-PMZQRKUZ.mjs";
+
+// src/pageObjects/elements/Forms/TreeView.ts
+var TREELIST_HEADER_CSS_SELECTOR = ".dx-treelist-headers .dx-treelist-content:not(.dx-datagrid-content-fixed)";
+var TREELIST_CONTENT_CSS_SELECTOR = ".dx-treelist-content:not(.dx-datagrid-content-fixed)";
+var FIXED_TREELIST_CONTENT_CSS_SELECTOR = ".dx-fixed-columns .dx-treelist-content.dx-treelist-content-fixed";
+var TreeView = class extends ListForm {
+  constructor(driver) {
+    super(driver);
+    this.popupContainerCssSelector = `.popup.tree-view-${this.formName}`;
+    this.headerCssSelector = TREELIST_HEADER_CSS_SELECTOR;
+    this.fixedTableContentCssSelector = FIXED_TREELIST_CONTENT_CSS_SELECTOR;
+    this.contextMenuCssSelector = ".dx-treelist-container";
+    this.tableContentCssSelector = TREELIST_CONTENT_CSS_SELECTOR;
+  }
+};
+
+export {
+  TreeView
+};

package/dist/{chunk-ZT3B7BQ2.mjs → chunk-MV63JF3H.mjs}

@@ -150,6 +150,14 @@ var click = async (webElement, driver) => {
   const actions = driver.actions({ async: true });
   await actions.move({ origin: webElement }).click().perform();
 };
+var contextMenu = async (webElement, driver) => {
+  driver = driver ?? config().driver;
+  if (!await webElement.isDisplayed()) {
+    await driver.executeScript("arguments[0].scrollIntoView(true);", webElement);
+  }
+  const actions = driver.actions({ async: true });
+  await actions.move({ origin: webElement }).contextClick().perform();
+};
 
 // src/utils/locators.ts
 import { By as By2 } from "selenium-webdriver";
@@ -161,6 +169,22 @@ var byTestId = (testId, element = "div") => {
 };
 var readonlyLocator = "readonly";
 
+// src/utils/waitElementIsClickable.ts
+async function waitElementIsClickable({
+  timeout,
+  errorMessage,
+  driver,
+  ...rest
+}) {
+  driver = driver ?? config().driver;
+  await wait(async () => {
+    const searchedElement = "by" in rest ? await fixElementStaleError(rest.by, driver) : rest.element;
+    const isDisabled = await searchedElement.getCssValue("pointer-events") === "none";
+    return await searchedElement.isDisplayed() && !isDisabled;
+  }, driver, errorMessage, timeout ?? config().timeout);
+}
+var waitElementIsClickable_default = waitElementIsClickable;
+
 // src/pageObjects/elements/Editors/AbstractEditor.ts
 import { By as By3, Key } from "selenium-webdriver";
 
@@ -226,8 +250,9 @@ var TextEditor = class extends AbstractDXEditorWithInput {
     super(parentCssSelector, elementCssSelector, driver);
     this.setClearStrategy(new InputClearStrategy());
   }
-  getValue() {
-    return this.getInputValue();
+  async getValue() {
+    const value = await super.getInputValue();
+    return value == "" ? null : value;
   }
   setValue(value) {
     return this.setInputValue(value);
@@ -262,6 +287,7 @@ var ControlClass = /* @__PURE__ */ ((ControlClass2) => {
   ControlClass2["SingleDateRange"] = "single-date-range-control";
   ControlClass2["BooleanSelector"] = "buttons-group";
   ControlClass2["ButtonGroup"] = "button-group-field";
+  ControlClass2["HeaderFilterDictionary"] = "header-filter-dictionary";
   return ControlClass2;
 })(ControlClass || {});
 
@@ -420,7 +446,8 @@ var TagBox = class extends AbstractDXEditorWithInput {
     await this.confirmSelection();
   }
   async waitOptionSelection() {
-    await fixElementStaleError(By6.css(TAG_BOX_LIST_ITEM_SELECTOR), this.driver);
+    const option = await fixElementStaleError(By6.css(TAG_BOX_LIST_ITEM_SELECTOR), this.driver);
+    await wait(() => option.isDisplayed(), this.driver);
   }
   async selectOption(inputEl, value, lastElement) {
     try {
@@ -546,33 +573,44 @@ var BaseDateEditor = class extends AbstractDXEditorWithInput {
     super(parentCssSelector, elementCssSelector, driver);
     this.setClearStrategy(new InputClearStrategy());
   }
-  async setDateValue(value) {
+  async setArrayValue(value) {
     const actions = this.driver.actions({ async: true });
     const dateField = await this.driver.findElement(By8.css(`${this.getFullCssSelector()}`));
+    const dateInputEl = await this.getInputElement();
     const dateFieldDataTestID = await this.getDataTestId();
-    const calendarPopoverSelector = byTestIdCssSelector(`${dateFieldDataTestID}-calendar-popover`);
+    const formattedDates = value.map(formatDMYDate);
+    const button = await dateField.findElement(By8.css(`.${BTN_CALENDAR_POPOVER_OPEN_SELECTOR}`));
+    await click(button, this.driver);
+    const calendarPopoverElement = await this.driver.findElement(By8.css(byTestIdCssSelector(`${dateFieldDataTestID}-calendar-popover`)));
+    const dateFromInput = await calendarPopoverElement.findElement(
+      By8.css(`.${BTN_CALENDAR_POPOVER_DATE_FROM_INPUT_SELECTOR} .dx-texteditor-input`)
+    );
+    const dateToInput = await calendarPopoverElement.findElement(
+      By8.css(`.${BTN_CALENDAR_POPOVER_DATE_TO_INPUT_SELECTOR} .dx-texteditor-input`)
+    );
+    await click(dateFromInput, this.driver);
+    await dateFromInput.sendKeys(formattedDates[0]);
+    await click(dateToInput, this.driver);
+    await actions.move({ origin: dateInputEl }).sendKeys(Key3.HOME).perform();
+    await dateToInput.sendKeys(formattedDates[1]);
+    await actions.move({ origin: dateInputEl }).sendKeys(Key3.ENTER).perform();
+    const btnOk = await this.driver.findElement(By8.css(`.${BTN_SAVE_SELECTOR}`));
+    await click(btnOk, this.driver);
+  }
+  async setSingleValue(value) {
+    const actions = this.driver.actions({ async: true });
+    const formattedDate = formatDMYDate(value);
     const dateInputEl = await this.getInputElement();
-    await dateInputEl.clear();
+    await click(dateInputEl, this.driver);
+    await actions.move({ origin: dateInputEl }).sendKeys(Key3.HOME).perform();
+    await actions.move({ origin: dateInputEl }).sendKeys(formattedDate, Key3.ENTER).perform();
+  }
+  async setDateValue(value) {
+    await this.clear();
     if (Array.isArray(value)) {
-      const formattedDates = value.map(formatDMYDate);
-      const button = await dateField.findElement(By8.css(`.${BTN_CALENDAR_POPOVER_OPEN_SELECTOR}`));
-      await button.click();
-      const calendarPopoverElement = await this.driver.findElement(By8.css(calendarPopoverSelector));
-      const dateFromInput = await calendarPopoverElement.findElement(By8.css(`.${BTN_CALENDAR_POPOVER_DATE_FROM_INPUT_SELECTOR} .dx-texteditor-input`));
-      const dateToInput = await calendarPopoverElement.findElement(By8.css(`.${BTN_CALENDAR_POPOVER_DATE_TO_INPUT_SELECTOR} .dx-texteditor-input`));
-      await dateFromInput.click();
-      await dateFromInput.sendKeys(formattedDates[0]);
-      await dateToInput.click();
-      await actions.move({ origin: dateInputEl }).sendKeys(Key3.HOME).perform();
-      await dateToInput.sendKeys(formattedDates[1]);
-      await actions.move({ origin: dateInputEl }).sendKeys(Key3.ENTER).perform();
-      const btnOk = await this.driver.findElement(By8.css(`.${BTN_SAVE_SELECTOR}`));
-      await btnOk.click();
+      await this.setArrayValue(value);
     } else {
-      const formattedDate = formatDMYDate(value);
-      await click(dateInputEl, this.driver);
-      await actions.move({ origin: dateInputEl }).sendKeys(Key3.HOME).perform();
-      await actions.move({ origin: dateInputEl }).sendKeys(formattedDate, Key3.ENTER).perform();
+      await this.setSingleValue(value);
     }
   }
 };
@@ -635,15 +673,14 @@ var DateRangeEditor = class extends BaseDateEditor {
 // src/pageObjects/elements/Editors/Date/DateEditor.ts
 var DateEditor = class extends AbstractDXEditorWithInput {
   editorInstance = null;
-  initPromise;
-  constructor(parentCssSelector, elementCssSelector, driver) {
-    super(parentCssSelector, elementCssSelector, driver);
-    this.initPromise = this.init(parentCssSelector, elementCssSelector, driver);
-  }
-  async init(parentCssSelector, elementCssSelector, driver) {
-    await this.updateEditorInstance(parentCssSelector, elementCssSelector, driver);
+  async init() {
+    if (this.editorInstance) {
+      return this.editorInstance;
+    }
+    await this.setEditorInstance();
   }
-  async updateEditorInstance(parentCssSelector, elementCssSelector, driver) {
+  async setEditorInstance() {
+    const { parentCssSelector, elementCssSelector, driver } = this;
     const elementInstance = new AbstractFormElement(parentCssSelector, elementCssSelector, driver);
     const classString = await elementInstance.getClasses();
     switch (true) {
@@ -657,25 +694,105 @@ var DateEditor = class extends AbstractDXEditorWithInput {
         this.editorInstance = new SingleDateEditor(parentCssSelector, elementCssSelector, driver);
     }
   }
-  async ensureInitialized() {
-    if (!this.editorInstance) {
-      await this.initPromise;
+  async setValue(value) {
+    await this.init();
+    await this.editorInstance.setValue(value);
+    await this.setEditorInstance();
+  }
+  async getValue() {
+    await this.init();
+    return this.editorInstance.getValue();
+  }
+};
+
+// src/pageObjects/elements/Editors/HeaderFilterDictionary.ts
+import { By as By11, Key as Key4 } from "selenium-webdriver";
+var TAGS_SELECTOR2 = ".dx-tag .tag-text";
+var DX_TAG_CONTAINER2 = "dx-tag-container";
+var DX_TEXTEDITOR_EMPTY3 = "dx-texteditor-empty";
+var CUSTOM_OPTION_LIST_SELECTOR = "custom-list";
+var SELECT_BOX_OPTION_TEXT_CONTAINER_CLASS2 = "d5-multi-select-item";
+var TAG_BOX_LIST_ITEM_SELECTOR2 = '.dx-overlay-wrapper .dx-list-item[aria-selected="true"]';
+var combinedOptionHeaderFilterDictValueXpath = (value) => `//div[contains(@class, '${SELECT_BOX_OPTION_TEXT_CONTAINER_CLASS2}') and contains(text(), '${value}')]`;
+var dropDownHeaderFilterDictionaryOptionClick = async (optionValue, driver, dataTEST = "", delay = true) => {
+  const { implicit } = await driver.manage().getTimeouts();
+  let optElement = null;
+  const timeout = delay ? implicit : 600;
+  let err = null;
+  try {
+    const calendarPopoverSelector = byTestIdCssSelector(`${dataTEST}`);
+    await driver.manage().setTimeouts({ implicit: timeout });
+    const calendarPopoverElement = await driver.findElement(By11.css(calendarPopoverSelector));
+    const customOptionList = calendarPopoverElement.findElement(By11.css(`.${CUSTOM_OPTION_LIST_SELECTOR}`));
+    optElement = await customOptionList.findElement(By11.xpath(combinedOptionHeaderFilterDictValueXpath(optionValue)));
+    await click(optElement, driver);
+  } catch (e) {
+    err = new Error(`Item not found: "${optionValue}"`);
+  } finally {
+    await driver.manage().setTimeouts({ implicit });
+  }
+  if (err)
+    throw err;
+};
+var HeaderFilterDictionary = class extends AbstractDXEditorWithInput {
+  constructor(parentCssSelector, elementCssSelector, driver) {
+    super(parentCssSelector, elementCssSelector, driver);
+    this.setClearStrategy(new ClearButtonStrategy(this.getFullCssSelector(), this.driver));
+  }
+  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);
     }
   }
-  async setValue(value) {
-    await this.ensureInitialized();
-    if (this.editorInstance) {
-      await this.editorInstance.setValue(value);
-      return await this.updateEditorInstance(this.parentCssSelector, this.elementCssSelector, this.driver);
+  async waitOptionSelection() {
+    await fixElementStaleError(By11.css(TAG_BOX_LIST_ITEM_SELECTOR2), this.driver);
+  }
+  async selectOption(inputEl, value, lastElement) {
+    try {
+      await inputEl.sendKeys(value);
+      const dataTEST = await this.getDataTestId();
+      await dropDownHeaderFilterDictionaryOptionClick(value, this.driver, dataTEST);
+      const textLength = await inputEl.getAttribute("value").then((value2) => value2.length);
+      for (let i = 0; i < textLength; i++) {
+        await inputEl.sendKeys(Key4.BACK_SPACE);
+      }
+    } catch (error) {
+      throw error;
+    }
+    await this.waitOptionSelection();
+    if (value !== lastElement) {
+      await inputEl.clear();
     }
-    throw new Error("Editor instance is not initialized.");
+  }
+  async getHeaderFilterDictionaryInputValue() {
+    if (await this.isHeaderFilterDictionaryEmpty()) {
+      return [];
+    }
+    const tags = await this.driver.findElements(
+      By11.css(`${this.getFullCssSelector()} .${DX_TAG_CONTAINER2} ${TAGS_SELECTOR2}`)
+    );
+    const values = [];
+    for (const tag of tags) {
+      values.push(await tag.getAttribute("textContent"));
+    }
+    return values;
+  }
+  async isHeaderFilterDictionaryEmpty() {
+    const classAttribute = await this.getClasses();
+    return classAttribute.includes(DX_TEXTEDITOR_EMPTY3);
   }
   async getValue() {
-    await this.ensureInitialized();
-    if (this.editorInstance) {
-      return this.editorInstance.getValue();
+    const value = await this.getHeaderFilterDictionaryInputValue();
+    return value.length ? value : null;
+  }
+  async setValue(values) {
+    if (!Array.isArray(values)) {
+      values = [values];
     }
-    throw new Error("Editor instance is not initialized.");
+    await this.setTagBoxInputValue(values);
   }
 };
 
@@ -702,6 +819,8 @@ var editorFactory = async (parentCssSelector, elementCssSelector, driver) => {
     return new BooleanSelector(parentCssSelector, elementCssSelector, driver);
   if (classSting.includes("button-group-field" /* ButtonGroup */))
     return new ButtonGroup(parentCssSelector, elementCssSelector, driver);
+  if (classSting.includes("header-filter-dictionary" /* HeaderFilterDictionary */))
+    return new HeaderFilterDictionary(parentCssSelector, elementCssSelector, driver);
   throw new Error("Unknown type of editor. Please write ticket to the support");
 };
 
@@ -736,6 +855,38 @@ function createFormButtonTestId(formName, itemName) {
 function createSubSystemTestId(itemName) {
   return `${"subsystem-item" /* SUBSYSTEM_ITEM */}-${itemName}`;
 }
+function createEditorButtonTestId(itemName) {
+  return `${"editor-button" /* EDITOR_BUTTON */}-${itemName}`;
+}
+
+// src/pageObjects/elements/EditorButton.ts
+var EditorButton = class extends AbstractElementWithParent {
+  name;
+  constructor(parentCssSelector, name, driver) {
+    super(parentCssSelector, byTestIdCssSelector(createEditorButtonTestId(name)), driver);
+    this.name = name;
+  }
+  buttonNotDisplayedError() {
+    return `Editor Button ${this.name} cannot be clicked. It is not displayed or it is disabled`;
+  }
+  async click() {
+    const button = await this.getElement();
+    await waitElementIsClickable_default({
+      element: button,
+      errorMessage: this.buttonNotDisplayedError(),
+      driver: this.driver
+    });
+    await click(button, this.driver);
+  }
+  async isDisplayed() {
+    try {
+      const button = await this.getElement();
+      return await button.isDisplayed();
+    } catch (error) {
+      return false;
+    }
+  }
+};
 
 // src/pageObjects/elements/AbstractEditor.ts
 var AbstractEditor = class extends AbstractElementWithParent {
@@ -802,6 +953,31 @@ var AbstractEditor = class extends AbstractElementWithParent {
     await this.initEditor();
     return this.editor.isReadonly();
   }
+  /**
+   * Возвращает значение true|false в зависимости isDisplayed поле или нет
+   * @example
+   * expect(await formEdit.field('NumberFld').isDisplayed()).toBe(true);
+   * expect(await formEdit.field('TextFld').isDisplayed()).toBe(false);
+   */
+  async isDisplayed() {
+    try {
+      await this.initEditor();
+      const element = await this.getElement();
+      return await element.isDisplayed();
+    } catch {
+      return false;
+    }
+  }
+  /**
+   * Находит кнопку на поле по имени
+   * @example
+   * const form= new MyForm();
+   * //...
+   * await form.field('Name').button('editorButton).click()
+   */
+  button(name) {
+    return new EditorButton(this.getFullCssSelector(), name, this.driver);
+  }
 };
 
 // src/pageObjects/elements/FormField.ts
@@ -812,30 +988,16 @@ var FormField = class extends AbstractEditor {
 };
 
 // src/pageObjects/elements/Forms/Form.ts
-import { By as By14 } from "selenium-webdriver";
+import { By as By15 } from "selenium-webdriver";
 
-// src/utils/waitElementIsClickable.ts
-async function waitElementIsClickable({
-  element,
-  timeout,
-  errorMessage,
-  driver
-}) {
-  driver = driver ?? config().driver;
-  await wait(async () => {
-    const isDisabled = await element.getCssValue("pointer-events") === "none";
-    return await element.isDisplayed() && !isDisabled;
-  }, driver, errorMessage, timeout ?? config().timeout);
-}
-
-// src/pageObjects/elements/TableToolbar/AbstractButton.ts
+// src/pageObjects/elements/AbstractButton.ts
 var AbstractButton = class extends AbstractElementWithParent {
   constructor(parentCssSelector, elementCssSelector, driver) {
     super(parentCssSelector, elementCssSelector, driver);
   }
   async click() {
     const button = await this.getElement();
-    await waitElementIsClickable({
+    await waitElementIsClickable_default({
       element: button,
       errorMessage: this.buttonNotDisplayedError(),
       driver: this.driver
@@ -846,10 +1008,18 @@ var AbstractButton = class extends AbstractElementWithParent {
     const button = await this.getElement();
     return await button.getCssValue("pointer-events") === "none";
   }
+  async isDisplayed() {
+    try {
+      const button = await this.getElement();
+      return await button.isDisplayed();
+    } catch {
+      return false;
+    }
+  }
 };
 
 // src/pageObjects/elements/DXComponents/DXButton.ts
-import { By as By11 } from "selenium-webdriver";
+import { By as By12 } from "selenium-webdriver";
 var DXButton = class extends AbstractButton {
   async getText() {
     const classes = await this.getClasses();
@@ -857,7 +1027,7 @@ var DXButton = class extends AbstractButton {
       return null;
     }
     const el = await this.getElement();
-    const textEl = el.findElement(By11.className("dx-button-text"));
+    const textEl = el.findElement(By12.className("dx-button-text"));
     return await textEl.getText();
   }
 };
@@ -887,7 +1057,7 @@ var Panel = class extends AbstractGroup {
 };
 
 // src/pageObjects/elements/Groups/TabPanel.ts
-import { By as By12 } from "selenium-webdriver";
+import { By as By13 } from "selenium-webdriver";
 var TabPanelItem = class extends AbstractGroup {
   constructor(parentCssSelector, elementCssSelector, driver) {
     super(parentCssSelector, elementCssSelector, driver);
@@ -897,7 +1067,7 @@ var TabPanelItem = class extends AbstractGroup {
   }
   async isActive() {
     const tabPanelItemElement = await this.getElement();
-    const grandparentTab = await tabPanelItemElement.findElement(By12.xpath('ancestor::div[@role="tab"][1]'));
+    const grandparentTab = await tabPanelItemElement.findElement(By13.xpath('ancestor::div[@role="tab"][1]'));
     return await grandparentTab.getAttribute("aria-selected") === "true";
   }
   async getTitle() {
@@ -914,7 +1084,7 @@ var TabPanel = class extends AbstractGroup {
 };
 
 // src/pageObjects/elements/Groups/Accordion/AccordionItem.ts
-import { By as By13 } from "selenium-webdriver";
+import { By as By14 } from "selenium-webdriver";
 var ACCORDION_TITLE_CONTAINER = "accordion-title-container";
 var AccordionItem = class extends AbstractGroup {
   constructor(parentCssSelector, elementCssSelector, driver) {
@@ -926,7 +1096,7 @@ var AccordionItem = class extends AbstractGroup {
   }
   async clickAccordionItemTitle() {
     const accordionElement = await this.getElement();
-    const accordTitleElement = await accordionElement.findElement(By13.className(ACCORDION_TITLE_CONTAINER));
+    const accordTitleElement = await accordionElement.findElement(By14.className(ACCORDION_TITLE_CONTAINER));
     await accordTitleElement.click();
   }
   async click() {
@@ -1106,23 +1276,28 @@ var AbstractForm = class extends AbstractPage {
 };
 
 // src/pageObjects/elements/Forms/createSubFormInstance.ts
+var SECONDARY_DRAWER_LAYOUT_CONTENT = ".secondary-drawer-layout-content";
 var subFormTestId = (name) => `subform-${name}`;
-function subformCssSelector(parentCssSelector, testId) {
-  return `${parentCssSelector} ${byTestIdCssSelector(testId)}`;
+function subformCssSelector(parentCssSelector, testId, isDockPanel = false) {
+  if (isDockPanel) {
+    return `${SECONDARY_DRAWER_LAYOUT_CONTENT} ${byTestIdCssSelector(testId)}`;
+  } else {
+    return `${parentCssSelector} ${byTestIdCssSelector(testId)}`;
+  }
 }
 async function classDependencyInjector(formType) {
   let SubFormFactoryClass;
   switch (formType) {
     case "1" /* LIST */:
-      SubFormFactoryClass = (await import("./ListForm-N6QNZXQE.mjs")).default;
+      SubFormFactoryClass = (await import("./ListForm-EM7E4ZMM.mjs")).default;
       break;
     case "3" /* TREE */:
-      SubFormFactoryClass = (await import("./TreeView-JOHAYS2S.mjs")).default;
+      SubFormFactoryClass = (await import("./TreeView-F2XF44N2.mjs")).default;
       break;
     case "2" /* EDIT */:
     case "99" /* FREE_FORM */:
     case "4" /* REPORT */:
-      SubFormFactoryClass = (await import("./FormEdit-PRX4TB67.mjs")).default;
+      SubFormFactoryClass = (await import("./FormEdit-GTZISTTI.mjs")).default;
       break;
     default:
       throw new Error(`Unsupported form type ${formType}`);
@@ -1152,10 +1327,15 @@ var Form = class extends AbstractForm {
    */
   async getTitleText() {
     if (await this.isModal()) {
-      const titleEl2 = await this.driver.findElement(By14.css(`${this.popupContainerCssSelector} .popup-title`));
+      const titleEl2 = await this.driver.findElement(By15.css(`${this.popupContainerCssSelector} .popup-title`));
+      await waitElementIsVisible({
+        element: titleEl2,
+        driver: this.driver,
+        errorMessage: `Form title element is not visible`
+      });
       return titleEl2.getText();
     }
-    let titleEl = await this.driver.findElement(By14.className("main-toolbar-form-title"));
+    let titleEl = await this.driver.findElement(By15.className("main-toolbar-form-title"));
     return titleEl.getText();
   }
   setSubFormMode() {
@@ -1171,9 +1351,10 @@ var Form = class extends AbstractForm {
    * //...
    * expect(await form.subForm(name));
    */
-  async subForm(name) {
-    const cssSelector = subformCssSelector(this.containerCssSelector, subFormTestId(name));
-    const byCssSelector = By14.css(cssSelector);
+  async subForm(name, options = {}) {
+    const { isDockPanel = false } = options;
+    const cssSelector = subformCssSelector(this.containerCssSelector, subFormTestId(name), isDockPanel);
+    const byCssSelector = By15.css(cssSelector);
     const subFormEl = await this.driver.findElement(byCssSelector);
     await waitElementIsVisible({
       element: subFormEl,
@@ -1204,9 +1385,11 @@ export {
   wait,
   waitElementIsVisible,
   click,
+  contextMenu,
   byTestIdCssSelector,
   byTestId,
   readonlyLocator,
+  waitElementIsClickable_default,
   AbstractElementWithParent,
   TextEditor,
   NumberEditor,
@@ -1218,7 +1401,6 @@ export {
   createLayoutFilterTestId,
   createTableId,
   createSubSystemTestId,
-  waitElementIsClickable,
   AbstractButton,
   AbstractEditor,
   FormField,