TestCafe RequestLogger - 如何在对每个请求对象进行断言之前等待对 return 的所有响应

Question

见附件截图。我有一个 RequestLogger，它捕获对 /api/dynamic_reporting/filters/*/find 端点的所有请求。

问题是，当我执行断言 await t.expect(dynamicReportingFindRequest.requests[1].response.statusCode).eql(200,'Did not get 200 OK response') 时，我收到错误 Cannot read property 'statusCode' of undefined，因为 xhr 仍在等待 requests[1], requests[2]... 且尚未完成。

如何在对请求进行断言之前等待对 return 的所有响应？

Answer 1

我会根据问题的想法提出以下解决方案：

这里很简单node.js服务器：

var http = require('http');

http.createServer(function (req, res) {
    if (req.url.indexOf('test') > -1) {
        setTimeout(() => {
            res.writeHead(200, {'Content-Type': 'application/json'});
            res.write('rest');
            res.end();
        }, 10000);
    }
    else {
        res.writeHead(200, {'Content-Type': 'text/html'});
        res.write(`<button onclick="fetch('http://localhost:8082/test'); setTimeout(() => { fetch('http://localhost:8082/test'); }, 100);setTimeout(() => { fetch('http://localhost:8082/test'); }, 200)">button</button>`);

        res.end();
    }
}).listen(8082);

点击按钮发送 3 个请求。

测试代码如下：

import { RequestLogger } from 'testcafe';

const logger = RequestLogger(/test/);

fixture `Getting Started`
    .page `http://localhost:8082`;

test.requestHooks(logger)('My first test', async t => {
    await t.click('button');

    while (logger.requests.find(r => !r.response || r.response.statusCode !== 200))
        await t.wait(1000);

    console.log(logger.requests.length);
    console.log(logger.requests.filter(r => r.response.statusCode === 200).length);
});

TestCafe RequestLogger - 如何在对每个请求对象进行断言之前等待对 return 的所有响应

TestCafe RequestLogger - How to wait for all responses to return before doing an assertion on each request object

testing

automation

automated-tests

e2e-testing

testcafe