@qavajs/cypress 2.5.0 → 2.7.0

package/CHANGELOG.md

@@ -10,6 +10,12 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
 :pencil: - chore
 :microscope: - experimental
 
+## [2.7.0]
+- :rocket: added logic to display resolved selector chain
+
+## [2.6.0]
+- :rocket: added `I save value of...` step
+
 ## [2.5.0]
 - :rocket: added http steps
 

package/lib/memory.js

@@ -3,9 +3,9 @@ import { dataTable2Object } from './utils';
 
 /**
  * Save text of element to memory
- * @param {string} alias - element to get value
+ * @param {string} alias - element to get text
  * @param {string} key - key to store value
- * @example I save text of '#1 of Search Results' as 'firstSearchResult'
+ * @example I save text of 'Search Result' as 'firstSearchResult'
  */
 When('I save text of {locator} as {value}', function (locator, key) {
     locator.then(e => {
@@ -13,6 +13,19 @@ When('I save text of {locator} as {value}', function (locator, key) {
     });
 });
 
+/**
+ * Save value of element to memory
+ * @param {string} alias - element to get value
+ * @param {string} key - key to store value
+ * @example I save value of 'Search Input' as 'searchInput'
+ */
+When('I save value of {locator} as {value}', function (locator, key) {
+    locator.then(e => {
+        key.set(e.val());
+    });
+});
+
+
 /**
  * Save property of element to memory
  * @param {string} property - property to store

package/lib/pageObjects.js

@@ -22,16 +22,22 @@ export const locator = function locator(selector) {
     return new Selector(selector);
 }
 
-locator.template = function(selector) {
+locator.template = function (selector) {
     return new Selector(selector, 'template');
 }
 
-locator.native = function(selector) {
+locator.native = function (selector) {
     return new Selector(selector, 'native');
 }
 
+locator.as = function (component) {
+    const selector = new Selector(null);
+    selector.component = component;
+    return selector;
+}
+
 export class ChainItem {
-    constructor({ alias, argument, selector, type }) {
+    constructor({alias, argument, selector, type}) {
         this.alias = alias;
         this.argument = argument;
         this.selector = selector;
@@ -67,26 +73,51 @@ export function query(root, path) {
 }
 
 export function element(path) {
-    const chain = query(this.pageObject, path);
-    let current = this.cy;
-    let method = 'get';
-    for (const item of chain) {
-        switch (item.type) {
-            case 'simple':
-                current = current[method](item.selector);
-                break;
-            case 'template':
-                current = current[method](item.selector(item.argument));
-                break;
-            case 'native':
-                current = item.selector({
-                    parent: current,
-                    cy: this.cy,
-                    argument: item.argument
-                });
-                break;
+    return cy.then(() => {
+        const chain = query(this.pageObject, path);
+        let current = this.cy;
+        let method = 'get';
+        let logChain = `cy`;
+
+        const applySelector = (selector) => {
+            if (!selector) return;
+            logChain += `.${method}('${selector}')`;
+            current = current[method](selector);
+        };
+
+        const applyNative = (item) => {
+            logChain += `.${method}([native])`;
+            current = item.selector({
+                parent: current,
+                cy: this.cy,
+                argument: item.argument
+            });
+        };
+
+        for (const item of chain) {
+            switch (item.type) {
+                case 'simple': {
+                    applySelector(item.selector);
+                }
+                    break;
+                case 'template': {
+                    const selector = item.selector(item.argument);
+                    applySelector(selector);
+                }
+                    break;
+                case 'native': {
+                    applyNative(item);
+                }
+                    break;
+                default:
+                    throw new Error(`Unsupported selector type '${item.type}' for alias '${item.alias}'`);
+            }
+            method = item.selector ? 'find' : 'get';
         }
-        method = 'find';
-    }
-    return current;
+        Cypress.log({
+            name: `${path} →`,
+            message: logChain
+        });
+        return current;
+    });
 }

package/lib/setup.js

@@ -5,9 +5,10 @@ import {element} from './pageObjects';
 const logger = {
     log: (value) => {
         const [displayName, divider, message] = value.split(/\s(->|<-)\s/);
+        const displayedDivider = divider === '->' ? '→' : '←';
         cy.then(() => {
             Cypress.log({
-                displayName: `${displayName} ${divider}`,
+                displayName: `${displayName} ${displayedDivider}`,
                 message,
                 type: 'parent',
                 consoleProps: () => {

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@qavajs/cypress",
-  "version": "2.5.0",
+  "version": "2.7.0",
   "description": "qavajs for cypress runner",
   "main": "index.js",
   "scripts": {
     "debug": "cypress open --config-file test-e2e/cypress.config.js",
-    "test": "cypress run --config-file test-e2e/cypress.config.js"
+    "test": "cypress run --config-file test-e2e/cypress.config.js",
+    "test:it": "MODE=it cypress run --config-file test-e2e/cypress.config.js"
   },
   "keywords": [
     "QA",
@@ -27,8 +28,8 @@
   "author": "Alexandr Galichenko",
   "license": "MIT",
   "devDependencies": {
-    "@qavajs/cypress-runner-adapter": "^1.5.0",
+    "@qavajs/cypress-runner-adapter": "^1.6.0",
     "@qavajs/memory": "^1.10.3",
-    "cypress": "^15.8.1"
+    "cypress": "^15.10.0"
   }
 }