- Added console logs support in environment.js file;

- Added enableConsoleLogs method in helpers class;
- Refactored goToUrlAndLoad method in helpers class to accept timeout parameter;
- Changed eslintrc.js file parameter linebreak-style to unix.

.eslintrc.js

@@ -22,7 +22,7 @@ module.exports = {
         ],
         "linebreak-style": [
             "error",
-            "windows"
+            "unix"
         ],
         "quotes": [
             "error",

example/tests/helpers.test.js

@@ -1,4 +1,4 @@
-/*global page:true browser*/
+/*global page:true*/
 import { Element, Helpers } from "test-juggler";
 const fs = require("fs");
 
@@ -40,11 +40,11 @@ describe("Helpers", () => {
 
     it("should wait for navigation to be finished", async () => {
         //Arrange
-        page = await browser.newPage();
         const progressLoader = new Element("html.nprogress-busy");
+        const loadTimeout = 30000;
 
         //Act
-        await helpers.goToUrlAndLoad("https://www.jqueryscript.net/demo/jQuery-Html5-Based-Preloader-Plugin-html5loader/");
+        await helpers.goToUrlAndLoad("https://www.jqueryscript.net/demo/jQuery-Html5-Based-Preloader-Plugin-html5loader/", loadTimeout);
 
         //Assert
         await expect(progressLoader.exists()).resolves.toBeFalsy();

example/tests/interceptor.test.js

@@ -14,6 +14,7 @@ describe("Interceptor", () => {
         console.log(`Running test: '${jasmine["currentTest"].fullName}'`);
         //this is workaraound to avoid 'Request is already handled!' error. Shoud be removed when https://github.com/smooth-code/jest-puppeteer/issues/308 defect is fixed.
         page = await browser.newPage();
+        helpers.enableConsoleLogs();
     });
 
     it("should block requests by any url fragment while test case running", async () => {

framework/helpers.js

@@ -1,6 +1,8 @@
 /*global page*/
 const fs = require("fs");
 const retry = require("async-retry");
+const config = require(process.cwd() + "/framework.config");
+const defaultTimeout = config.defaultTimeout;
 
 export default class Helpers {
     async takeScreenshot(filename) {
@@ -22,9 +24,9 @@ export default class Helpers {
         });
     }
 
-    async goToUrlAndLoad(url) {
+    async goToUrlAndLoad(url, timeout = defaultTimeout) {
         await page.goto(url, {
-            waitUntil: "networkidle0"
+            waitUntil: "networkidle0", timeout: timeout
         });
     }
 
@@ -33,4 +35,28 @@ export default class Helpers {
         const elementHandle = await page.$(selector);
         return await elementHandle.contentFrame();
     }
+
+    async enableConsoleLogs() {
+        const chalk = require("chalk");
+        page
+            .on("console", msg => {
+                const type = msg.type().substr(0, 3).toUpperCase();
+                const colors = {
+                    LOG: text => text,
+                    ERR: chalk.red,
+                    WAR: chalk.yellow,
+                    INF: chalk.cyan
+                };
+                const color = colors[type] || chalk.blue;
+                console.log(color(`${type} ${msg.text()}`));
+            })
+            .on("pageerror", ({ message }) => console.log(chalk.red(message)))
+            .on("response", response => {
+                if (response.status() > 399)
+                {
+                    console.log(chalk.red(`${response.status()} ${response.url()}`));
+                }})
+            .on("requestfailed", request =>
+                console.log(chalk.magenta(`${request.failure().errorText} ${request.url()}`)));
+    }
 }

test-environment/environment.js

@@ -6,6 +6,27 @@ class CustomEnvironment extends PuppeteerEnvironment {
     async setup() {
         await super.setup();
         this.global.page.setDefaultTimeout(config.defaultTimeout);
+        const chalk = require("chalk");
+        this.global.page
+            .on("console", msg => {
+                const type = msg.type().substr(0, 3).toUpperCase();
+                const colors = {
+                    LOG: text => text,
+                    ERR: chalk.red,
+                    WAR: chalk.yellow,
+                    INF: chalk.cyan
+                };
+                const color = colors[type] || chalk.blue;
+                console.log(color(`${type} ${msg.text()}`));
+            })
+            .on("pageerror", ({ message }) => console.log(chalk.red(message)))
+            .on("response", response => {
+                if (response.status() > 399)
+                {
+                    console.log(chalk.red(`${response.status()} ${response.url()}`));
+                }})
+            .on("requestfailed", request =>
+                console.log(chalk.magenta(`${request.failure().errorText} ${request.url()}`)));
         if (config.useTracing) {
             const targetDir = "./logs/Timelines";
             fs.mkdirSync(targetDir, { recursive: true });