Cypress测试随机失败求助：单独通过批量运行时成败各半

针对你遇到的「单独运行最后一个测试用例通过，但批量运行时成败各半，报错(uncaught exception) SyntaxError: Unexpected end of JSON input且页面存在<iframe>」的问题，可从以下几个方向排查解决：

• 等待iframe完全加载后再执行操作
  批量测试时，前序测试可能未等待iframe加载完成就进入下一个用例，导致后续操作时iframe内容未就绪。可以通过监听iframe的load事件或验证其内容窗口状态来确保就绪：

  cy.get('iframe').then($iframe => {
    const contentWindow = $iframe[0].contentWindow;
    cy.wrap(contentWindow).should('have.property', 'document').then(() => {
      // 在此执行iframe内的操作逻辑
    });
  });
  

  或者直接绑定加载事件：

  cy.get('iframe').on('load', () => {
    // 执行后续测试步骤
  });
  

• 确保JSON数据完整后再解析
  Unexpected end of JSON input错误本质是解析时机过早，此时JSON字符串还未完全生成或返回。需保证数据就绪后再执行解析：

  • 若数据来自接口请求，用测试框架的请求拦截等待功能，比如：

    cy.intercept('GET', '/api/target-data').as('fetchData');
    // 触发请求的操作
    cy.wait('@fetchData').then(interception => {
      const validData = JSON.parse(interception.response.body);
      // 后续断言或操作
    });
    

  • 若数据来自iframe内部，需确认iframe内的脚本已生成完整JSON后再读取。

• 清除测试间的状态污染
  批量测试时，前序测试的残留状态（如Cookie、LocalStorage、未销毁的iframe）可能干扰后续用例。在每个测试前后添加钩子重置状态：

  beforeEach(() => {
    cy.clearCookies();
    cy.clearLocalStorage();
    cy.visit('/'); // 重新加载页面，确保初始状态干净
  });
  
  afterEach(() => {
    // 移除页面上的iframe，避免残留
    cy.get('iframe').then($iframe => $iframe.remove());
  });
  

• 保证测试用例的独立性
  确保最后一个测试用例不依赖前序测试的执行结果或状态。若存在依赖，批量运行时前序测试的状态波动会导致随机失败。

• 给易失败步骤增加重试机制
  对随机失败的关键操作（如JSON解析、iframe操作）增加重试次数，比如在测试配置中设置重试：

  it('最后一个测试用例', { retries: 2 }, () => {
    // 测试逻辑
  });
  

  或者针对解析步骤单独重试：

  cy.retry(() => {
    const jsonText = cy.get('#json-content').invoke('text');
    return JSON.parse(jsonText);
  }).then(validData => {
    // 处理解析后的数据
  });
  

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