如何使用 testcafe 测试 API 调用的重试

Question

我正在使用 Testcafe 进行集成测试，并且我想测试我的应用程序在收到错误后重试 API 调用的场景。我正在使用异步重试库来拨打电话。 Retry 是我创建的一个实用程序，用于包装 API 调用，以便我可以包装用于调用异步重试的样板代码：

 const response = await Retry(
        () => {
            return fetch(
                buildUrl(env, csrf, '/api/myCustomCall', queryParams),
                options
            );
        },
        'getRecommendations',
        {
            onRetry: () => {
                console.log('RETRYING');
            }
        }
    );

对于后代，这是 Retry 实用程序：

import retry, { AsyncRetryOptions } from 'async-retry';

export const Retry = (
    func: () => Promise<any>,
    name: string,
    opts: AsyncRetryOptions = {}
): Promise<any> => {
    const retryOptions = {
        retries: opts.retries || 3,
        factor: opts.factor || 2,
        minTimeout: opts.minTimeout || 3000,
        maxTimeout: opts.maxTimeout || Infinity,
        randomize: opts.randomize || true,
        onRetry: (error: Error, attempt: number) => {
            console.error(
                `${new Date().toString()} - ${name} failed ${attempt} times, trying again`
            );
        }
    };

    return retry(func, retryOptions);
};

这是我的测试：

test.requestHooks(
    RequestMock()
        .onRequestTo(/myCustomCall/)
        .respond({ error: 'Bad value for request parameter' }, 400, responseHeaders)
)('Recommendation request retries 3 times', async (t) => {
    await playgroundInit(t);
    await t.expect(recommendationLogger.requests.length).eql(4);
});

playgroundInit 是一个实用函数，可以执行登录和导航到我正在测试的页面等操作。我在开发时，使用Chrome devtools来阻止API请求，以测试重试，结果成功。我看到重试有效。但是，我想在我的测试中模仿这一点以自动化此行为。如何模拟 testcafe 中的请求来触发重试？

Answer 1

据我了解，您是从 TestCafe 测试代码而不是从测试页面进行 API 调用。

在这种情况下，RequestMock机制将不会被应用。 RequestMock 通过从网站页面进行的 API 调用来工作。在您的情况下，您自己发起请求，因此 TestCafe 代理不会处理它。

如果您希望 RequestMock 工作，您可以尝试从浏览器而不是测试端进行 API 调用。为此，您可以使用 ClientFunction 机制，该机制允许您将 JS 代码注入到网站页面。

Answer 2

从 TestCafe 1.20.0 开始，您可以使用专用的 t.request 方法来 在测试中发送请求。发送此类请求将触发您在测试中设置的请求挂钩（如果这些请求满足请求挂钩的参数）。
您可以在指南中了解有关 TestCafe API 测试的更多信息。