Testcafe-global-network-request-logger NPM

Global Network Request Logger for Testcafe

Global Hook for testcafe that will record and save network communication (request/response) with external services to JSON file

Uses TestCafe global hooks to record network calls executed in browser and saves them into file using same format as screenshots/videos. It is meant to be used in CI, together with screenshot & video recording for better troubleshooting capability of failed tests

Features

zero dependencies
supports gzipped or JSON responses
once attached will execute for all tests
uses similar config as testcafe screenshot and video for path and recording customization
adds additional param that can be used to limit number of logged requests (usually only last few requests matter)
supports quarantine mode and parallel test execution

Note

Only intercepts cross domain requests to avoid recording locally requested resources like HTML, CSS or JS.

Prerequisite

In order to use global hooks, TestCafe Javascript configuration file must be used.

Install

npm install testcafe-global-network-request-logger

Configuration

Once installed add network configuration in .testcaferc.js file

module.exports = {
  // some other config
  network: {
    path: 'tmp',
    takeOnFails: true,
    pathPattern: '${DATE}/${FIXTURE}/network/${TEST}_${TIME}_${QUARANTINE_ATTEMPT}.json',
    requestLimit: 0,
  },
};

Required	Argument	Description	Example
Yes	network.path	The base directory where screenshots are saved	tmp
Yes	network.takeOnFails	`true` to take a screenshot whenever a test fails.	true
Yes	network.pathPattern	A pattern that defines how TestCafe composes the relative path to a screenshot file. See Screenshot and Video Directories.	${DATE}/${TEST}.json
Yes	network.requestLimit	defines number of requests that should be logged, `0` means all	3

Enable request logging

Once configured last step is to attach hook in .testcaferc.js file

const networkRequestLogger = require('testcafe-global-network-request-logger')(/* FILTER */);

module.exports = {
  // some other config
  network: {
    // network config
  },
  hooks: {
    test: {
      before: async t => {
        await networkRequestLogger.onBeforeHook(t);
      },
      after: async t => {
        await networkRequestLogger.onAfterHook(t);
      },
    },
  },
};