Test cafe: Page timeout after submit

Question

Having some issues with Test Cafe after clicking a "Filter" button to assemble a report. Here is my code:

         ...
         await report.accessReportBanks(testData.page + '/reports/report_banks');

         const filterButton = Selector('input').withAttribute('type', 'submit').withAttribute('value', 'Filter');

         await t
             .click(filterButton);
             .wait(120000)
             .expect(Selector('tbody').child('tr').count).gt(0, "Expects results for Report Banks");
     });

The click action works fine, but timeout seems to be expiring before expected, and the browser ends up in a blank screen with no error message, except the URL:

http://192.168.50.249:55753/eUn3KSCLI/about:error

What's going on? How can I fix this?

Already have this values set on .testcaferc.json

{
     "assertionTimeout": 60000,  // Defines the maximum time TestCafe will wait the elements to be "ready" before performing an assertion
     "pageLoadTimeout": 60000,   // Defines the maximum time TestCafe will wait the page be "ready" before performing an assertion
     "quarantineMode": true,     // The quarantine mode is designed to isolate non-deterministic tests from the other tests
     "selectorTimeout": 60000    // Defines the maximum time TestCafe will wait for a selector be visible
}

and also tried to run my test with --page-load-timeout 120000, still with no success.

Answer 1

TestCafe can abort browser requests if they take more than 20 seconds to complete. We already have a suggestion to allow configuring this timeout: https://github.com/DevExpress/testcafe/issues/2940. You can subscribe to it to be notified about the progress in implementing this suggestion.

Alternatively, you can modify the timeout value in the TestCafe source code and build your own TestCafe version.