带有Cookie的Testcafe请求

Question

我正在尝试在testcafes API中找到与Cypress的请求类似的方法。

Cypress的request会将所有cookie附加到浏览器中已经存在的请求上，以便http请求看起来像是由浏览器/用户发出的。

testcafe中是否有类似的功能？

Answer 1

您可以使用ClientFunctions机制修改Cookie。这些cookie将被添加到进一步的请求中。这种方法是安全的，因为TestCafe中的每个测试均以清晰的cookie开始，因此cookie的修改不会影响其他测试。 我准备了一个示例，请看它：

import { ClientFunction } from 'testcafe';

const setCookie = ClientFunction(() => {
    document.cookie = "myCustomCookie=myCustomValue";
});

fixture `fixture`
    .page `http://google.com`;

test(`1`, async t => {
    await setCookie();

    await t.typeText('input[type=text]', 'test');

    await t.debug();
});

Answer 2

也请看看https://azevedorafaela.com/2019/07/24/inject-cookies-in-your-testcafe-automation/?source=post_page---------------------------。那篇文章可能对您有用。