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

2024-01-22

我正在编写一个使用 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 is an Int而不是ObjectId。我错过了什么吗?


问题是存根fetchrequests 尚未在 Cypress 中实现(Vue Apollo 正在使用它)。我最终跟随these https://github.com/cypress-io/cypress/issues/95#issuecomment-347607198指示:

  • Install github/fetch https://github.com/github/fetch
  • 将其添加到cypress/support/index.js:

.

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

现在可以了!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 cypress 存根对 graphql 的调用? 的相关文章

  • 如何使用 cypress.io 更改数据库中记录的属性

    我是 cypress 的新手 我想知道如何进行以下检查 我有一个案例 我在数据库中有一个产品 其状态可以是 InStock OutOfStock 和 Discontinued 如果产品处于 InStock 状态 我应该能够将其发送给客户 如
  • 运行功能文件时出错:无法遍历依赖图

    我已经安装并尝试配置 Cucumber 预处理器包 以将 Cucumber 实现到现有的 cypress 框架中 但是当我去运行我的功能文件时 我收到以下错误 有任何想法吗 错误 无法遍历依赖关系图 无法从 C Source CoreDev
  • GraphQL 缺少名称

    刚刚使用 Node 和 C 学习 GraphQL 我正在尝试将 C 示例移植到 Node 因为这将是一个很好的学习练习 因为我不太了解 Node 或 graphql 我有两种类型 帐户和所有者 即帐户所有者 以下内容一切正常 即拥有帐户的字
  • 如何更改 GraphQL for .NET 中的自定义对象列表

    Using NET 的 GraphQL https github com graphql dotnet graphql dotnet 我想用新的集合替换 Foo 的集合 给出这个服务器端代码 public class Foo public
  • AWS AppSync 更新架构

    我正在使用 AWS AppSync Web 控制台 我从头开始创建了一个新的 API 我创建了一个像这样的新资源 type ToDo id ID title String AWS AppSync 创建 DynamoDB 表和架构后 如果我想
  • 如何在 Cypress 中点击 x 次

    我的网站上有一个对象列表 所有对象旁边都有 添加 按钮 单击第一个 添加 按钮时 将添加该对象 并且该行消失并被下一个对象取代 对象名称相同 在保存之前 我想 click 三次以添加列表中的前三个对象 我怎样才能做到这一点 我知道 clic
  • 预扫描网页进行动态测试

    寻找 JeffTanner 提出的问题的明确答案here https stackoverflow com questions 69095677 cypress adding tests dynamically within a wrap a
  • Relay vs Redux vs Apollo with GraphQL 和 React-Native [已关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我必须从头开始一个新的 网络 本机 项目 中型应用程序 由于存在过多的 JS 框架和实现 尤其是在过去几年中 我对我常用的堆栈产生了第二个怀疑
  • apollo graphql 架构 React-admin 初学者

    这些技术是全新的 到目前为止我所看到的让我非常兴奋 我很难找到我所坚持的东西的例子 React admin 的文档建议我的模式说 Posts 遵循 allPosts 和 allPostsMeta allPosts 部分工作没有问题 但自然
  • 中继:无法读取 null 的属性“fetchKey”

    我尝试使用新的中继挂钩 但收到此错误 import React Fragment Suspense useEffect from react import Banner from banner Banner react const grap
  • GraphQLError:必须提供查询根类型

    我使用 NestJS TypeORM 和 GraphQL 作为我的后端 API 我收到以下错误 GraphQLError Object Query root type must be provided at SchemaValidation
  • 在笑话单元测试角度中显示正确的错误

    我正在 NX 角度工作区中编写单元测试 有时它会给出这样的错误 node 15320 UnhandledPromiseRejectionWarning TypeError Converting circular structure to J
  • 使用 Cypress 进行 Auth0 身份验证

    我正在尝试为 Cypress 创建登录命令 并注意到他们关于如何执行此操作的博客与预期值不匹配Auth0反应SDK https auth0 com docs libraries auth0 react 看来他们使用了自定义的 Express
  • 可以在没有 dynamoDB 的情况下使用 AWS App-Sync

    我对 Amazon app sync 的离线和同步功能感兴趣 但我想知道它是否可以在没有 dynamoDB 作为后端的情况下使用 用 VTL 为 dynamoDB 编写的 graphQL 解析器看起来很糟糕 看来使用 mongo 后端会好得
  • React 未捕获的不变违规:在 ApolloConsumer 的上下文中找不到“客户端”。将根组件包装在

    我有一个使用 React 应用程序react apollo 2 5 8以及我通过 NPM 安装并在应用程序中使用的自定义组件库 图书馆有react apollo 2 5 8列在对等和开发依赖项中 自从我将 React apollo 升级到
  • Gatsby 在 graphql 查询返回后获取图像路径

    所以我用 Gatsby 和 Remark 写了一个博客网站 我的帖子结构如下 Library category name article name index md 这非常有效 使我能够制作类似的路径 category name artic
  • Cypress:在 JSON 响应中存根特定键

    我想在 Cypress 中存根以下响应 专门存根密钥ds version 可能的值为 0 1 或 2 每个值将在 UI 上显示不同的元素 fixtures user json email email protected cdn cgi l
  • 如何使用 Nuxt ServerMiddleware 和 Apollo GraphQL 处理 301 重定向

    我目前正在构建一个 Vue Nuxt 应用程序 并结合修改后的 Saleor 安装来在线销售产品 当我们从现有系统迁移时 我们需要能够处理从旧网站 URL 到新网站 URL 的 301 重定向 我修改了 API 以响应以下 GraphQL
  • 这个 GraphQL 中的 `... on` 在做什么?

    我试图模仿某些 GraphQL 的功能 但我无权运行原始版本 它的形式如下 query dataSources dataType Ais on AisDataSource messages filter broadcastType Stat
  • type-graphql:如何知道Resolver返回了哪些字段

    我正在编写一个使用 type graphql 的后端应用程序 GraphQL 架构包括Folder键入如下所示 type Folder id ID name String rules Rule parent Group Rule and G

随机推荐