TestCafe在IE浏览器运行测试时页面冻结无法跳转登录页

修复步骤 #

• 调整IE浏览器安全配置
  打开IE「Internet选项」→ 切换到「安全」标签页，将测试涉及的所有站点（含重定向前的业务地址、登录页地址）全部加入「受信任的站点」列表。进入受信任站点的「自定义级别」设置，将「允许跨域浏览窗口和框架」设为启用，同时关闭受信任站点的保护模式，重启IE后生效。
• 新增TestCafe IE专用启动参数
  启动测试时添加--disable-page-caching禁用页面缓存，避免重定向逻辑被缓存拦截；同时添加--ie-native-events off关闭IE原生事件模拟，规避事件触发异常导致的页面无响应。启动命令示例：
  testcafe "ie --disable-page-caching --ie-native-events off" 你的测试文件路径.js
• 测试代码增加重定向等待逻辑
  不要使用硬编码的固定等待时长，改用TestCafe元素存在性断言等待登录页加载完成，可适当拉长超时时间适配IE的低速加载特性。参考代码：

  import { Selector } from 'testcafe';
  // 登录页唯一元素，比如用户名输入框
  const loginUsernameInput = Selector('#login_username');
  fixture`测试套件`
    .page`测试起始页地址`;
  test('测试用例', async t => {
    // 触发重定向的操作，比如点击登录入口
    await t.click('#go_login_btn')
      // 等待登录页元素加载，超时时间设为30秒
      .expect(loginUsernameInput.exists).ok({ timeout: 30000 });
    // 后续登录操作逻辑
  });
  

• 清理依赖缓存重试
  执行npm cache clean --force清理npm本地缓存，重新安装TestCafe依赖后再次运行测试，规避依赖损坏导致的异常。

问题现象截图 #

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