Cypress组件测试异常：断言失败未报错且cy.wait未执行求助

你遇到的问题核心在于在Cypress组件测试的beforeEach中错误使用了Mocha的done回调。Cypress本身已经内置了异步操作的处理机制，不需要手动调用done来通知测试完成——这种做法会导致测试流程提前结束，使得cy.wait和后续断言都没有被正确执行，甚至断言失败都不会被捕获。

具体问题分析 #

• 当你在beforeEach中传入done并手动调用done()时，Mocha会认为初始化流程已经完成，直接进入测试用例执行。但实际上cy.mount是Cypress的异步命令，它的回调逻辑（比如初始化TranslateService）可能还没执行完毕。
• 这种情况下，Cypress的命令队列会被中断，cy.wait(10000)根本不会进入执行队列，所以截图里的时间戳没有变化；同时同步的expect断言可能在测试上下文异常的情况下，没有被Cypress的错误捕获机制检测到。

修复方案 #

步骤1：移除done回调 #

删除beforeEach的done参数和done()调用，让Cypress自动处理cy.mount的异步完成：

beforeEach(() => {
  cy.viewport(750, 300);
  cy.mount(CreateDiscussionPopUpComponent, config).then((res) => {
    component = res.component;
    fixture = res.fixture;
    console.log(component + " " + fixture);

    const translateService = TestBed.inject(TranslateService);
    translateService.use("de");
  });
});

步骤2：优化断言的执行时机（可选但推荐） #

虽然Cypress可以捕获同步断言的失败，但为了符合Cypress的异步命令队列模式，建议将断言包裹在cy.then()中，确保它在cy.wait之后执行：

it("8.1.3", () => {
  cy.wait(10000).then(() => {
    expect(false).to.equal(true);
  });
});

额外提示 #

• Cypress的测试不需要手动处理异步（比如done或async/await），它会自动等待所有命令完成后再执行后续代码。
• 如果需要在组件挂载后执行初始化逻辑，直接在cy.mount的.then()回调中处理即可，Cypress会确保这部分逻辑完成后才进入测试用例。

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