Question

我正在测试的页面在单击按钮时发出POST ajax请求。我想测试一下，此请求中发送的参数是否正确。我该怎么办？

这就是我尝试过的：

import {RequestLogger, Selector} from '../../../node_modules/testcafe';

const requestUrl = 'http://localhost:8080/mypage/posttarget';
const logger = RequestLogger({url: requestUrl, method: 'post'}, {logRequestBody: true, logRequestHeaders: true});


fixture `Notifications`.page('http://localhost:8080/mypage')
  .requestHooks(logger);

test('notification request contains id', async t => {
  await t
    .click('#submit-notification')
    .expect(logger.request.body.id)
    .eql(1)
  ;
});

但是logger.request是未定义的。 logger.requests.length也为0。

如果有人可以告诉我如何检查请求正文，我将不胜感激？

Answer 1

RequestLogger对象具有requests属性，该属性是已记录请求的数组，但不是单个请求。我尝试使用空的requests属性来重现该问题，但它可以按预期工作。请检查以下测试代码：

import { RequestLogger } from 'testcafe';

const requestUrl = 'https://demos.devexpress.com/aspxgridviewdemos/gridediting/EditForm.aspx';
const logger = RequestLogger({ url: requestUrl, method: 'post' }, { logRequestBody: true, logRequestHeaders: true });


fixture `Notifications`.page('https://demos.devexpress.com/aspxgridviewdemos/gridediting/EditForm.aspx')
    .requestHooks(logger);

test('notification request contains id', async t => {
    await t.click('#ContentHolder_grid_DXEFL_DXCBtn9');
    await t.expect(logger.requests[0].request.body).ok();
});

UPD。我发现以下两者之间存在差异：

await t.click('#ContentHolder_grid_DXEFL_DXCBtn9');
await t.expect(logger.requests[0].request.body).ok();

和

await t
    .click('#ContentHolder_grid_DXEFL_DXCBtn9')
    .expect(logger.requests[0].request.body).ok();

第二种情况不起作用，因为我们需要等待直到请求被完全处理，因此我们需要在断言之前添加await

Testcafe：如何测试请求的POST参数

1 个答案: