导航到第二页后 Cookie 值为空

Question

我有 2 个域。对第一个执行的某些操作会导致在它们两个上设置相同的 cookie。我需要在两个域上读取此 cookie 的值。问题是，然而这在第一个是可能的，在导航到第二个之后，cookie 是存在的，但它的值是空的。

为什么？

获取 cookie 值的代码如下：

const getCookie = ClientFunction(() => {
    const name = 'ConfigCookie';
    const match = document.cookie.match(new RegExp(name + '=([^;]+)'));
    let decodedValue;
    if (match) decodedValue = decodeURIComponent(match[1]).replace(/%28/g, '(').replace(/%29/g, ')');
    return JSON.parse(decodedValue || '');
})

这是测试代码（我删除了敏感数据）

test('xyz', async t => {
    await t
        .navigateTo(FirstDomain)
        .click(firstDomainSubmitButtonSelector)
        const firstDomainCookie = await getCookie();
        const firstDomainConsents = firstDomainCookie.consents;
    await t
        .expect(consents).eql({here the expected value});
    await t
        .navigateTo(SecondDomain)
        const secondDomainCookie = await getCookie();
        const secondDomainConsents = secondDomainCookie.consents;
        console.log(secondDomainConsents)
})

Answer 1

我创建了一个带有 TestCafe 测试的代码 sn-p，显示了您描述的行为。我这边的测试是绿色的。您能否更改测试以显示有问题的行为并分享更正测试的代码，以便我可以重现该问题？

import { Selector, ClientFunction } from 'testcafe';
 
fixture`test fixture`
const FirstDomain = 'http://devexpress.github.io/testcafe/example';
const SecondDomain = 'https://wikipedia.org/';
test('test name', async t => {
    const setCookie = ClientFunction(() => {
        document.cookie = 'key=value'
    });
    const getCookie = ClientFunction(() => {
        return document.cookie;
    });
    const data = 'key=value'
    await t.navigateTo(FirstDomain)
    await setCookie()
    await t.expect(await getCookie(data)).ok()
    await t.navigateTo(SecondDomain)
    await setCookie()
    await t.expect(await getCookie()).ok(data)
    await t.navigateTo(FirstDomain).click(await Selector('#submit-button'))
    await t.expect(await getCookie()).ok(data)
    await t.navigateTo(SecondDomain)
    await t.expect(await getCookie()).ok(data)
})