@amanat-qa/ui-core 1.0.5 → 1.0.6

package/dist/baseForm.js

@@ -0,0 +1,54 @@
+"use strict";
+
+function _classPrivateFieldLooseBase(e, t) { if (!{}.hasOwnProperty.call(e, t)) throw new TypeError("attempted to use private field on non-instance"); return e; }
+var id = 0;
+function _classPrivateFieldLooseKey(e) { return "__private_" + id++ + "_" + e; }
+require('cypress-xpath');
+const XPATH = require('./locators/baseLocatorChildren/XPATH');
+var _pageName = /*#__PURE__*/_classPrivateFieldLooseKey("pageName");
+var _pageLocator = /*#__PURE__*/_classPrivateFieldLooseKey("pageLocator");
+class BaseForm {
+  constructor(pageLocator, pageName) {
+    Object.defineProperty(this, _pageName, {
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, _pageLocator, {
+      writable: true,
+      value: void 0
+    });
+    _classPrivateFieldLooseBase(this, _pageLocator)[_pageLocator] = pageLocator;
+    _classPrivateFieldLooseBase(this, _pageName)[_pageName] = pageName;
+  }
+  getUniqueElement() {
+    return _classPrivateFieldLooseBase(this, _pageLocator)[_pageLocator] instanceof XPATH ? cy.xpath(_classPrivateFieldLooseBase(this, _pageLocator)[_pageLocator].value).first() : cy.get(_classPrivateFieldLooseBase(this, _pageLocator)[_pageLocator].value).first();
+  }
+  pageIsVisible() {
+    return this.getUniqueElement().isVisible();
+  }
+  waitPageIsExisting() {
+    return cy.waitIsExisting(_classPrivateFieldLooseBase(this, _pageLocator)[_pageLocator].value);
+  }
+  pageIsDisplayed() {
+    cy.logger(`[inf] ▶ check ${_classPrivateFieldLooseBase(this, _pageName)[_pageName]} is displayed:`);
+    return this.waitPageIsExisting().then(isExisting => {
+      const notDisplayedLog = `[inf]   ${_classPrivateFieldLooseBase(this, _pageName)[_pageName]} is not displayed`;
+      if (isExisting) {
+        return this.pageIsVisible().then(isVisible => {
+          cy.logger(isVisible ? `[inf]   ${_classPrivateFieldLooseBase(this, _pageName)[_pageName]} is displayed` : notDisplayedLog);
+          return cy.wrap(isVisible);
+        });
+      }
+      cy.logger(notDisplayedLog);
+      return cy.wrap(isExisting);
+    });
+  }
+  pageIsEnabled() {
+    cy.logger(`[inf] ▶ check ${_classPrivateFieldLooseBase(this, _pageName)[_pageName]} is enabled:`);
+    return this.getUniqueElement().waitIsEnabled().then(isEnabled => {
+      cy.logger(isEnabled ? `[inf]   ${_classPrivateFieldLooseBase(this, _pageName)[_pageName]} is enabled` : `[inf]   ${_classPrivateFieldLooseBase(this, _pageName)[_pageName]} is not enabled`);
+      return cy.wrap(isEnabled);
+    });
+  }
+}
+module.exports = BaseForm;

package/dist/elements/baseElement.js

@@ -0,0 +1,328 @@
+"use strict";
+
+function _classPrivateFieldLooseBase(e, t) { if (!{}.hasOwnProperty.call(e, t)) throw new TypeError("attempted to use private field on non-instance"); return e; }
+var id = 0;
+function _classPrivateFieldLooseKey(e) { return "__private_" + id++ + "_" + e; }
+require('cypress-xpath');
+const Randomizer = require('@amanat-qa/utils-frontend/randomizer');
+const XPATH = require('../locators/baseLocatorChildren/XPATH');
+var _elementName = /*#__PURE__*/_classPrivateFieldLooseKey("elementName");
+var _elementLocator = /*#__PURE__*/_classPrivateFieldLooseKey("elementLocator");
+class BaseElement {
+  constructor(elementLocator, elementName) {
+    Object.defineProperty(this, _elementName, {
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, _elementLocator, {
+      writable: true,
+      value: void 0
+    });
+    _classPrivateFieldLooseBase(this, _elementLocator)[_elementLocator] = elementLocator;
+    _classPrivateFieldLooseBase(this, _elementName)[_elementName] = elementName;
+  }
+  getElement(locator) {
+    let elementLocator = locator;
+    if (!elementLocator) elementLocator = _classPrivateFieldLooseBase(this, _elementLocator)[_elementLocator];
+    return elementLocator instanceof XPATH ? cy.xpath(elementLocator.value).first() : cy.get(elementLocator.value).first();
+  }
+  getElements() {
+    return _classPrivateFieldLooseBase(this, _elementLocator)[_elementLocator] instanceof XPATH ? cy.xpath(_classPrivateFieldLooseBase(this, _elementLocator)[_elementLocator].value) : cy.get(_classPrivateFieldLooseBase(this, _elementLocator)[_elementLocator].value);
+  }
+  clickElement() {
+    cy.logger(`[inf] ▶ click ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    return this.getElement().click();
+  }
+  focusOnElement() {
+    cy.logger(`[inf] ▶ focus on ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    return this.getElement().focus();
+  }
+  forceClickElement() {
+    cy.logger(`[inf] ▶ force click ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    return this.getElement().click({
+      force: true
+    });
+  }
+  doubleClickElement() {
+    cy.logger(`[inf] ▶ double click ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    this.getElement().dblclick();
+  }
+  multipleClickElement(count) {
+    cy.logger(`[inf] ▶ click ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} ${count} times`);
+    this.getElement().clicks(count);
+  }
+  clickElementFromList(index) {
+    cy.logger(`[inf] ▶ click element from ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    this.getElements()[index].click();
+  }
+  getText() {
+    cy.logger(`[inf] ▶ get ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} text:`);
+    this.getElement().then($el => cy.logger(`[inf]   text contains: "${$el.text()}"`));
+    return this.getElement().then($el => $el.text());
+  }
+  getValue() {
+    cy.logger(`[inf] ▶ get ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} value:`);
+    this.getElement().then($el => cy.logger(`[inf]   value is: "${$el.val()}"`));
+    return this.getElement().then($el => $el.val());
+  }
+  getElementsListText({
+    propertyName
+  }) {
+    return this.getElements().then($el => Cypress._.map($el, propertyName));
+  }
+  getAttributeValue({
+    attrName
+  }) {
+    cy.logger(`[inf] ▶ get ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} attribute "${attrName}" value:`);
+    return this.getElement().invoke('attr', attrName).then(value => {
+      cy.logger(`[inf]   attribute value contains: "${value}"`);
+      return cy.wrap(value);
+    });
+  }
+  scrollElementToView() {
+    cy.logger(`[inf] ▶ scroll to ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    this.getElement().scrollIntoView({
+      offset: {
+        top: -150,
+        left: 0
+      }
+    });
+  }
+  clearData() {
+    cy.logger(`[inf] ▶ clear ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    this.getElement().clear();
+  }
+  inputData(data, options = {
+    useCypressRealEvents: false
+  }) {
+    cy.logger(`[inf] ▶ input ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    if (options.useCypressRealEvents) {
+      this.getElement().click();
+      cy.realType(data);
+    } else {
+      this.getElement().type(data);
+    }
+  }
+  forceInputData(data) {
+    cy.logger(`[inf] ▶ force input ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    this.getElement().type(data, {
+      force: true
+    });
+  }
+  fillInputField(data) {
+    cy.logger(`[inf] ▶ fill input data into ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    this.getElement().fill(data, {
+      overwrite: false,
+      prepend: true
+    });
+  }
+  enterData(data) {
+    cy.logger(`[inf] ▶ input ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} and submit`);
+    this.getElement().type(`${data}{enter}`);
+  }
+  uploadFile(path) {
+    cy.logger(`[inf] ▶ upload file with ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    this.getElement().selectFile(path, {
+      force: true
+    });
+  }
+  elementIsVisible() {
+    return this.getElement().isVisible();
+  }
+  elementIsExisting() {
+    return cy.isExisting(_classPrivateFieldLooseBase(this, _elementLocator)[_elementLocator].value);
+  }
+  waitElementIsExisting() {
+    return cy.waitIsExisting(_classPrivateFieldLooseBase(this, _elementLocator)[_elementLocator].value);
+  }
+  waitElementIsNotExisting() {
+    return cy.waitIsNotExisting(_classPrivateFieldLooseBase(this, _elementLocator)[_elementLocator].value);
+  }
+  elementIsDisplayed() {
+    cy.logger(`[inf] ▶ check ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is displayed:`);
+    return this.elementIsExisting().then(isExisting => {
+      const notDisplayedLog = `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is not displayed`;
+      if (isExisting) {
+        return this.elementIsVisible().then(isVisible => {
+          cy.logger(isVisible ? `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is displayed` : notDisplayedLog);
+          return cy.wrap(isVisible);
+        });
+      }
+      cy.logger(notDisplayedLog);
+      return cy.wrap(isExisting);
+    });
+  }
+  waitElementIsDisplayed() {
+    cy.logger(`[inf] ▶ wait ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is displayed:`);
+    return this.waitElementIsExisting().then(isExisting => {
+      const notDisplayedLog = `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is not displayed`;
+      if (isExisting) {
+        return this.elementIsVisible().then(isVisible => {
+          cy.logger(isVisible ? `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is displayed` : notDisplayedLog);
+          return cy.wrap(isVisible);
+        });
+      }
+      cy.logger(notDisplayedLog);
+      return cy.wrap(isExisting);
+    });
+  }
+  waitElementIsNotDisplayed() {
+    cy.logger(`[inf] ▶ wait ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is not displayed:`);
+    return this.waitElementIsNotExisting().then(isExisting => {
+      const displayedLog = `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is displayed`;
+      if (!isExisting) {
+        return this.elementIsVisible().then(isVisible => {
+          cy.logger(!isVisible ? `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is not displayed` : displayedLog);
+          return cy.wrap(isVisible);
+        });
+      }
+      cy.logger(displayedLog);
+      return cy.wrap(isExisting);
+    });
+  }
+  elementIsEnabled() {
+    cy.logger(`[inf] ▶ check ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is enabled:`);
+    return this.getElement().isEnabled().then(isEnabled => {
+      cy.logger(isEnabled ? `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is enabled` : `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is not enabled`);
+      return cy.wrap(isEnabled);
+    });
+  }
+  waitElementIsEnabled() {
+    cy.logger(`[inf] ▶ wait ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is enabled:`);
+    return this.getElement().waitIsEnabled().then(isEnabled => {
+      cy.logger(isEnabled ? `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is enabled` : `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is not enabled`);
+      return cy.wrap(isEnabled);
+    });
+  }
+  waitElementIsNotEnabled() {
+    cy.logger(`[inf] ▶ wait ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is not enabled:`);
+    return this.getElement().waitIsNotEnabled().then(isEnabled => {
+      cy.logger(!isEnabled ? `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is not enabled` : `[inf]   ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]} is enabled`);
+      return cy.wrap(isEnabled);
+    });
+  }
+
+  /**
+   * requires one mandatory argument: dropdownElement.
+   * options contain optional parameters:
+   * list of values to choose from,
+   * count of elements to choose,
+   * boolean toggler for typing and pressing Enter key
+   * and exceptions elements sequence:
+   * @param {BaseElement} dropdownElement
+   * @param {Object} options
+   * @param {Promise} options.valuesListPromise
+   * @param {int} options.count
+   * @param {boolean} options.typeAndEnter
+   * @param {BaseElement[]} options.exceptionElementsList
+   */
+  chooseRandomElementsFromDropdownByText(dropdownElement, options = {}) {
+    let valuesListPromise = options.valuesListPromise ?? null;
+    const count = options.count ?? 1;
+    const typeAndEnter = options.typeAndEnter ?? false;
+    const exceptionElementsList = options.exceptionElementsList ?? [];
+    this.getElement(_classPrivateFieldLooseBase(this, _elementLocator)[_elementLocator]).click();
+    const exceptionsTextList = [];
+    if (exceptionElementsList.length !== 0) {
+      exceptionElementsList.forEach(element => this.getElement(_classPrivateFieldLooseBase(element, _elementLocator)[_elementLocator]).then($el => exceptionsTextList.push($el.text())));
+    }
+    if (!valuesListPromise) {
+      valuesListPromise = dropdownElement.getElementsListText({
+        propertyName: 'innerText'
+      });
+    }
+    valuesListPromise.then(elementsTextList => {
+      for (let counter = 0; counter < count; counter += 1) {
+        cy.logger(`[inf] ▶ click ${_classPrivateFieldLooseBase(dropdownElement, _elementName)[_elementName]}`);
+        cy.logger(`[inf] ▶ get random element from ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+        const randomElementText = Randomizer.getRandomElementByText(elementsTextList, exceptionsTextList);
+        exceptionsTextList.push(randomElementText);
+        dropdownElement.chooseElementFromDropdown(randomElementText, typeAndEnter);
+      }
+    });
+  }
+
+  // requires two mandatory arguments:
+  // inputElementType - is type of clickable element (checkbox/radio),
+  // parentOfLabelTag - is a tagname of an element on the upper node that nesting input`s label text
+  clickRandomRadiobuttonsOrCheckboxesByText({
+    inputElementType,
+    parentOfLabelTag,
+    randomCount = true
+  }, ...exceptionsElements) {
+    this.getElementsListText({
+      propertyName: 'innerText'
+    }).then(elementsTextList => {
+      let count = elementsTextList.length;
+      if (randomCount) count = Randomizer.getRandomInteger(elementsTextList.length, 1);
+      const exceptionsTextList = [];
+      if (exceptionsElements.length !== 0) {
+        exceptionsElements.forEach(element => this.getElement(_classPrivateFieldLooseBase(element, _elementLocator)[_elementLocator]).then($el => exceptionsTextList.push($el.text())));
+      }
+      for (let counter = 0; counter < count; counter += 1) {
+        cy.logger(`[inf] ▶ get random element from ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+        const randomElementText = Randomizer.getRandomElementByText(elementsTextList, exceptionsTextList);
+        exceptionsTextList.push(randomElementText);
+        cy.logger(`[inf] ▶ click ${randomElementText}`);
+        cy.contains(parentOfLabelTag, randomElementText).find(`input[type=${inputElementType}]`).click({
+          force: true
+        });
+      }
+    });
+  }
+  openCalendarAndFlipMonths(rightArrowElement, monthIncrement) {
+    cy.logger(`[inf] ▶ click ${_classPrivateFieldLooseBase(this, _elementName)[_elementName]}`);
+    this.getElement().clicks(4);
+    for (let i = 0; i < monthIncrement; i += 1) {
+      cy.logger(`[inf] ▶ click ${_classPrivateFieldLooseBase(rightArrowElement, _elementName)[_elementName]}`);
+      this.getElement(_classPrivateFieldLooseBase(rightArrowElement, _elementLocator)[_elementLocator]).click({
+        force: true
+      });
+    }
+  }
+  clickArrowButtonRandomNumberOfTimes(direction, numberOfElements) {
+    this.elementIsVisible();
+    const directionLowerCase = direction.toLowerCase();
+    const numberOfClicksOnArrowButton = Randomizer.getRandomInteger(numberOfElements - 1);
+    cy.logger(`[inf] ▶ direction: ${directionLowerCase}, numberOfClicks: ${numberOfClicksOnArrowButton}`);
+    for (let i = numberOfClicksOnArrowButton; i > 0; i -= 1) {
+      cy.logger(`[inf] ▶ press ${directionLowerCase} arrow button`);
+      cy.realPress(`{${directionLowerCase}arrow}`);
+    }
+    cy.logger('[inf] ▶ press Enter button');
+    cy.realPress('Enter');
+  }
+  createListOfElements(dropdownElement) {
+    const elements = [];
+    this.getElement(_classPrivateFieldLooseBase(dropdownElement, _elementLocator)[_elementLocator]).click();
+    return this.getElement().then(element => {
+      elements.push(element.text());
+      return this.iterateOverList(elements);
+    });
+  }
+  iterateOverList(elements) {
+    this.getElement();
+    cy.realPress('{downarrow}');
+    return this.getElement().then(element => {
+      if (element.text() === elements[0]) {
+        cy.logger(`Number of countries is ${elements.length}`);
+        return cy.wrap(elements);
+      }
+      elements.push(element.text());
+      return this.iterateOverList(elements);
+    });
+  }
+  chooseElementFromDropdown(text, typeAndEnter) {
+    if (typeAndEnter) {
+      cy.logger(`[inf] ▶ type and enter ${text}`);
+      this.enterData(text);
+      cy.realPress('{esc}');
+    } else {
+      cy.logger(`[inf] ▶ click ${text}`);
+      this.getElements().contains(new RegExp(`${text}`)).click({
+        force: true
+      });
+    }
+  }
+}
+module.exports = BaseElement;

package/{src → dist}/elements/baseElementChildren/button.js

@@ -1,5 +1,5 @@
-const BaseElement = require('../baseElement');
+"use strict";
 
+const BaseElement = require('../baseElement');
 class Button extends BaseElement {}
-
-module.exports = Button;
+module.exports = Button;

package/dist/elements/baseElementChildren/checkbox.js

@@ -0,0 +1,11 @@
+"use strict";
+
+const BaseElement = require('../baseElement');
+class Checkbox extends BaseElement {
+  isChecked() {
+    return this.getAttributeValue({
+      attrName: 'checked'
+    }).then(value => JSON.parse(value));
+  }
+}
+module.exports = Checkbox;

package/{src → dist}/elements/baseElementChildren/label.js

@@ -1,5 +1,5 @@
-const BaseElement = require('../baseElement');
+"use strict";
 
+const BaseElement = require('../baseElement');
 class Label extends BaseElement {}
-
-module.exports = Label;
+module.exports = Label;

package/{src → dist}/elements/baseElementChildren/radioButton.js

@@ -1,5 +1,5 @@
-const BaseElement = require('../baseElement');
+"use strict";
 
+const BaseElement = require('../baseElement');
 class RadioButton extends BaseElement {}
-
-module.exports = RadioButton;
+module.exports = RadioButton;

package/dist/elements/baseElementChildren/switch.js

@@ -0,0 +1,11 @@
+"use strict";
+
+const BaseElement = require('../baseElement');
+class Switch extends BaseElement {
+  isChecked() {
+    return this.getAttributeValue({
+      attrName: 'aria-checked'
+    }).then(value => JSON.parse(value));
+  }
+}
+module.exports = Switch;

package/{src → dist}/elements/baseElementChildren/textbox.js

@@ -1,5 +1,5 @@
-const BaseElement = require('../baseElement');
+"use strict";
 
+const BaseElement = require('../baseElement');
 class Textbox extends BaseElement {}
-
-module.exports = Textbox;
+module.exports = Textbox;

package/{src → dist}/index.js

@@ -1,3 +1,5 @@
+"use strict";
+
 // Auto-generated file
 
 exports.BaseForm = require('./baseForm');
@@ -14,4 +16,4 @@ exports.CSS = require('./locators/baseLocatorChildren/CSS');
 exports.ID = require('./locators/baseLocatorChildren/ID');
 exports.TAG = require('./locators/baseLocatorChildren/TAG');
 exports.TEXT = require('./locators/baseLocatorChildren/TEXT');
-exports.XPATH = require('./locators/baseLocatorChildren/XPATH');
+exports.XPATH = require('./locators/baseLocatorChildren/XPATH');

package/dist/locators/baseLocator.js

@@ -0,0 +1,19 @@
+"use strict";
+
+function _classPrivateFieldLooseBase(e, t) { if (!{}.hasOwnProperty.call(e, t)) throw new TypeError("attempted to use private field on non-instance"); return e; }
+var id = 0;
+function _classPrivateFieldLooseKey(e) { return "__private_" + id++ + "_" + e; }
+var _value = /*#__PURE__*/_classPrivateFieldLooseKey("value");
+class BaseLocator {
+  constructor(value) {
+    Object.defineProperty(this, _value, {
+      writable: true,
+      value: void 0
+    });
+    _classPrivateFieldLooseBase(this, _value)[_value] = value;
+  }
+  get value() {
+    return _classPrivateFieldLooseBase(this, _value)[_value];
+  }
+}
+module.exports = BaseLocator;

package/{src → dist}/locators/baseLocatorChildren/ATTR.js

@@ -1,5 +1,5 @@
-const BaseLocator = require('../baseLocator');
+"use strict";
 
+const BaseLocator = require('../baseLocator');
 class ATTR extends BaseLocator {}
-
-module.exports = ATTR;
+module.exports = ATTR;

package/{src → dist}/locators/baseLocatorChildren/CSS.js

@@ -1,5 +1,5 @@
-const BaseLocator = require('../baseLocator');
+"use strict";
 
+const BaseLocator = require('../baseLocator');
 class CSS extends BaseLocator {}
-
-module.exports = CSS;
+module.exports = CSS;

package/{src → dist}/locators/baseLocatorChildren/ID.js

@@ -1,5 +1,5 @@
-const BaseLocator = require('../baseLocator');
+"use strict";
 
+const BaseLocator = require('../baseLocator');
 class ID extends BaseLocator {}
-
-module.exports = ID;
+module.exports = ID;

package/{src → dist}/locators/baseLocatorChildren/TAG.js

@@ -1,5 +1,5 @@
-const BaseLocator = require('../baseLocator');
+"use strict";
 
+const BaseLocator = require('../baseLocator');
 class TAG extends BaseLocator {}
-
-module.exports = TAG;
+module.exports = TAG;

package/{src → dist}/locators/baseLocatorChildren/TEXT.js

@@ -1,5 +1,5 @@
-const BaseLocator = require('../baseLocator');
+"use strict";
 
+const BaseLocator = require('../baseLocator');
 class TEXT extends BaseLocator {}
-
-module.exports = TEXT;
+module.exports = TEXT;

package/{src → dist}/locators/baseLocatorChildren/XPATH.js

@@ -1,5 +1,5 @@
-const BaseLocator = require('../baseLocator');
+"use strict";
 
+const BaseLocator = require('../baseLocator');
 class XPATH extends BaseLocator {}
-
-module.exports = XPATH;
+module.exports = XPATH;

package/package.json

@@ -1,36 +1,45 @@
 {
   "name": "@amanat-qa/ui-core",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "publishConfig": {
     "access": "public"
   },
   "type": "commonjs",
   "files": [
-    "src"
+    "dist"
   ],
   "keywords": [],
   "license": "MIT",
-  "main": "./src/index.js",
+  "main": "./dist/index.js",
   "exports": {
-    ".": "./src/index.js",
-    "./baseForm": "./src/baseForm.js",
-    "./baseElement": "./src/elements/baseElement.js",
-    "./button": "./src/elements/baseElementChildren/button.js",
-    "./checkbox": "./src/elements/baseElementChildren/checkbox.js",
-    "./label": "./src/elements/baseElementChildren/label.js",
-    "./radioButton": "./src/elements/baseElementChildren/radioButton.js",
-    "./switch": "./src/elements/baseElementChildren/switch.js",
-    "./textbox": "./src/elements/baseElementChildren/textbox.js",
-    "./baseLocator": "./src/locators/baseLocator.js",
-    "./ATTR": "./src/locators/baseLocatorChildren/ATTR.js",
-    "./CSS": "./src/locators/baseLocatorChildren/CSS.js",
-    "./ID": "./src/locators/baseLocatorChildren/ID.js",
-    "./TAG": "./src/locators/baseLocatorChildren/TAG.js",
-    "./TEXT": "./src/locators/baseLocatorChildren/TEXT.js",
-    "./XPATH": "./src/locators/baseLocatorChildren/XPATH.js"
+    ".": "./dist/index.js",
+    "./baseForm": "./dist/baseForm.js",
+    "./baseElement": "./dist/elements/baseElement.js",
+    "./button": "./dist/elements/baseElementChildren/button.js",
+    "./checkbox": "./dist/elements/baseElementChildren/checkbox.js",
+    "./label": "./dist/elements/baseElementChildren/label.js",
+    "./radioButton": "./dist/elements/baseElementChildren/radioButton.js",
+    "./switch": "./dist/elements/baseElementChildren/switch.js",
+    "./textbox": "./dist/elements/baseElementChildren/textbox.js",
+    "./baseLocator": "./dist/locators/baseLocator.js",
+    "./ATTR": "./dist/locators/baseLocatorChildren/ATTR.js",
+    "./CSS": "./dist/locators/baseLocatorChildren/CSS.js",
+    "./ID": "./dist/locators/baseLocatorChildren/ID.js",
+    "./TAG": "./dist/locators/baseLocatorChildren/TAG.js",
+    "./TEXT": "./dist/locators/baseLocatorChildren/TEXT.js",
+    "./XPATH": "./dist/locators/baseLocatorChildren/XPATH.js"
+  },
+  "scripts": {
+    "build": "babel src --out-dir dist --extensions .js",
+    "prepare": "npm run build"
   },
   "dependencies": {
-    "@amanat-qa/utils-frontend": "1.0.2",
+    "@amanat-qa/utils-frontend": "1.0.7",
     "cypress-xpath": "*"
+  },
+  "devDependencies": {
+    "@babel/plugin-transform-class-properties": "^7.27.1",
+    "@babel/plugin-transform-private-methods": "^7.27.1",
+    "@babel/plugin-transform-private-property-in-object": "^7.27.1"
   }
 }

package/src/baseForm.js

@@ -1,57 +0,0 @@
-require('cypress-xpath');
-const XPATH = require('./locators/baseLocatorChildren/XPATH');
-
-class BaseForm {
-  #pageName;
-
-  #pageLocator;
-
-  constructor(pageLocator, pageName) {
-    this.#pageLocator = pageLocator;
-    this.#pageName = pageName;
-  }
-
-  getUniqueElement() {
-    return this.#pageLocator instanceof XPATH
-      ? cy.xpath(this.#pageLocator.value).first()
-      : cy.get(this.#pageLocator.value).first();
-  }
-
-  pageIsVisible() {
-    return this.getUniqueElement().isVisible();
-  }
-
-  waitPageIsExisting() {
-    return cy.waitIsExisting(this.#pageLocator.value);
-  }
-
-  pageIsDisplayed() {
-    cy.logger(`[inf] ▶ check ${this.#pageName} is displayed:`);
-    return this.waitPageIsExisting().then((isExisting) => {
-      const notDisplayedLog = `[inf]   ${this.#pageName} is not displayed`;
-      if (isExisting) {
-        return this.pageIsVisible().then((isVisible) => {
-          cy.logger(isVisible ? `[inf]   ${this.#pageName} is displayed` : notDisplayedLog);
-          return cy.wrap(isVisible);
-        });
-      }
-
-      cy.logger(notDisplayedLog);
-      return cy.wrap(isExisting);
-    });
-  }
-
-  pageIsEnabled() {
-    cy.logger(`[inf] ▶ check ${this.#pageName} is enabled:`);
-    return this.getUniqueElement().waitIsEnabled().then((isEnabled) => {
-      cy.logger(
-        isEnabled
-          ? `[inf]   ${this.#pageName} is enabled`
-          : `[inf]   ${this.#pageName} is not enabled`,
-      );
-      return cy.wrap(isEnabled);
-    });
-  }
-}
-
-module.exports = BaseForm;

package/src/elements/baseElement.js

@@ -1,361 +0,0 @@
-require('cypress-xpath');
-const Randomizer = require('@amanat-qa/utils-frontend/randomizer');
-const XPATH = require('../locators/baseLocatorChildren/XPATH');
-
-class BaseElement {
-  #elementName;
-
-  #elementLocator;
-
-  constructor(elementLocator, elementName) {
-    this.#elementLocator = elementLocator;
-    this.#elementName = elementName;
-  }
-
-  getElement(locator) {
-    let elementLocator = locator;
-    if (!elementLocator) elementLocator = this.#elementLocator;
-    return elementLocator instanceof XPATH
-      ? cy.xpath(elementLocator.value).first()
-      : cy.get(elementLocator.value).first();
-  }
-
-  getElements() {
-    return this.#elementLocator instanceof XPATH
-      ? cy.xpath(this.#elementLocator.value)
-      : cy.get(this.#elementLocator.value);
-  }
-
-  clickElement() {
-    cy.logger(`[inf] ▶ click ${this.#elementName}`);
-    return this.getElement().click();
-  }
-
-  focusOnElement() {
-    cy.logger(`[inf] ▶ focus on ${this.#elementName}`);
-    return this.getElement().focus();
-  }
-
-  forceClickElement() {
-    cy.logger(`[inf] ▶ force click ${this.#elementName}`);
-    return this.getElement().click({ force: true });
-  }
-
-  doubleClickElement() {
-    cy.logger(`[inf] ▶ double click ${this.#elementName}`);
-    this.getElement().dblclick();
-  }
-
-  multipleClickElement(count) {
-    cy.logger(`[inf] ▶ click ${this.#elementName} ${count} times`);
-    this.getElement().clicks(count);
-  }
-
-  clickElementFromList(index) {
-    cy.logger(`[inf] ▶ click element from ${this.#elementName}`);
-    this.getElements()[index].click();
-  }
-
-  getText() {
-    cy.logger(`[inf] ▶ get ${this.#elementName} text:`);
-    this.getElement().then(($el) => cy.logger(`[inf]   text contains: "${$el.text()}"`));
-    return this.getElement().then(($el) => $el.text());
-  }
-
-  getValue() {
-    cy.logger(`[inf] ▶ get ${this.#elementName} value:`);
-    this.getElement().then(($el) => cy.logger(`[inf]   value is: "${$el.val()}"`));
-    return this.getElement().then(($el) => $el.val());
-  }
-
-  getElementsListText({ propertyName }) {
-    return this.getElements().then(($el) => Cypress._.map($el, propertyName));
-  }
-
-  getAttributeValue({ attrName }) {
-    cy.logger(`[inf] ▶ get ${this.#elementName} attribute "${attrName}" value:`);
-    return this.getElement().invoke('attr', attrName).then((value) => {
-      cy.logger(`[inf]   attribute value contains: "${value}"`);
-      return cy.wrap(value);
-    });
-  }
-
-  scrollElementToView() {
-    cy.logger(`[inf] ▶ scroll to ${this.#elementName}`);
-    this.getElement().scrollIntoView({ offset: { top: -150, left: 0 } });
-  }
-
-  clearData() {
-    cy.logger(`[inf] ▶ clear ${this.#elementName}`);
-    this.getElement().clear();
-  }
-
-  inputData(data, options = { useCypressRealEvents: false }) {
-    cy.logger(`[inf] ▶ input ${this.#elementName}`);
-    if (options.useCypressRealEvents) {
-      this.getElement().click();
-      cy.realType(data);
-    } else {
-      this.getElement().type(data);
-    }
-  }
-
-  forceInputData(data) {
-    cy.logger(`[inf] ▶ force input ${this.#elementName}`);
-    this.getElement().type(data, { force: true });
-  }
-
-  fillInputField(data) {
-    cy.logger(`[inf] ▶ fill input data into ${this.#elementName}`);
-    this.getElement().fill(data, { overwrite: false, prepend: true });
-  }
-
-  enterData(data) {
-    cy.logger(`[inf] ▶ input ${this.#elementName} and submit`);
-    this.getElement().type(`${data}{enter}`);
-  }
-
-  uploadFile(path) {
-    cy.logger(`[inf] ▶ upload file with ${this.#elementName}`);
-    this.getElement().selectFile(path, { force: true });
-  }
-
-  elementIsVisible() {
-    return this.getElement().isVisible();
-  }
-
-  elementIsExisting() {
-    return cy.isExisting(this.#elementLocator.value);
-  }
-
-  waitElementIsExisting() {
-    return cy.waitIsExisting(this.#elementLocator.value);
-  }
-
-  waitElementIsNotExisting() {
-    return cy.waitIsNotExisting(this.#elementLocator.value);
-  }
-
-  elementIsDisplayed() {
-    cy.logger(`[inf] ▶ check ${this.#elementName} is displayed:`);
-    return this.elementIsExisting().then((isExisting) => {
-      const notDisplayedLog = `[inf]   ${this.#elementName} is not displayed`;
-      if (isExisting) {
-        return this.elementIsVisible().then((isVisible) => {
-          cy.logger(isVisible ? `[inf]   ${this.#elementName} is displayed` : notDisplayedLog);
-          return cy.wrap(isVisible);
-        });
-      }
-
-      cy.logger(notDisplayedLog);
-      return cy.wrap(isExisting);
-    });
-  }
-
-  waitElementIsDisplayed() {
-    cy.logger(`[inf] ▶ wait ${this.#elementName} is displayed:`);
-    return this.waitElementIsExisting().then((isExisting) => {
-      const notDisplayedLog = `[inf]   ${this.#elementName} is not displayed`;
-      if (isExisting) {
-        return this.elementIsVisible().then((isVisible) => {
-          cy.logger(isVisible ? `[inf]   ${this.#elementName} is displayed` : notDisplayedLog);
-          return cy.wrap(isVisible);
-        });
-      }
-
-      cy.logger(notDisplayedLog);
-      return cy.wrap(isExisting);
-    });
-  }
-
-  waitElementIsNotDisplayed() {
-    cy.logger(`[inf] ▶ wait ${this.#elementName} is not displayed:`);
-    return this.waitElementIsNotExisting().then((isExisting) => {
-      const displayedLog = `[inf]   ${this.#elementName} is displayed`;
-      if (!isExisting) {
-        return this.elementIsVisible().then((isVisible) => {
-          cy.logger(!isVisible ? `[inf]   ${this.#elementName} is not displayed` : displayedLog);
-          return cy.wrap(isVisible);
-        });
-      }
-
-      cy.logger(displayedLog);
-      return cy.wrap(isExisting);
-    });
-  }
-
-  elementIsEnabled() {
-    cy.logger(`[inf] ▶ check ${this.#elementName} is enabled:`);
-    return this.getElement().isEnabled().then((isEnabled) => {
-      cy.logger(
-        isEnabled
-          ? `[inf]   ${this.#elementName} is enabled`
-          : `[inf]   ${this.#elementName} is not enabled`,
-      );
-      return cy.wrap(isEnabled);
-    });
-  }
-
-  waitElementIsEnabled() {
-    cy.logger(`[inf] ▶ wait ${this.#elementName} is enabled:`);
-    return this.getElement().waitIsEnabled().then((isEnabled) => {
-      cy.logger(
-        isEnabled
-          ? `[inf]   ${this.#elementName} is enabled`
-          : `[inf]   ${this.#elementName} is not enabled`,
-      );
-      return cy.wrap(isEnabled);
-    });
-  }
-
-  waitElementIsNotEnabled() {
-    cy.logger(`[inf] ▶ wait ${this.#elementName} is not enabled:`);
-    return this.getElement().waitIsNotEnabled().then((isEnabled) => {
-      cy.logger(
-        !isEnabled
-          ? `[inf]   ${this.#elementName} is not enabled`
-          : `[inf]   ${this.#elementName} is enabled`,
-      );
-      return cy.wrap(isEnabled);
-    });
-  }
-
-  /**
-   * requires one mandatory argument: dropdownElement.
-   * options contain optional parameters:
-   * list of values to choose from,
-   * count of elements to choose,
-   * boolean toggler for typing and pressing Enter key
-   * and exceptions elements sequence:
-   * @param {BaseElement} dropdownElement
-   * @param {Object} options
-   * @param {Promise} options.valuesListPromise
-   * @param {int} options.count
-   * @param {boolean} options.typeAndEnter
-   * @param {BaseElement[]} options.exceptionElementsList
-   */
-  chooseRandomElementsFromDropdownByText(dropdownElement, options = {}) {
-    let valuesListPromise = options.valuesListPromise ?? null;
-    const count = options.count ?? 1;
-    const typeAndEnter = options.typeAndEnter ?? false;
-    const exceptionElementsList = options.exceptionElementsList ?? [];
-
-    this.getElement(this.#elementLocator).click();
-
-    const exceptionsTextList = [];
-    if (exceptionElementsList.length !== 0) {
-      exceptionElementsList.forEach((element) => this.getElement(element.#elementLocator)
-        .then(($el) => exceptionsTextList.push($el.text())));
-    }
-
-    if (!valuesListPromise) {
-      valuesListPromise = dropdownElement.getElementsListText({ propertyName: 'innerText' });
-    }
-
-    valuesListPromise.then((elementsTextList) => {
-      for (let counter = 0; counter < count; counter += 1) {
-        cy.logger(`[inf] ▶ click ${dropdownElement.#elementName}`);
-        cy.logger(`[inf] ▶ get random element from ${this.#elementName}`);
-        const randomElementText = Randomizer.getRandomElementByText(
-          elementsTextList,
-          exceptionsTextList,
-        );
-        exceptionsTextList.push(randomElementText);
-        dropdownElement.chooseElementFromDropdown(randomElementText, typeAndEnter);
-      }
-    });
-  }
-
-  // requires two mandatory arguments:
-  // inputElementType - is type of clickable element (checkbox/radio),
-  // parentOfLabelTag - is a tagname of an element on the upper node that nesting input`s label text
-  clickRandomRadiobuttonsOrCheckboxesByText(
-    { inputElementType, parentOfLabelTag, randomCount = true },
-    ...exceptionsElements
-  ) {
-    this.getElementsListText({ propertyName: 'innerText' }).then((elementsTextList) => {
-      let count = elementsTextList.length;
-      if (randomCount) count = Randomizer.getRandomInteger(elementsTextList.length, 1);
-      const exceptionsTextList = [];
-      if (exceptionsElements.length !== 0) {
-        exceptionsElements.forEach((element) => this.getElement(element.#elementLocator)
-          .then(($el) => exceptionsTextList.push($el.text())));
-      }
-
-      for (let counter = 0; counter < count; counter += 1) {
-        cy.logger(`[inf] ▶ get random element from ${this.#elementName}`);
-        const randomElementText = Randomizer.getRandomElementByText(
-          elementsTextList,
-          exceptionsTextList,
-        );
-        exceptionsTextList.push(randomElementText);
-        cy.logger(`[inf] ▶ click ${randomElementText}`);
-        cy.contains(parentOfLabelTag, randomElementText)
-          .find(`input[type=${inputElementType}]`)
-          .click({ force: true });
-      }
-    });
-  }
-
-  openCalendarAndFlipMonths(rightArrowElement, monthIncrement) {
-    cy.logger(`[inf] ▶ click ${this.#elementName}`);
-    this.getElement().clicks(4);
-    for (let i = 0; i < monthIncrement; i += 1) {
-      cy.logger(`[inf] ▶ click ${rightArrowElement.#elementName}`);
-      this.getElement(rightArrowElement.#elementLocator).click({ force: true });
-    }
-  }
-
-  clickArrowButtonRandomNumberOfTimes(direction, numberOfElements) {
-    this.elementIsVisible();
-    const directionLowerCase = direction.toLowerCase();
-    const numberOfClicksOnArrowButton = Randomizer.getRandomInteger(numberOfElements - 1);
-    cy.logger(`[inf] ▶ direction: ${directionLowerCase}, numberOfClicks: ${numberOfClicksOnArrowButton}`);
-    for (let i = numberOfClicksOnArrowButton; i > 0; i -= 1) {
-      cy.logger(`[inf] ▶ press ${directionLowerCase} arrow button`);
-      cy.realPress(`{${directionLowerCase}arrow}`);
-    }
-    cy.logger('[inf] ▶ press Enter button');
-    cy.realPress('Enter');
-  }
-
-  createListOfElements(dropdownElement) {
-    const elements = [];
-    this.getElement(dropdownElement.#elementLocator).click();
-
-    return this.getElement().then((element) => {
-      elements.push(element.text());
-
-      return this.iterateOverList(elements);
-    });
-  }
-
-  iterateOverList(elements) {
-    this.getElement();
-    cy.realPress('{downarrow}');
-
-    return this.getElement().then((element) => {
-      if (element.text() === elements[0]) {
-        cy.logger(`Number of countries is ${elements.length}`);
-
-        return cy.wrap(elements);
-      }
-      elements.push(element.text());
-
-      return this.iterateOverList(elements);
-    });
-  }
-
-  chooseElementFromDropdown(text, typeAndEnter) {
-    if (typeAndEnter) {
-      cy.logger(`[inf] ▶ type and enter ${text}`);
-      this.enterData(text);
-      cy.realPress('{esc}');
-    } else {
-      cy.logger(`[inf] ▶ click ${text}`);
-      this.getElements().contains(new RegExp(`${text}`)).click({ force: true });
-    }
-  }
-}
-
-module.exports = BaseElement;

package/src/elements/baseElementChildren/checkbox.js

@@ -1,9 +0,0 @@
-const BaseElement = require('../baseElement');
-
-class Checkbox extends BaseElement {
-  isChecked() {
-    return this.getAttributeValue({ attrName: 'checked' }).then((value) => JSON.parse(value));
-  }
-}
-
-module.exports = Checkbox;

package/src/elements/baseElementChildren/switch.js

@@ -1,9 +0,0 @@
-const BaseElement = require('../baseElement');
-
-class Switch extends BaseElement {
-  isChecked() {
-    return this.getAttributeValue({ attrName: 'aria-checked' }).then((value) => JSON.parse(value));
-  }
-}
-
-module.exports = Switch;

package/src/locators/baseLocator.js

@@ -1,13 +0,0 @@
-class BaseLocator {
-  #value;
-
-  constructor(value) {
-    this.#value = value;
-  }
-
-  get value() {
-    return this.#value;
-  }
-}
-
-module.exports = BaseLocator;