waitForRequest doesn't capture request quick enough

I use puppeteer for running click tests on a web application. A couple of test cases require me to find out whether or not a network request is sent to fetch a file from server. To do this I use puppeteer’s waitForRequest method.

However the requests aren’t captured consistently. On multiple occasions the command times out which results in a failed test. The chrome dev tools on the other hand capture the request while the test is running.

In verbose mode I get this feedback in console

I wait for request "http://localhost:4200/assets/img/cursor/zoom-in.cur"
[1] Error | TimeoutError: Timeout exceeded while waiting for event
Emitted | step.failed (I wait for request "http://localhost:4200/assets/img/cursor/zoom-in.cur")
Emitted | step.finish (I wait for request "http://localhost:4200/assets/img/cursor/zoom-in.cur")
[1] Error | TimeoutError: Timeout exceeded while waiting for event

This is the test scenario

I.click('.zoom');
I.waitForRequest("http://localhost:4200/assets/img/cursor/zoom-in.cur")
I.seeElement(".zoom-menu");

Details

• CodeceptJS version: 2.02
• NodeJS Version: 9.11.2
• Operating System: Windows 10 (1809)
• Configuration file:

exports.config = {
  tests: './codecept-tests/*.js',
  timeout: 10000,
  output: './output',
  helpers:
  {
    Puppeteer:
    {
      url: 'http://localhost',
      show: true,
      windowSize: '1280x720',
      chrome:
      {
        defaultViewport: { width: 1280, height: 720 }
      }
    }
  },
  include: {},
  bootstrap: false,
  mocha: {},
  name: 'frontend',
  plugins: { screenshotOnFail: { enabled: true } }
}

[Meekohi]

fwiw I do like:

await Promise.all([
  I.click('.zoom'),
  I.waitForRequest("http://localhost:4200/assets/img/cursor/zoom-in.cur"),
])

[inigo-martin]

In my case, the problem was that the Application was firing the Request before the waitForRequest took place. So it never catched the Request.

That is because Puppeteer waits 100ms (by Default) after actions like click, doubleClick or PressKey.

Puppeteer Config waitForAction

To solve the issue, I just had to set this waitForAction parameter to 0:

exports.config = {
    tests: './integration/*_test.js',
    output: './integration/output',
    helpers: {
        Puppeteer: {
            url: 'http://localhost:3040',
            restart: false,
            show: true,
            windowSize: '1280x960',
            waitForAction: 0,
            chrome: {
                defaultViewport: {
                    width: 1280,
                    height: 800,
                },
            },
        },
        MockRequest: {},
    },
    include: {},
    bootstrap: null,
    mocha: {
        reporterOptions: {
            reportDir: './integration/output',
        },
    },
};