赛普拉斯测试中对存根的错误调用

如何解决赛普拉斯测试中对存根的错误调用

我试图断言某个方法已被调用，因此将其存为空：

import * as dataActions from '../../../src/redux/data.actions';

it.only('sends start request',() => {
  cy.visit('/')
  const stub = cy.stub(dataActions,'handleMessage',() => console.trace('HELLO FROM FAKE')).as('messageStub')
  expect(stub).not.to.be.called;
  cy.contains(/start/i).click() // this will call handleMessage
  expect(stub).to.be.called;
});

我已经确认，存根确实阻止了实际的handleMessage被调用。但是，测试在最终断言上失败。而且它可以立即执行，而无需Cypress著名的超时。

但是，尽管失败了，但存根还是以某种方式被调用了四次。我可以在控制台中看到“ HELLO FROM FAKE”，而赛普拉斯日志显示了存根的四个调用：

这种行为非常奇怪：如果我注释掉最后一个断言，则该方法不会被存根（调用实际的实现），并且永远不会调用伪造的方法。

这是怎么回事？

更新：访问cypress文档意味着您应该在实际方法上声明，而不是在返回的存根上声明。但是，以下内容会得到 exact 相同的结果：

it.only('sends start request',() => {
  cy.visit('/')
  
  cy.stub(dataActions,() => console.log('HELLO FROM FAKE')).as('messageStub')
  cy.contains(/start/i).click()
  expect(dataActions.handleMessage).to.have.been.called;
});