RequestHook Class

The base class for custom request hooks.

class RequestHook {
    constructor (requestFilterRules, responseEventConfigureOpts) {
        //...
    }

    async onRequest (event) {
        //...
    }

    async onResponse (event) {
        //...
    }
}

Inherit a class from RequestHook to implement a custom hook:

import { RequestHook } from 'testcafe';

class JwtBearerAuthorization extends RequestHook {
    constructor () {
        super();
    }

    onRequest (e) {
        e.requestOptions.headers['Authorization'] = 'generate token here';
    }

    onResponse (e) {
    }
}

Filter Rules

The RequestHook constructor receives an array of filter rules as the first parameter to determine which requests the hook handles. The hook processes all requests if no rules are passed.

class MyFirstHook extends RequestHook {
    constructor (requestFilterRules, responseEventOptions) {
        console.log(requestFilterRules[0]); // https://example.com
        console.log(requestFilterRules[1]); // /auth.mycorp.com/
    }
}

When you inherit from RequestHook, pass requestFilterRules to the base class constructor for TestCafe to handle them.

class MySecondHook extends RequestHook {
    constructor (requestFilterRules, responseEventOptions) {
        super(requestFilterRules, responseEventOptions);
    }
}

Request Handler

The onRequest asynchronous method is called before TestCafe sends the request. You can change the request parameters in this method or handle the request in a custom manner.

This method is abstract in the base class and needs to be overridden in the subclass.

async onRequest (event) {
    throw new Error('Not implemented');
}

Response Handler Options

When TestCafe receives a response, the hook prepares to call the onResponse method that handles the response.

At this moment, the hook processes settings that define whether to pass the response headers and body to the onResponse method. These settings are specified in the second constructor parameter. This parameter takes an object with the includeHeaders and includeBody properties that have the false value by default.

class MyFirstHook extends RequestHook {
    constructor (requestFilterRules, responseEventOptions) {
        console.log(responseEventOptions.includeHeaders); // false
        console.log(responseEventOptions.includeBody); // false
    }
}

When you inherit from RequestHook, pass responseEventOptions to the base class constructor for TestCafe to handle them.

class MySecondHook extends RequestHook {
    constructor (requestFilterRules, responseEventOptions) {
        super(requestFilterRules, responseEventOptions);
    }
}

Response Handler

At the last step, the onResponse asynchronous method is called. This is an abstract method in the base class. Override it in the descendant to handle the response.

async onResponse (event) {
    throw new Error('Not implemented');
}

Change or Delete Response Headers

You can set or remove response headers in a RequestHook._onConfigureResponse() call. This allows you to modify part of the response headers before the response is sent to the browser. To change response headers, use the event.setHeader and event.removeHeader methods in the __onConfigureResponse call.

The example below demonstrates a RequestHook that sets a x-token:token-123 header on the response and removes the x-frame-options header from the response.

class HeadersHook extends RequestHook {
    constructor (requestFilterRules) {
        super(requestFilterRules);
    }

    async onRequest () {
    }

    async onResponse () {
    }

    async _onConfigureResponse (event) {
        super._onConfigureResponse(event);

        await event.setHeader('x-token', 'token-123');
        await event.removeHeader('x-frame-options');
    }
}

You can not modify the response body with RequestHook._onConfigureResponse().