首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

apollo-在Jasmine/Karma测试中使用mockError时出现angular抛出错误

Apollo是一个开源的GraphQL客户端,它提供了一种简单且强大的方式来管理GraphQL查询和状态。在Jasmine/Karma测试中使用mockError时出现Angular抛出错误的问题,可能是由于未正确处理错误导致的。

解决这个问题的方法是使用Apollo提供的mockError函数来模拟错误,并在测试中捕获和处理该错误。以下是一种可能的解决方案:

  1. 首先,确保你已经安装了Apollo和相关的依赖包。可以通过以下命令来安装:
代码语言:txt
复制
npm install apollo-client graphql graphql-tag --save-dev
  1. 在你的测试文件中,导入所需的依赖项:
代码语言:txt
复制
import { ApolloClient, ApolloLink, HttpLink, InMemoryCache } from 'apollo-client';
import { onError } from 'apollo-link-error';
import { ApolloProvider } from 'react-apollo';
import { mockNetworkInterfaceWithSchema } from 'apollo-test-utils';
import { makeExecutableSchema } from 'graphql-tools';
  1. 创建一个模拟的GraphQL网络接口,并配置错误处理:
代码语言:txt
复制
const schema = makeExecutableSchema({ typeDefs });

const networkInterface = mockNetworkInterfaceWithSchema({ schema });

networkInterface.use([{
  applyMiddleware(req, next) {
    if (req.query.includes('mockError')) {
      next(new Error('Mock error message'));
    } else {
      next();
    }
  },
}]);
  1. 创建Apollo客户端并将模拟的网络接口传递给它:
代码语言:txt
复制
const client = new ApolloClient({
  link: ApolloLink.from([
    onError(({ graphQLErrors, networkError }) => {
      if (graphQLErrors) {
        graphQLErrors.forEach(({ message, locations, path }) => {
          console.log(`[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`);
        });
      }
      if (networkError) {
        console.log(`[Network error]: ${networkError}`);
      }
    }),
    new HttpLink({ uri: 'http://your-graphql-endpoint' }),
  ]),
  cache: new InMemoryCache(),
});
  1. 在你的测试中,使用mockError来触发错误并进行断言:
代码语言:txt
复制
it('should handle error', async () => {
  const query = gql`
    query {
      someQuery {
        id
      }
    }
  `;

  const { result, error } = await client.query({ query });

  expect(error).toBeDefined();
  expect(error.message).toBe('Mock error message');
});

这样,你就可以在Jasmine/Karma测试中使用mockError来模拟错误,并对错误进行处理和断言了。

关于Apollo的更多信息和使用方法,你可以参考腾讯云的Apollo产品介绍页面:Apollo产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

angular面试问题_kafka面试题

Angular中有什么作用? 什么是JasmineAngular中有什么用? 什么是protractor? 单元测试 Unit Test 什么是Angular的单元测试?...jasmine是一套通用的测试框架,除了Angular之外,也有广泛引用;KarmaAngular专用的用于管理测试配置等的框架,让测试代码方便的指定浏览器执行;另外,根据喜好,也可以选择 Mocha...Angular项目的根目录下,我们具有用于配置Karma的文件karma.conf。 什么是JasmineAngular中有什么用?...Angular UT的最佳实践 beforeEach() 初始化使用到的上下文; describe(),it() 的描述要清晰。...方便阅读,方便测试失败快速定位; 使用after() ,afterEach()重置测试改变的全局状态; 每1个具体测试用例,不要过于复杂,尽量保证15行代码以内 什么是TestBed,有什么作用 TestBed

2.3K20

如何用 KarmaJasmine,Webpack 测试 UI 组件系列(一)配置篇

