TestCafe使用userRole后首个测试外.page跳转白屏仅preserveURL可临时修复

• 验证站点登录后自动跳转逻辑：若站点登录成功后强制跳转至固定路径，TestCafe默认Role机制执行完成后尝试回退到useRole调用前的目标页时，会被站点路由鉴权逻辑拦截，触发白屏。
• 检查登录态存储完整性：TestCafe默认在登录动作完成后缓存Cookie、LocalStorage、SessionStorage，若站点鉴权依赖页面加载完成后才异步写入的动态存储字段，默认缓存逻辑会遗漏该类字段，导致后续跳转目标页时鉴权失败。
• 核对测试上下文执行顺序：TestCafe默认每个用例执行前重置页面上下文，首个用例执行时.page跳转与登录流程顺序匹配站点加载逻辑，后续用例重置后.page跳转请求未完成就被Role登录态覆盖，导致路由异常。

方案1：调整执行顺序（改动最小，性能最优） #

删除fixture的.page配置，在beforeEach中先完成登录再跳转至目标页，无需修改用例代码，耗时与原逻辑基本一致：

fixture `Test searching foo orders`
    .beforeEach( async t => {
        await t
            .useRole(admin)
            .navigateTo('https://foo.example.com/#/foo_orders')
            .resizeWindow(1284, 722)
    });

方案2：补全Role登录完成校验逻辑 #

在Role定义的登录流程末尾添加等待逻辑，确认登录态完全生效后再结束Role初始化，可保留原fixture .page配置：

const admin = Role('https://foo.example.com/', async t => {
    await t
        .typeText('#email', users[0], { paste: true, replace: true })
        .typeText('#password', passwords[0], { paste: true, replace: true })
        .click('#login-btn')
        // 替换为站点登录成功后必出现的元素选择器，确保登录态已完全写入
        .expect(Selector('#after-login-element').exists).ok({timeout: 10000});
});

方案3：手动同步登录态存储（兼容特殊鉴权逻辑场景） #

若站点鉴权逻辑特殊，上述两个方案无法生效，可手动缓存登录后存储字段，每次用例执行前主动写入：

// authentication file .js
let cachedAuthStorage = null;
const admin = Role('https://foo.example.com/', async t => {
    await t
        .typeText('#email', users[0], { paste: true, replace: true })
        .typeText('#password', passwords[0], { paste: true, replace: true })
        .click('#login-btn')
        .expect(Selector('#after-login-element').exists).ok({timeout: 10000});
    // 缓存登录后的本地存储
    cachedAuthStorage = await t.eval(() => JSON.stringify(window.localStorage));
});
export { admin, cachedAuthStorage };

// test spec file .js
fixture `Test searching foo orders`
    .page`https://foo.example.com/#/foo_orders`
    .beforeEach( async t => {
        await t
            .useRole(admin)
            // 写入缓存的登录态存储
            .eval(storage => window.localStorage = JSON.parse(storage), { dependencies: { storage: cachedAuthStorage } })
            .resizeWindow(1284, 722)
            .refresh()
    });

内容的提问来源于stack exchange，提问作者Daniel