d5-testing-library 1.5.0 → 1.7.0-alpha.0

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

@@ -120,10 +120,29 @@ declare function signIn(driver?: WebDriver): Promise<WebDriver>;
  */
 declare const click: (webElement: WebElement, driver?: WebDriver) => Promise<void>;
 
-declare class SubsystemsPanel extends AbstractElement {
-    private header;
-    constructor(driver?: WebDriver);
-    headerTitle(): Promise<string>;
+interface Editor {
+    setValue(value: any): Promise<void>;
+    getValue(): Promise<any>;
+    remove?(itemText: string): Promise<void>;
+    clear?(): Promise<void>;
+    isReadonly?(): Promise<boolean>;
+}
+declare enum ControlClass {
+    Text = "text-control",
+    TextArea = "text-area-control",
+    Number = "number-control",
+    CheckBox = "check-box",
+    Multiselect = "multi-select-control",
+    Select = "select-control",
+    Switch = "switch-control",
+    Date = "date-control",
+    SingleDateRange = "single-date-range-control",
+    BooleanSelector = "buttons-group",
+    ButtonGroup = "button-group-field"
+}
+
+interface ClearStrategy {
+    clear(editor: Editor): Promise<void>;
 }
 
 declare abstract class AbstractElementWithParent extends AbstractElement {
@@ -133,6 +152,92 @@ declare abstract class AbstractElementWithParent extends AbstractElement {
     isReadonly(): Promise<boolean>;
 }
 
+declare abstract class AbstractDXEditorWithInput extends AbstractElementWithParent implements Editor {
+    private clearStrategy;
+    protected setClearStrategy(strategy: ClearStrategy): void;
+    protected getInputCssSelector(): string;
+    getInputElement(): Promise<selenium_webdriver.WebElement>;
+    protected getInputValue(): Promise<string>;
+    protected setInputValue(value: string): Promise<void>;
+    clear(): Promise<void>;
+    abstract setValue(value: any): Promise<void>;
+    abstract getValue(): Promise<any>;
+}
+
+declare class TextEditor extends AbstractDXEditorWithInput {
+    constructor(parentCssSelector: string, elementCssSelector: string, driver?: WebDriver);
+    getValue(): Promise<string>;
+    setValue(value: string): Promise<void>;
+}
+
+declare class NumberEditor extends AbstractDXEditorWithInput {
+    constructor(parentCssSelector: string, elementCssSelector: string, driver?: WebDriver);
+    getValue(): Promise<number | null>;
+    setValue(value: any): Promise<void>;
+}
+
+declare const editorFactory: (parentCssSelector: string, elementCssSelector: string, driver: WebDriver) => Promise<Editor>;
+
+interface ISubsystemItem {
+    driver?: WebDriver;
+    bySelector: By;
+}
+declare class SubsystemItem {
+    private readonly bySelector;
+    private readonly driver;
+    constructor({ driver, bySelector }: ISubsystemItem);
+    getElement(): Promise<selenium_webdriver.WebElement>;
+    getTitle(): Promise<string>;
+    click(): Promise<void>;
+}
+
+declare class SubsystemsPanel extends AbstractElement {
+    private header;
+    constructor(driver?: WebDriver);
+    headerTitle(): Promise<string>;
+    protected getSearchComponent(): TextEditor;
+    /**
+     * Находит сабсистему по заголовку
+     * @example
+     * const subsystemsPanel= new SubsystemsPanel();
+     * //...
+     * await subsystemsPanel.search('SubSystemTitle');
+     */
+    search(title: string): Promise<void>;
+    /**
+     * Очищает поиск сабсистем
+     * @example
+     * const subsystemsPanel= new SubsystemsPanel();
+     * //...
+     * await subsystemsPanel.searchClear();
+     */
+    searchClear(): Promise<void>;
+    /**
+     * Возвращает сабсистему по имени
+     * @example
+     * const subsystemsPanel= new SubsystemsPanel();
+     * //...
+     * const subsystem = subsystemsPanel.item('SubSystemName');
+     */
+    item(name: string): SubsystemItem;
+    /**
+     * Возвращает сабсистему по заголовку
+     * @example
+     * const subsystemsPanel= new SubsystemsPanel();
+     * //...
+     * const subsystem = subsystemsPanel.itemByTitle('SubSystemTitle');
+     */
+    itemByTitle(title: string): SubsystemItem;
+    /**
+     * Возвращается на уровень выше по сабсистемам
+     * @example
+     * const subsystemsPanel= new SubsystemsPanel();
+     * //...
+     * wait subsystemsPanel.back();
+     */
+    back(): Promise<void>;
+}
+
 interface Button {
     click(): Promise<void>;
     isDisabled(): Promise<boolean>;
@@ -154,15 +259,18 @@ declare class FormButton extends DXButton {
     protected buttonNotDisplayedError(): string;
 }
 
-interface Group {
+interface Group<TItem = unknown> {
     isDisplayed(): Promise<boolean>;
-    tabClick(name: string): Promise<void>;
+    click?(): Promise<void>;
+    itemClick?(name: string): Promise<void>;
+    item?(name: string): TItem;
+    accordionClick?(): Promise<void>;
 }
 
 declare class FormGroup extends AbstractElementWithParent implements Group {
-    editor: Group;
+    private groupInstance;
     constructor(parentCssSelector: string, formName: string, name: string, driver?: WebDriver);
-    private initEditor;
+    private initInstance;
     /**
      * Возвращает булевое значение доступна ли группа
      * @example
@@ -170,11 +278,25 @@ declare class FormGroup extends AbstractElementWithParent implements Group {
      */
     isDisplayed(): Promise<boolean>;
     /**
-     * Происходит клик по табе
+     * Клик по элементам группы.
+     * Метод работает если у группы есть дочерние элементы, например элементы аккордеона или вкладки таб панели.
      * @example
-     * expect(await tableList.group('TabPanel').tabClick(tabName);
+     * expect(await tableList.group('TabPanel').itemClick('Tab');
+     * expect(await tableList.group('Accordion').itemClick('AccordionItem');
      */
-    tabClick(name: string): Promise<void>;
+    itemClick(name: string): Promise<void>;
+    /**
+     * Метод работает если группа - это элемент аккордеона или вкладка таб панели
+     * @example
+     * expect(await tableList.group('Tab').click();
+     * expect(await tableList.group('AccordionItem').click();
+     */
+    click(): Promise<void>;
+    collapse(): Promise<void>;
+    expand(): Promise<void>;
+    isExpanded(): Promise<boolean>;
+    isCollapsed(): Promise<boolean>;
+    isActive(): Promise<boolean>;
 }
 
 declare class AbstractForm extends AbstractPage {
@@ -228,57 +350,6 @@ declare abstract class Form extends AbstractForm {
     subForm(name: string): Promise<unknown>;
 }
 
-interface Editor {
-    setValue(value: any): Promise<void>;
-    getValue(): Promise<any>;
-    remove?(itemText: string): Promise<void>;
-    clear?(): Promise<void>;
-    isReadonly?(): Promise<boolean>;
-}
-declare enum ControlClass {
-    Text = "text-control",
-    TextArea = "text-area-control",
-    Number = "number-control",
-    CheckBox = "check-box",
-    Multiselect = "multi-select-control",
-    Select = "select-control",
-    Switch = "switch-control",
-    Date = "date-control",
-    SingleDateRange = "single-date-range-control",
-    BooleanSelector = "buttons-group",
-    ButtonGroup = "button-group-field"
-}
-
-interface ClearStrategy {
-    clear(editor: Editor): Promise<void>;
-}
-
-declare abstract class AbstractDXEditorWithInput extends AbstractElementWithParent implements Editor {
-    private clearStrategy;
-    protected setClearStrategy(strategy: ClearStrategy): void;
-    protected getInputCssSelector(): string;
-    getInputElement(): Promise<selenium_webdriver.WebElement>;
-    protected getInputValue(): Promise<string>;
-    protected setInputValue(value: string): Promise<void>;
-    clear(): Promise<void>;
-    abstract setValue(value: any): Promise<void>;
-    abstract getValue(): Promise<any>;
-}
-
-declare class TextEditor extends AbstractDXEditorWithInput {
-    constructor(parentCssSelector: string, elementCssSelector: string, driver?: WebDriver);
-    getValue(): Promise<string>;
-    setValue(value: string): Promise<void>;
-}
-
-declare class NumberEditor extends AbstractDXEditorWithInput {
-    constructor(parentCssSelector: string, elementCssSelector: string, driver?: WebDriver);
-    getValue(): Promise<number | null>;
-    setValue(value: any): Promise<void>;
-}
-
-declare const editorFactory: (parentCssSelector: string, elementCssSelector: string, driver: WebDriver) => Promise<Editor>;
-
 declare class AbstractEditor extends AbstractElementWithParent implements Editor {
     protected editor: Editor;
     constructor(parentCssSelector: string, elementCssSelector: string, driver?: WebDriver);
@@ -527,7 +598,7 @@ declare class PanelFilterField extends AbstractEditor {
 }
 
 declare class FilterPanel extends AbstractElement {
-    private _formName;
+    private readonly _formName;
     private get filterPanelSelector();
     private filterPanelButtons;
     constructor(formName: string, driver?: WebDriver);
@@ -544,6 +615,52 @@ declare class FilterPanel extends AbstractElement {
     close(): Promise<void>;
 }
 
+declare class HeaderFilterField extends AbstractEditor {
+    constructor(parentCssSelector: string, formName: string, name: string, driver?: WebDriver);
+    getValue(): Promise<any>;
+    setValue(value: any): Promise<void>;
+    clear(): Promise<void>;
+    remove(itemText: string): Promise<void>;
+}
+
+declare class ColumnFilter extends AbstractElement {
+    private readonly _formName;
+    private readonly _name;
+    private _column;
+    constructor(formName: string, name: string, column: Column, driver?: WebDriver);
+    private getApplyButton;
+    private getCancelButton;
+    protected apply(): Promise<void>;
+    protected cancel(): Promise<void>;
+    protected initFilter(): Promise<HeaderFilterField>;
+    /**
+     * Возвращает значение в поле
+     * @example
+     * expect(await form.columnFilter('NumberFld').getValue()).toBe(10);
+     * expect(await form.columnFilter('TextFld').getValue()).toBe('TestValue');
+     */
+    getValue(): Promise<any>;
+    /**
+     * Устанавливает значение в поле
+     * @example
+     * await form.columnFilter('NumberFld').setValue(123);
+     * await form.columnFilter('TextFld').setValue('TestValue');
+     */
+    setValue(value: any): Promise<void>;
+    /**
+     * Очищает значение в поле
+     * @example
+     * await form.columnFilter('NumberFld').clear();
+     */
+    clear(): Promise<void>;
+    /**
+     * Удаляет тег по переданному тексту
+     * @example
+     * await form.columnFilter('TagBox').remove('test');
+     */
+    remove(itemText: string): Promise<void>;
+}
+
 declare class ListForm extends Form {
     protected headerCssSelector: string;
     constructor(driver: WebDriver);
@@ -571,6 +688,7 @@ declare class ListForm extends Form {
      * expect(listForm.formFilter());
      */
     formFilter(name: string): FormFilterField;
+    columnFilter(name: string): ColumnFilter;
     /**
      * Модель панели фильтрации
      * @returns {FilterPanel}
@@ -586,6 +704,18 @@ declare class TreeView extends ListForm {
     constructor(driver: WebDriver);
 }
 
+declare class ReportForm extends FormEdit {
+    constructor(driver: WebDriver);
+    /**
+     * Знаходить поле/фільтр у формі репорту за ім'ям
+     * @example
+     * const formReport = new MyForm();
+     * //...
+     * expect(await formReport.filterField('Name').getValue()).toBe('test value');
+     */
+    filterField(name: string): FormField;
+}
+
 declare class DialogButton extends AbstractButton implements Button {
     private readonly text;
     constructor(parentCssSelector: string, text: string, driver?: WebDriver);
@@ -602,4 +732,4 @@ declare class Dialog extends AbstractElement {
     button(text: string): DialogButton;
 }
 
-export { AbstractPage, ControlClass, Dialog, Editor, FilterPanel, FormEdit, FormField, FormFilterField, ListForm, LoginPage, NumberEditor, PanelFilterField, SubsystemsPanel, TextEditor, TreeView, byTestId, byTestIdCssSelector, click, config, createDriver, editorFactory, elementIsNotPresent, readonlyLocator, signIn, wait, waitElementIsVisible };
+export { AbstractPage, ControlClass, Dialog, Editor, FilterPanel, FormEdit, FormField, FormFilterField, ListForm, LoginPage, NumberEditor, PanelFilterField, ReportForm, SubsystemsPanel, TextEditor, TreeView, byTestId, byTestIdCssSelector, click, config, createDriver, editorFactory, elementIsNotPresent, readonlyLocator, signIn, wait, waitElementIsVisible };

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

@@ -1,21 +1,22 @@
 import {
   TreeView
-} from "./chunk-44JIUIEW.mjs";
+} from "./chunk-M7ZEJQ34.mjs";
 import {
   FilterPanel,
   FormFilterField,
   ListForm,
   PanelFilterField
-} from "./chunk-NWWYF43G.mjs";
+} from "./chunk-PVVYHCDQ.mjs";
 import {
   FormEdit
-} from "./chunk-FP26UOTI.mjs";
+} from "./chunk-H6LCUGIP.mjs";
 import {
   AbstractButton,
   AbstractElement,
   AbstractElementWithParent,
   AbstractPage,
   ControlClass,
+  DX_CLEAR_BUTTON_AREA,
   FormField,
   NumberEditor,
   TextEditor,
@@ -23,11 +24,13 @@ import {
   byTestIdCssSelector,
   click,
   config,
+  createSubSystemTestId,
   editorFactory,
+  fixElementStaleError,
   readonlyLocator,
   wait,
   waitElementIsVisible
-} from "./chunk-VWNH6HVN.mjs";
+} from "./chunk-ISIVPVER.mjs";
 
 // src/pageObjects/pages/LoginPage.ts
 var LOGIN_PATH = "/login";
@@ -103,6 +106,36 @@ var SubsystemsPanelHeader = class extends AbstractElementWithParent {
 };
 
 // src/pageObjects/elements/SubsystemsPanel/SubsystemsPanel.ts
+import { By as By3 } from "selenium-webdriver";
+
+// src/pageObjects/elements/SubsystemsPanel/SubsystemItem.ts
+var SubsystemItem = class {
+  bySelector;
+  driver;
+  constructor({ driver, bySelector }) {
+    this.bySelector = bySelector;
+    this.driver = driver;
+  }
+  async getElement() {
+    return fixElementStaleError(this.bySelector, this.driver);
+  }
+  async getTitle() {
+    const el = await this.getElement();
+    return await el.getAttribute("data-title");
+  }
+  async click() {
+    const el = await this.getElement();
+    await click(el, this.driver);
+  }
+};
+
+// src/pageObjects/elements/SubsystemsPanel/SubsystemsPanel.ts
+var SEARCH_ITEM_SELECTOR = "search-item";
+var BACK_BUTTON_SELECTOR = "subsystem-back-item";
+var SEARCH_INPUT_SELECTOR = "search-subsystem-input";
+var byTitleCssSelector = (title) => {
+  return `span[data-title="${title}"]`;
+};
 var SubsystemsPanel = class extends AbstractElement {
   header;
   constructor(driver) {
@@ -114,10 +147,105 @@ var SubsystemsPanel = class extends AbstractElement {
     await wait(async () => await title.getText() != "", this.driver);
     return title.getText();
   }
+  getSearchComponent() {
+    return new TextEditor("#aside", byTestIdCssSelector(SEARCH_INPUT_SELECTOR));
+  }
+  /**
+   * Находит сабсистему по заголовку
+   * @example
+   * const subsystemsPanel= new SubsystemsPanel();
+   * //...
+   * await subsystemsPanel.search('SubSystemTitle');
+   */
+  async search(title) {
+    const searchComponent = this.getSearchComponent();
+    await searchComponent.setValue(title);
+    await wait(
+      async () => {
+        const findElement = await this.itemByTitle(title).getElement();
+        const classes = await findElement.getAttribute("class");
+        return classes.includes(SEARCH_ITEM_SELECTOR);
+      },
+      this.driver,
+      `Cannot find element: ${title}`
+    );
+  }
+  /**
+   * Очищает поиск сабсистем
+   * @example
+   * const subsystemsPanel= new SubsystemsPanel();
+   * //...
+   * await subsystemsPanel.searchClear();
+   */
+  async searchClear() {
+    const clearBtnSelector = `#aside ${byTestIdCssSelector(SEARCH_INPUT_SELECTOR)} .${DX_CLEAR_BUTTON_AREA}`;
+    const clearBtn = await this.driver.findElement(By3.css(clearBtnSelector));
+    if (await clearBtn.isDisplayed()) {
+      await click(clearBtn, this.driver);
+    }
+  }
+  /**
+   * Возвращает сабсистему по имени
+   * @example
+   * const subsystemsPanel= new SubsystemsPanel();
+   * //...
+   * const subsystem = subsystemsPanel.item('SubSystemName');
+   */
+  item(name) {
+    const elementCSS = createSubSystemTestId(name);
+    return new SubsystemItem({ driver: this.driver, bySelector: By3.css(`${byTestIdCssSelector(elementCSS, "span")}`) });
+  }
+  /**
+   * Возвращает сабсистему по заголовку
+   * @example
+   * const subsystemsPanel= new SubsystemsPanel();
+   * //...
+   * const subsystem = subsystemsPanel.itemByTitle('SubSystemTitle');
+   */
+  itemByTitle(title) {
+    return new SubsystemItem({ driver: this.driver, bySelector: By3.css(byTitleCssSelector(title)) });
+  }
+  /**
+   * Возвращается на уровень выше по сабсистемам
+   * @example
+   * const subsystemsPanel= new SubsystemsPanel();
+   * //...
+   * wait subsystemsPanel.back();
+   */
+  async back() {
+    const backButton = this.driver.findElement(By3.css(`#aside .${BACK_BUTTON_SELECTOR}`));
+    await waitElementIsVisible(
+      {
+        element: backButton,
+        driver: this.driver
+      }
+    );
+    await click(backButton, this.driver);
+  }
+};
+
+// src/pageObjects/elements/Forms/ReportForm.ts
+import { By as By4 } from "selenium-webdriver";
+var ReportForm = class extends FormEdit {
+  constructor(driver) {
+    super(driver);
+    this.popupContainerCssSelector = `.popup .form-report-${this.formName}`;
+    this.saveButtonBy = By4.id("button-apply");
+  }
+  /**
+   * Знаходить поле/фільтр у формі репорту за ім'ям
+   * @example
+   * const formReport = new MyForm();
+   * //...
+   * expect(await formReport.filterField('Name').getValue()).toBe('test value');
+   */
+  filterField(name) {
+    return super.field(name);
+  }
 };
 
 // src/pageObjects/elements/Dialog.ts
-import { By as By3 } from "selenium-webdriver";
+import { By as By5 } from "selenium-webdriver";
 var DIALOG_CLASS = ".d5-dialog";
 var DIALOG_TITLE_CLASS = ".dialog__title";
 var DIALOG_TEXT_CLASS = ".dialog__text";
@@ -131,7 +259,7 @@ var DialogButton = class extends AbstractButton {
   }
   async getElement() {
     const panel = await super.getElement();
-    return panel.findElement(By3.xpath(buttonByTextXpath(this.text)));
+    return panel.findElement(By5.xpath(buttonByTextXpath(this.text)));
   }
   buttonNotDisplayedError() {
     return `Dialog button ${this.text} cannot be clicked. It is not displayed or it is disabled`;
@@ -151,11 +279,11 @@ var Dialog = class extends AbstractElement {
     return this.joinRelativeCssSelectors([DIALOG_CLASS, DIALOG_BUTTONS_PANEL_CLASS]);
   }
   async title() {
-    const el = await this.driver.findElement(By3.css(this.titleSelector));
+    const el = await this.driver.findElement(By5.css(this.titleSelector));
     return await el.getText();
   }
   async text() {
-    const el = await this.driver.findElement(By3.css(this.textSelector));
+    const el = await this.driver.findElement(By5.css(this.textSelector));
     return await el.getText();
   }
   button(text) {
@@ -174,6 +302,7 @@ export {
   LoginPage,
   NumberEditor,
   PanelFilterField,
+  ReportForm,
   SubsystemsPanel,
   TextEditor,
   TreeView,