如何用 Karma,Jasmine,Webpack 测试 UI 组件系列 (一) 配置篇为什么要测试 从个人经验来看,测试是防止软件缺陷的最好方法。...生产开发当我们修改一小段代码,大部分的开发人员会手动打开他们的浏览器 或 POSTMAN来验证它是否仍然正确。 这种方法(手工测试)不仅低效,而且会隐藏一些你未发现的缺陷。...一旦所有的测试通过,这些零散的单元组合在一起也会运行的很好,因为这些单元的行为已经被独立的验证过了。 本文介绍如何使用 Karma,Jasmine,Webpack 编写单元测试代码。...Webpack 和 Babel 的安装和配置 Babel和Webpack的根据使用到的ECMAScript新特性决定是否配置,我的配置如下 Jasmine 的断言库的引入 编写测试用例 因为我司在生成还在使用...参考 Testing AngularJS with Jasmine and Karma (https://scotch.io/tutorials/testing-angularjs-with-jasmine-and-karma-part

2K150

搭建 karma + jasmine 测试环境

在前端开发的过程,我们会写很多的功能函数,这样就会涉及到对这些功能函数进行单元测试,而karma就是一个很好用的可以浏览器环境中进行测试的集成工具。 1....什么是 karma karma 是由Angular团队开发的一款测试工具,帮助开发者更好更快速地多种环境下执行测试代码,拿到测试结果。...在运行的时候,它会自动启动配置好的浏览器,同时也会启动一个 node 服务器,然后启动好的浏览器执行测试代码,并将测试代码执行结果传回给 node 服务器,然后 node 服务器在打印出收到的执行结果... init 时会让你选择一些配置项: test framework ---- 我这里选择的是jasmine,它是一款JavaScript断言测试库 use Require.js ---- 根据个人情况...根据配置项的选择安装插件 (1) 测试框架选择的是jasmine,安装步骤如下: $ npm install jasmine-core karma-jasmine -D 复制代码 这里要装两个,一个是jasmine

1.7K20

Twitter工程师聊JS

单页应用特点是无需页面跳转刷新,例如 Facebook首页、Gmail邮箱 应该使用哪个框架呢?React? Angular? Ember?...请求每个JS的依赖通常是一个script tag接着一个script tag,很慢 所以出现了JS bundle的概念,把所有依赖都放到一个文件,并压缩 有些工具还支持 hot reloading...和 sourcemaps hot reloading 当文件内容变化时,浏览器动态更新文件 sourcemaps 使debug更加容易,使bundle回到原始形式 Grunt、gulp、broccoli...JS的测试越来越重要,JS本身没有测试框架,需要依赖外置库 Mocha和Jasmine是两个主流库,你来定义预期行为,然后进行断言 对于运行测试,Mocha提供了命令行工具,而Jasmine没有,很多开发者使用...Karma,他是一个test runner,Mocha和Jasmine测试都可以使用Karma运行 我个人的建议是 Karma + Jasmine,如果需要用到浏览器测试使用PhantomJS

1.4K60

搭建 karma + jasmine 测试环境

在前端开发的过程,我们会写很多的功能函数,这样就会涉及到对这些功能函数进行单元测试,而karma就是一个很好用的可以浏览器环境中进行测试的集成工具。 1....什么是 karma karma 是由Angular团队开发的一款测试工具,帮助开发者更好更快速地多种环境下执行测试代码,拿到测试结果。...在运行的时候,它会自动启动配置好的浏览器,同时也会启动一个 node 服务器,然后启动好的浏览器执行测试代码,并将测试代码执行结果传回给 node 服务器,然后 node 服务器在打印出收到的执行结果... init 时会让你选择一些配置项: test framework ---- 我这里选择的是jasmine,它是一款JavaScript断言测试库 use Require.js ---- 根据个人情况...根据配置项的选择安装插件 (1) 测试框架选择的是jasmine,安装步骤如下: $ npm install jasmine-core karma-jasmine -D 这里要装两个,一个是jasmine

8710

25个超有用的 AngularJS Web 开发工具

1)AngulaJS最佳测试工具——Protractor Protractor支持AngularJS应用程序,是一款终端到终端的测试框架。Protractor真正的浏览器运行测试。...官方网站:http://angular.github.io/protractor/ 2)AngularJS测试框架——Jasmine Jasmine对于JavaScript用户而言,也是一款测试框架。...官方网站:https://www.firebase.com/docs/web/libraries/angular/index.html 5)AngularJs测试工具——karma karma也是一款非常盛行的测试框架...Mocha测试运行持续,映射未捕获的异常到正确的测试案例的同时,允许灵活和准确的报告。 ?...这也是为什么我们只使用jQuery,而无需它的任何插件。每个部件之后都可以被自制成完美地插入到AngularJS应用程序。 ?

3.7K50

前端自动化测试工具 overview

TDD vs BDD: TDD(Test Drivin Development)是测试驱动开发,强调的是一种开发方式,以测试来驱动整个项目,即先根据接口完成测试编写,然后完成功能要不断通过测试,最终目的是通过所有测试...mocha: 优点: 终端显示友好 灵活,扩展性好 缺点: 自身集成度不高(没有断言,spy,异步等),而且经常要配合Chai,Sinon等库使用 配置相对麻烦一点点 Jasmine: 优点:...当我们有需要在真实浏览器环境测试可以考虑这两个框架 测试任务管理工具 Karma ?...Karma 是 Google Angular 团队开源的 JavaScript测试执行过程管理工具,其提供了强大的自动化测试功能,其主要提供能力如下: 提供真实环境,可以配置 各种chrome, firefox...等各种浏览器环境或者 Phantomjs等无头浏览器环境 可控制自动化测试流程,比如编辑器保存自动全部全部测试用例 强大适配器,可以karma上面配置jasmine,mocha等单元测试框架。

