graphql - 如何使用 cypress stub 对 graphql 的调用？

Question

我正在编写一个 Vue 应用程序，它使用 vue-apollo 与 graphql 交互。我想知道是否可以 stub 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

问题在于 Cypress 中尚未实现 stub fetch 请求(Vue Apollo 正在使用该功能)。我最终关注了these说明:

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

.

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

现在可以了!