Cypress - 模拟窗口属性

Question

我有一个使用 window.foo.abc 作为条件来显示某些内容的代码。

我想用 cypress 测试这个功能，我想把这个值模拟为 false 和 true。

我怎样才能做到这一点？

我试过了

 before(function() {
      Cypress.on('window:before:load', win => {
        window.foo.abc = true;
      });

和

  Cypress.window().then(win => {
    window.foo.abc = true;
  });

没有成功。

我怎样才能模拟这个值？

谢谢🙏

Answer 1

此代码不正确，

Cypress.on('window:before:load', win => {
  window.foo.abc = true;
});

它应该是

Cypress.on('window:before:load', win => {
  win.foo.abc = true;
});

您不必在before()使用它，但它应该位于规范的顶部。

但我怀疑它在更正后仍然无法工作，很可能应用程序在加载期间将foo重置为新对象，即在cy.visit()期间

您可以使用第二个块

cy.visit('...')  // visit before changing

Cypress.window().then(win => {
  win.foo.abc = true;            // correct the syntax here as well
})