2.2K110

前端自动化测试工具 overview

TDD vs BDD: TDD(Test Drivin Development)是测试驱动开发,强调的是一种开发方式,以测试来驱动整个项目,即先根据接口完成测试编写,然后完成功能要不断通过测试,最终目的是通过所有测试...mocha: 优点: 终端显示友好 灵活,扩展性好 缺点: 自身集成度不高(没有断言,spy,异步等),而且经常要配合Chai,Sinon等库使用 配置相对麻烦一点点 Jasmine: 优点:...当我们有需要在真实浏览器环境测试可以考虑这两个框架 测试任务管理工具 Karma ?...Karma 是 Google Angular 团队开源的 JavaScript测试执行过程管理工具,其提供了强大的自动化测试功能,其主要提供能力如下: 提供真实环境,可以配置 各种chrome, firefox...等各种浏览器环境或者 Phantomjs等无头浏览器环境 可控制自动化测试流程,比如编辑器保存自动全部全部测试用例 强大适配器,可以karma上面配置jasmine,mocha等单元测试框架。

1.3K10

如何管理云原生应用程序的依赖关系

云原生应用,每个微服务都有自己的依赖关系,这些依赖关系由运行微服务的容器来管理,容器负责确保使用正确版本的依赖关系,并使其保持最新。...": "~2.99.1", "jasmine-spec-reporter": "~4.2.1", "karma": "~3.0.0", "karma-chrome-launcher":..."~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.1", "karma-jasmine": "~1.1.2", "karma-jasmine-html-reporter...它不仅可以加快你的开发过程,而且还可以确保你的团队的每个人都在使用相同版本的依赖关系。自动化工具的工作原理是查看你代码声明的依赖关系,并将它们与可用的版本进行比较。...结   语 云原生世界,一个典型的环境是由各种各样的依赖关系支持的。全面地测试这些依赖关系对任何云原生应用的成功都至关重要。然而,手动更新所有的依赖关系可能很困难,也很耗时。

1.7K10

每日前端夜话(0x04):2018年JavaScript状态调查(

Angular ? Angular是一个基于TypeScript的开源前端Web应用程序平台。 请注意,与以往不同的是,调查的过去版本还有一个关于AngularJS的问题。...Jasmine ? GitHub 14k stars 适用于浏览器和node.js的简单JavaScript测试框架 Jasmine 随时间的流行度 ? Jasmine 最受喜欢的方面 ?...Jasmine 最不受欢迎的方面 ? 哪些工具与 Jasmine 一起使用? ? 使用 Jasmine 的国家情况 平均而言,28.1%的受访者使用Jasmine ,并乐于再次使用它。...Jest使用方面紧随其后,但其满意度略高:96%对82%。96%是今年整个调查第高的满意度。只有ES6获得了更好的成绩!...“单页应用程序”时代,Web应用程序变得越来越复杂,客户端实现越来越多的逻辑。调查显示,开发人员使用许多工具来测试他们的应用程序。

1.5K20

写代码无BUG,网易云前端单元测试方案总结

出现错误时输出如下 ? 因为运行在不同环境需要的包格式不同,所以需要我们针对不同环境做不同的包格式转换,为了了解不同端跑单元测试需要做哪些事情,可以先来了解一下常见的包格式。.../Node 想要使用 AMD 需要全局引入 RequireJS,对单元测试而言比较典型的问题是初始化 karma 时会询问是否使用 RequireJS ,不过一般现在很少有人使用了。...,所以搭建测试工具链要确定自己运行在什么环境,如果在 Node 只需要加一层 babel 转换,如果是真实浏览器,则需要增加 webpack 处理步骤。...Jest 和 Jasmine 具有非常相似的 API ,所以 Jasmine 中用到的工具 Jest 依然可以很自然地使用。...上面的内容介绍了 chai , mocha , karma , jasmine 和 jest, 每种工具分别对应一些自己特有的工具链,选取合适的测试工具根据实际需要选择, 测试领域还有非常多的工具数都数不过来

9.5K20

常用的前端自动化测试工具介绍 —— Karma

开发的过程,除了代码本身,测试也是重要的一环。...在前端开发,我们可以选用 Karma 进行代码的单元测试,这个工具十分强大,它集成了像 Jasmine(基于 BDD 的测试框架),PhantomJS(无界面的浏览器) 这些测试套件。...本文只介绍 Karma 的基本使用。 单元测试工具 Karma使用 Karma 对代码进行单元测试,首先需要安装一系列的相关插件。...我这里选择使用 Jasmine 测试框架,使用 PhantomJS 无界面浏览器,整体的配置选项如下: myKarmDemo karma init Which testing framework do...使用 PhantomJS 的好处在于其是一个无界面的浏览器运行环境,可以跑命令行环境某些没有 Chrome 等浏览器服务器环境下比较好用,方便代码验收和集成。

1.5K10

Yeoman 官网教学案例:使用 Yeoman 构建 WebApp

STEP 3:使用生成器搭建我们的app 我们已经使用多次“脚手架”这个词,但是你可能还不知道它是什么意思。 Yeoman的 语境,脚手架材料表示通过一些配置为你的 webapp 生成文件。...none) css 预处理器(Sass,Less,none) 三个模板app(a landing page,hello world,TodoMVC) 该案例,我们会使用 React, Webpack...如下,我们编辑 src/app/components 路径下的 Header.js 修改立即生效 STEP 6:使用karmajasmine测试  有些人可能不熟悉Karma,它是不依赖于框架的测试运行器...Fountainjs 生成器已经包含 jasmine 测试框架。。。。 6.1 运行测试单元 让我们返回命令行按 Ctrl+C 停止本地服务器。...STEP 7:使用 Local Storage 永久保存 todos 让我们重新看一下当刷新浏览器 React/Redux mytodo 不能保存的问题。

