@qavajs/cypress 2.6.0 → 2.8.0

package/CHANGELOG.md

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

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,60 @@ 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 += `.native(${item.selector.toString()})`;
+            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({
+            displayName: `${path} →`,
+            message: logChain,
+            type: 'parent',
+            consoleProps: () => {
+                return {
+                    Key: path,
+                    Element: logChain,
+                }
+            },
+            alias: path,
+            aliasType: 'dom'
+        });
+        return current;
+    });
 }

package/lib/setup.js

@@ -5,18 +5,19 @@ 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',
+                alias: displayName,
                 consoleProps: () => {
                     return {
                         Key: displayName,
                         Value: message,
                     }
                 }
-            })
+            });
         });
     }
 };

package/package.json

@@ -1,11 +1,13 @@
 {
   "name": "@qavajs/cypress",
-  "version": "2.6.0",
+  "version": "2.8.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"
+    "debug:it": "MODE=it cypress open --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 +29,8 @@
   "author": "Alexandr Galichenko",
   "license": "MIT",
   "devDependencies": {
-    "@qavajs/cypress-runner-adapter": "^1.5.0",
+    "@qavajs/cypress-runner-adapter": "^1.8.0",
     "@qavajs/memory": "^1.10.3",
-    "cypress": "^15.8.1"
+    "cypress": "^15.11.0"
   }
 }