Print failed requests (#17)

Author: andywer

package-lock.json

@@ -24,6 +24,7 @@
   ],
   "dependencies": {
     "chai": "^4.2.0",
+    "chalk": "^2.4.2",
     "dedent": "^0.7.0",
     "get-port": "^4.0.0",
     "meow": "^5.0.0",

package.json

@@ -1,4 +1,5 @@
 // tslint:disable:no-console
+import chalk from "chalk"
 import { ConsoleMessage, Page } from "puppeteer-core"
 
 export interface PuppetContextConfig<PluginsConfig extends {} = any> {
@@ -51,6 +52,20 @@ export function capturePuppetConsole (page: Page) {
   })
 }
 
+export function captureFailedRequests(page: Page) {
+  page.on("requestfailed", request => {
+    const failure = request.failure()
+    console.error(chalk.redBright(`Request failed: ${request.method()} ${request.url()}`))
+    console.error(chalk.gray(`  ${failure ? failure.errorText : "Unknown error"}`))
+  })
+  page.on("requestfinished", request => {
+    const response = request.response()
+    if (response && response.status() >= 400) {
+      console.error(chalk.redBright(`HTTP ${response.status()} ${request.method()} ${request.url()}`))
+    }
+  })
+}
+
 export function createPuppetContextConfig (argv: string[], plugins: any = {}) {
   return {
     argv,

src/host-bindings.ts

@@ -6,6 +6,7 @@ import { URL } from "url"
 import { getSourceBundles } from "./bundle"
 import { getChromeLocation } from "./chrome-location"
 import {
+  captureFailedRequests,
   capturePuppetConsole,
   createPuppetContextConfig,
   injectPuppetContext,
@@ -124,6 +125,7 @@ export async function spawnPuppet(bundle: ParcelBundle, serverURL: string, optio
   await page.goto(serverURL + "index.html")
 
   capturePuppetConsole(page)
+  captureFailedRequests(page)
 
   return {
     async close () {