2.4K70

【UTP自动化测试平台系列之终章】前端探索之路

五、Angular4UTP的实践 UTP平台前端采用Angular4框架进行开发,使用了组件化开发、双向数据绑定、引入外部插件、cookie缓存、Http服务、单元测试等技术,经过了不断挖坑、填坑的过程...一定要遵循angular架构的顺序,首先通过npm i的方式进行组件下载,然后module中进行引用,最后使用的组件引入接口。...5.3 单元测试引入:Karma+Jasmine+Istanbul 一般开发人员都是比较喜欢架构开发、功能迭代,而不会花很多时间和精力单元测试上,但是随着模块增多,迭代速度增快,变得开发的功能非常不可控...对于Angular的单元测试,可以利用KarmaJasmine进行ng模块的单元测试,并可用Istanbul来生成代码覆盖率测试报告,是非常实用的工具。 ?...(4)启动关联mock即可使用,非常方便。 现在的平台开发不是单打独斗,而是需要多人高效合作,提高生产力的时代。

2.5K110

web自动化测试(1):再谈UI发展史与UI、功能自动化测试

《乔布斯传》里,Jobs就是看到施乐开发的实验性GUI以后,回去马上开始搞,还从施乐挖了一波人。然后微软有苹果公开的东西上面模仿。接着就是一部波澜壮阔的GUI发展史。 从CS架构到BS架构。...互联网发展如火如荼,推荐看下《浏览器史话chrome霸主地位的奠定与国产浏览器的割据混战》,本人13年从Java入坑H5,但是前端的UI测试,除了前端工程师的 mocha karma jasmine...Regression testing:回归测试,是指修改了旧代码或加入新功能,重新进行测试以确认修改没有引入新的错误或导致其他代码产生错误 Performance testing:性能测试测试程序是否稳定可靠...单元测试软件开发过程要进行的最低级别的测试活动,软件的独立单元将在与程序的其他部分相隔离的情况下进行测试,如C语言中单元指一个函数,Java里单元指一个类,图形化的软件可以指一个窗口或一个菜单等...由tj大神开发 Jest: 由Facebook出品的测试框架,Jasmine测试框架上演变开发而来,集成了 Mocha,chai,jsdom,sinon等功能。

1.6K20

为ES6配置JavaScript测试工具

本文中我会介绍如何配置那些最流行的测试工具 —— Mocha,JasmineKarma以及Testem —— 以便让它们能与ES6一起工作。我们还会看一看测试ES6代码的最佳实践。...使用Karma,为了浏览器执行Babel转译过的测试,我们需要安装karma-babel预处理器模块。...以下的示例使用了Mocah和Chai,但原理同样适用于Jasmine。 基础 基本情况和测试非ES6代码一样。...Mocha谨慎使用箭头函数 Mocha请谨慎使用箭头函数。某些情况下你需要使用this.timeout来控制一个测试超时之前的等待时间。如果你使用了箭头函数,那这个配置就不会生效。...当你的测试存在测试替身(test double)使用它是个好主意,因为它会在测试结束自动帮你释放被替身的对象。但是由于它使用了this绑定,因此它无法使用箭头函数正常工作。

2.9K20
领券