d5-testing-library 1.8.0-alpha.1 → 1.8.0-alpha.11

package/dist/FormEdit-NPGDM3FJ.mjs

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

package/dist/ListForm-Z63MCMIH.mjs

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

package/dist/TreeView-LMBX3YNB.mjs

@@ -0,0 +1,8 @@
+import {
+  TreeView
+} from "./chunk-745NW6FN.mjs";
+import "./chunk-LJ7UTZYH.mjs";
+import "./chunk-45B4TCE4.mjs";
+export {
+  TreeView as default
+};

package/dist/{chunk-JITTN2NY.mjs → chunk-45B4TCE4.mjs}

@@ -262,6 +262,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 || {});
 
@@ -679,6 +680,97 @@ var DateEditor = class extends AbstractDXEditorWithInput {
   }
 };
 
+// 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 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();
+    }
+  }
+  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() {
+    const value = await this.getHeaderFilterDictionaryInputValue();
+    return value.length ? value : null;
+  }
+  async setValue(values) {
+    if (!Array.isArray(values)) {
+      values = [values];
+    }
+    await this.setTagBoxInputValue(values);
+  }
+};
+
 // src/pageObjects/elements/Editors/editorFactory.ts
 var editorFactory = async (parentCssSelector, elementCssSelector, driver) => {
   const elementInstance = new AbstractFormElement(parentCssSelector, elementCssSelector, driver);
@@ -702,6 +794,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 +830,52 @@ function createFormButtonTestId(formName, itemName) {
 function createSubSystemTestId(itemName) {
   return `${"subsystem-item" /* SUBSYSTEM_ITEM */}-${itemName}`;
 }
+function createEditorButtonTestId(itemName) {
+  return `${"editor-button" /* EDITOR_BUTTON */}-${itemName}`;
+}
+
+// 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/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({
+      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 +942,16 @@ var AbstractEditor = class extends AbstractElementWithParent {
     await this.initEditor();
     return this.editor.isReadonly();
   }
+  /**
+   * Находит кнопку на поле по имени
+   * @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,21 +962,7 @@ var FormField = class extends AbstractEditor {
 };
 
 // src/pageObjects/elements/Forms/Form.ts
-import { By as By14 } 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);
-}
+import { By as By15 } from "selenium-webdriver";
 
 // src/pageObjects/elements/TableToolbar/AbstractButton.ts
 var AbstractButton = class extends AbstractElementWithParent {
@@ -846,10 +982,14 @@ var AbstractButton = class extends AbstractElementWithParent {
     const button = await this.getElement();
     return await button.getCssValue("pointer-events") === "none";
   }
+  async isDisplayed() {
+    const button = await this.getElement();
+    return await button.isDisplayed();
+  }
 };
 
 // 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 +997,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 +1027,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 +1037,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 +1054,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 +1066,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() {
@@ -1114,15 +1254,15 @@ async function classDependencyInjector(formType) {
   let SubFormFactoryClass;
   switch (formType) {
     case "1" /* LIST */:
-      SubFormFactoryClass = (await import("./ListForm-R7WQIGBI.mjs")).default;
+      SubFormFactoryClass = (await import("./ListForm-Z63MCMIH.mjs")).default;
       break;
     case "3" /* TREE */:
-      SubFormFactoryClass = (await import("./TreeView-STUAAR65.mjs")).default;
+      SubFormFactoryClass = (await import("./TreeView-LMBX3YNB.mjs")).default;
       break;
     case "2" /* EDIT */:
     case "99" /* FREE_FORM */:
     case "4" /* REPORT */:
-      SubFormFactoryClass = (await import("./FormEdit-XOCYARDX.mjs")).default;
+      SubFormFactoryClass = (await import("./FormEdit-NPGDM3FJ.mjs")).default;
       break;
     default:
       throw new Error(`Unsupported form type ${formType}`);
@@ -1152,10 +1292,10 @@ 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`));
       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() {
@@ -1173,7 +1313,7 @@ var Form = class extends AbstractForm {
    */
   async subForm(name) {
     const cssSelector = subformCssSelector(this.containerCssSelector, subFormTestId(name));
-    const byCssSelector = By14.css(cssSelector);
+    const byCssSelector = By15.css(cssSelector);
     const subFormEl = await this.driver.findElement(byCssSelector);
     await waitElementIsVisible({
       element: subFormEl,

package/dist/chunk-745NW6FN.mjs

@@ -0,0 +1,21 @@
+import {
+  ListForm
+} from "./chunk-LJ7UTZYH.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.wrapper-tree-view-${this.formName}`;
+    this.headerCssSelector = TREELIST_HEADER_CSS_SELECTOR;
+    this.fixedTableContentCssSelector = FIXED_TREELIST_CONTENT_CSS_SELECTOR;
+    this.tableContentCssSelector = TREELIST_CONTENT_CSS_SELECTOR;
+  }
+};
+
+export {
+  TreeView
+};

package/dist/{chunk-CKCSBNKD.mjs → chunk-K4ELCNMK.mjs}

@@ -3,16 +3,22 @@ import {
   FormField,
   click,
   wait
-} from "./chunk-JITTN2NY.mjs";
+} from "./chunk-45B4TCE4.mjs";
 
 // src/pageObjects/elements/Forms/FormEdit.ts
 import { By } from "selenium-webdriver";
 var FormEdit = class extends Form {
-  saveButtonBy = By.id("button-save");
-  closeButtonBy = By.id("button-cancel");
+  saveButtonId = "#button-save";
+  closeButtonId = "#button-cancel";
   constructor(driver) {
     super(driver);
-    this.popupContainerCssSelector = `.popup .form-edit-${this.formName}`;
+    this.popupContainerCssSelector = `.popup.form-edit-${this.formName}`;
+  }
+  async getButtonCssSelector(buttonId) {
+    if (await this.isModal()) {
+      return `${this.popupContainerCssSelector} ${buttonId}`;
+    }
+    return buttonId;
   }
   /**
    * Находит поле формы редактирования по имени
@@ -32,7 +38,8 @@ var FormEdit = class extends Form {
    * await formEdit.isSaveButtonDisabled();
    */
   async isSaveButtonDisabled() {
-    const saveButton = await this.driver.findElement(this.saveButtonBy);
+    const saveButtonCssSelector = await this.getButtonCssSelector(this.saveButtonId);
+    const saveButton = await this.driver.findElement(By.css(saveButtonCssSelector));
     const result = await saveButton.getAttribute("aria-disabled");
     return result === "true";
   }
@@ -44,7 +51,8 @@ var FormEdit = class extends Form {
    * await formEdit.saveButtonClick();
    */
   async saveButtonClick() {
-    const saveButton = await this.driver.findElement(this.saveButtonBy);
+    const saveButtonCssSelector = await this.getButtonCssSelector(this.saveButtonId);
+    const saveButton = await this.driver.findElement(By.css(saveButtonCssSelector));
     await wait(async () => !await this.isSaveButtonDisabled(), this.driver, "Button is disabled");
     await click(saveButton, this.driver);
   }
@@ -56,7 +64,8 @@ var FormEdit = class extends Form {
    * await formEdit.closeButtonClick();
    */
   async closeButtonClick() {
-    const closeButton = await this.driver.findElement(this.closeButtonBy);
+    const closeButtonCssSelector = await this.getButtonCssSelector(this.closeButtonId);
+    const closeButton = await this.driver.findElement(By.css(closeButtonCssSelector));
     await click(closeButton, this.driver);
   }
 };