added logs to hooks and validation steps (#30)

Author: AlexGalichenko

CHANGELOG.md

@@ -1,3 +1,6 @@
+## 0.0.15
+- :rocket: added validation logs
+
 ## 0.0.14
 - :rocket: added custom timeout parameter
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@qavajs/steps-playwright",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "steps to interact with playwright",
   "main": "./index.js",
   "scripts": {
@@ -22,8 +22,8 @@
   },
   "homepage": "https://github.com/qavajs/steps-playwright#readme",
   "devDependencies": {
-    "@cucumber/cucumber": "^8.11.1",
-    "@qavajs/cli": "^0.0.18",
+    "@cucumber/cucumber": "^9.0.0",
+    "@qavajs/cli": "^0.0.19",
     "@qavajs/memory": "^1.2.0",
     "@qavajs/webstorm-adapter": "^8.0.0",
     "@qavajs/xunit-formatter": "^0.0.3",
@@ -36,8 +36,8 @@
     "@qavajs/po-playwright": "^0.0.7"
   },
   "dependencies": {
-    "@playwright/test": "^1.31.1",
+    "@playwright/test": "^1.31.2",
     "@qavajs/validation": "^0.0.3",
-    "playwright": "^1.31.1"
+    "playwright": "^1.31.2"
   }
 }

package.json

@@ -33,6 +33,7 @@ Before(async function () {
     global.driver = global.browser;
     po.init(page, { timeout: config.driverConfig.timeout.present });
     po.register(config.pageObject);
+    this.log(`browser instance started:\n${JSON.stringify(config.driverConfig, null, 2)}`);
 });
 
 BeforeStep(async function () {
@@ -66,5 +67,6 @@ After(async function (scenario) {
     }
     if (global.browser) {
         await browser.close();
+        this.log('browser instance closed');
     }
 });

src/hooks.ts

@@ -1,6 +1,6 @@
-import { Then } from '@cucumber/cucumber';
-import { getValue, getElement, getConditionWait } from './transformers';
-import { getValidation } from '@qavajs/validation';
+import {Then} from '@cucumber/cucumber';
+import {getValue, getElement, getConditionWait} from './transformers';
+import {getValidation} from '@qavajs/validation';
 
 /**
  * Verify element condition
@@ -31,6 +31,8 @@ Then(
         const element = await getElement(alias);
         const validation = getValidation(validationType);
         const elementText: string = await element.innerText();
+        this.log(`AR: ${elementText}`);
+        this.log(`ER: ${expectedValue}`);
         validation(elementText, expectedValue);
     }
 );
@@ -52,6 +54,8 @@ Then(
         const element = await getElement(alias);
         const validation = getValidation(validationType);
         const actualValue = await element.evaluate((node: any, propertyName: string) => node[propertyName], propertyName);
+        this.log(`AR: ${actualValue}`);
+        this.log(`ER: ${expectedValue}`);
         validation(actualValue, expectedValue);
     }
 );
@@ -72,6 +76,8 @@ Then(
         const element = await getElement(alias);
         const validation = getValidation(validationType);
         const actualValue = await element.getAttribute(attributeName);
+        this.log(`AR: ${actualValue}`);
+        this.log(`ER: ${expectedValue}`);
         validation(actualValue, expectedValue);
     }
 );
@@ -89,6 +95,8 @@ Then(
         const validation = getValidation(validationType);
         const expectedUrl = await getValue(expected);
         const actualUrl = page.url();
+        this.log(`AR: ${actualUrl}`);
+        this.log(`ER: ${expectedUrl}`);
         validation(actualUrl, expectedUrl);
     }
 );
@@ -108,7 +116,10 @@ Then(
         const expectedValue = await getValue(value);
         const collection = await getElement(alias);
         const validation = getValidation(validationType);
-        validation(await collection.count(), expectedValue);
+        const actualCount = await collection.count();
+        this.log(`AR: ${actualCount}`);
+        this.log(`ER: ${expectedValue}`);
+        validation(actualCount, expectedValue);
     }
 );
 
@@ -124,6 +135,8 @@ Then(
         const validation = getValidation(validationType);
         const expectedTitle = await getValue(expected);
         const actualTitle = await page.title();
+        this.log(`AR: ${actualTitle}`);
+        this.log(`ER: ${expectedTitle}`);
         validation(actualTitle, expectedTitle);
     }
 );
@@ -211,6 +224,8 @@ Then(
             (node: Element, propertyName: string) => getComputedStyle(node).getPropertyValue(propertyName),
             propertyName
         );
+        this.log(`AR: ${actualValue}`);
+        this.log(`ER: ${expectedValue}`);
         validation(actualValue, expectedValue);
     }
 );
@@ -222,10 +237,13 @@ Then(
  * @example I expect text of alert does not contain 'coffee'
  */
 Then('I expect text of alert {playwrightValidation} {string}', async function (validationType: string, expectedValue: string) {
-      const alertText = await new Promise<string>(resolve => page.once('dialog', async (dialog) => {
-        resolve(dialog.message());
-      }));
-      const validation = getValidation(validationType);
-      validation(alertText, expectedValue);
+        const alertText = await new Promise<string>(resolve => page.once('dialog', async (dialog) => {
+            resolve(dialog.message());
+        }));
+        const expected = await getValue(expectedValue);
+        const validation = getValidation(validationType);
+        this.log(`AR: ${alertText}`);
+        this.log(`ER: ${expected}`);
+        validation(alertText, expectedValue);
     }
 );