如何使用cypress对graphql的调用存根？

Question

我正在编写一个使用vue-apollo与graphql交互的Vue应用程序。我想知道是否可以存根graphql请求。我认为这应该有效：

  it('should access a story', function() {
    cy.server();
    cy.route('http://localhost:3002/graphql', {
      data: {
        Story: { id: 2, title: 'story title', content: 'story content' }
      }
    });

    cy.visit('/stories/2');
  });

不幸的是，我从graphql抱怨id是Int而不是ObjectId。我错过了什么吗？

Answer 1

问题是在赛普拉斯尚未实施存根fetch请求（这是Vue Apollo正在使用的）。我最后关注these说明：

• 安装github/fetch
• 将此添加到cypress/support/index.js：

.

Cypress.on('window:before:load', win => {
  win.fetch = null;
  win.Blob = null;
});

现在它有效！