开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Sinon spy callCount属性在某些测试中返回0

Sinon是一个JavaScript的测试框架，它提供了一些强大的工具和函数来进行单元测试和行为验证。其中一个重要的功能是spy（间谍），它可以用来监视函数的调用情况。

在Sinon中，spy对象有一个callCount属性，用于记录该spy被调用的次数。然而，在某些测试中，当使用Sinon的spy对象时，callCount属性可能会返回0，即使函数已经被调用了。

这种情况通常发生在以下几种情况下：

测试中的代码逻辑错误：可能是测试代码中存在错误，导致spy对象没有正确地被调用。可以通过检查测试代码逻辑，确保spy对象被正确地触发和调用。
异步代码问题：如果被监视的函数是一个异步函数，可能会导致callCount属性返回0。这是因为在异步函数执行之前，测试代码已经执行完毕，导致spy对象的调用次数没有被正确记录。可以尝试使用Sinon的clock对象来模拟时间，以确保异步函数被正确地调用和记录。
作用域问题：如果被监视的函数是在一个特定的作用域中被调用的，可能会导致callCount属性返回0。这是因为spy对象只能监视全局作用域中的函数调用，默认情况下无法监视特定作用域中的函数调用。可以尝试使用Sinon的stub对象来模拟特定作用域中的函数调用，并确保callCount属性被正确地记录。

总结起来，当Sinon的spy对象的callCount属性在某些测试中返回0时，可能是由于测试代码逻辑错误、异步代码问题或作用域问题所导致。通过检查测试代码逻辑、使用Sinon的clock对象模拟时间和使用Sinon的stub对象模拟特定作用域中的函数调用，可以解决这个问题。

关于Sinon的更多信息和使用方法，可以参考腾讯云的产品介绍链接地址：Sinon - 腾讯云

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

用 jest 单元测试改善老旧的 Backbone.js 项目

$el.find('.multi').length).toEqual(0); }); 对方法调用的测试自然还是用 sinon 来做： it('应正确响应事件回调并加载子模板', function()...{ //模拟的返回数据 const server = sinon.createFakeServer(); server.respondImmediately = true; //立即返回...= sinon.spy(); const spy2 = sinon.spy(); const ViewClass1 = CardPrivileges({ data:{...$el.find('.privileges>li:nth-of-type(2)>a').click(); expect(spy.callCount).toEqual(1); expect(spy2...，可以快速迁移到 jest 中 Backbone.View 视图组件在经过 ES6 升级和合理封装后，可以明显改善页面的整洁度，并顺利应用于单元测试可以用 sinon.createFakeServer

3.5K1 0

对 React 组件进行单元测试

var spy = sinon.spy(MyComp.prototype, 'componentDidMount');...expect(spy.callCount).toEqual(1); stub...() { return 'bar'; });myObj.prop(); // 'bar' mock mock一般指在测试过程中，对于某些不容易构造或者不容易获取的对象，用一个虚拟的对象来创建以便测试的测试方法...广义的讲，以上的 spy 和 stub 等，以及一些对模块的模拟，对 ajax 返回值的模拟、对 timer 的模拟，都叫做 mock 。...虽然 Jest 本身也有一些实现 spy 等的手段，但 sinon 使用起来更加方便。 III....scene=0#rd VI.

4.3K4 0

实例入门 Vue.js 单元测试

var spy = sinon.spy(MyComp.prototype, 'someMethod'); ......expect(spy.callCount).toEqual(1); 1.7 stub 有时候会使用stub来嵌入或者直接替换掉一些代码，来达到隔离的目的一个stub可以使用最少的依赖方法来模拟该单元测试...(function() { return 'bar'; }); myObj.prop(); // 'bar' 1.8 mock mock一般指在测试过程中，对于某些不容易构造或者不容易获取的对象...虽然 Jest 本身也有一些实现 spy 等的手段，但 sinon 使用起来更加方便。...'); expect(spy2).toHaveBeenCalled(); }) }); 注：该示例中只是检验了是否被点击，还可以引入 sinon 的相关方法检验传入的参数等，写出更完备的测试

2.9K2 0

单元测试初体验

单元测试框架 Mocha Mocha 是 JavaScript 的一种单元测试框架，既可以在浏览器环境下运行，也可以在 Node.js 环境下运行。...测试辅助工具 Sinon Sinon 是一个独立的 JavaScript 测试 spy, stub, mock库，没有依赖任何单元测试框架工程。...Sinon API 介绍辅助工具库 Sinon 主要有三个Api：spy, stub, mock spy 翻译过来的意思是 “监视”。...sinon.js 中 spy 主要用来监视函数的调用情况，sinon 对待监视的函数进行 wrap 包装，因此可以通过它清楚的知道，该函数被调用过几次，传入什么参数返回什么结果，甚至是抛出的异常情况。...var spy = sinon.spy(orginObj, 'launch'); spy.restore(); 当 spy 使用完成后，切记把它恢复成原始函数，就像上边例子中最后一步那样。

1.6K2 0

使用mocha编写node服务单元测试

简单来说，断言库就是帮助我们去判断某些变量是否符合我们的要求，并且在不符合时做出错误提示。举个:chestnut:： assert(res !...我们可以在mocha启动时传入timeout参数，或者在测试用例中显示声明该测试用例的超时时间。.../util'; it('call example function once', function(){ const spyGetTime = sinon.spy(util, 'getTime')...除了calledOnce 属性之外，spy还在监听函数上挂载了很多监控属性，读者可以自行打印出来看看。 stub stub可以看做是spy的加强版，它不仅支持spy的各种收集行为，还能控制函数的行为。...sinon.stub替换了db的query方法，并且控制了其返回值。

4K2 0

【Web技术】639- Web前端单元测试到底要怎么写？

单元测试部分介绍先讲一下用到了哪些测试框架和工具，主要内容包括： jest ，测试框架 enzyme ，专测 react ui 层 sinon ，具有独立的 fakes、spies、stubs、mocks...这就是写测试用例的基本套路。我们在写测试用例时尽量保持用例的单一职责，不要覆盖太多不同的业务范围。测试用例数量可以有很多个，但每个都不应该很复杂。...对于 reducer，我们主要测试两个方面：对于未知的 action.type ，是否能返回当前状态。对于每个业务 type ，是否都返回了经过正确处理的状态。...*/ test('when componentDidMount and data is empty, should getData', () => { sinon.spy(BizTable.prototype...，结合 enzyme 和 sinon ，测试用例依然保持简单的节奏。

3.1K3 0

更可靠的 React 组件：从可测试的到测试通过的

wrapper.find('button').at(1).simulate('click'); assert(parent.state('number') === 0); }); });...测试场景中需要一个额外的组件，用来模拟父组件，检验是否正确修改了父组件的状态。当独立于父组件的细节时，测试就简单了。...{ spy } from 'sinon'; function Controls({ onIncrease, onDecrease }) { return ( <div className..., function() { it('should execute callback on buttons click', function() { const increase = sinon.spy...(); const descrease = sinon.spy(); const wrapper = shallow( <Controls onIncrease={increase

9631 0

前端自动化测试工具 overview

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

2.3K11 0

前端自动化测试工具 overview

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

1.4K1 0

Atom飞行手册翻译： 3.8 编写spec

确切地说，你在Atom中如何编写测试呢？ Atom使用Jasmine作为spec框架。任何新的功能都要拥有specs来防止回归。...Promise 在Atom中处理Promise更加简单。你可以使用我们的waitsForPromise函数。...') fs.readdir('/tmp/example', spy) waitsFor -> spy.callCount > 0 runs -> exp...pass", -> expect("apples").toEqual("apples") expect("oranges").not.toEqual("apples") 在CI中运行...在CI环境，类似Travis和AppVeyor中运行spec现在非常容易。

7833 0

使用Enzyme测试React（Native）组件｜洞见

它本质上是一个完全在JavaScript中实现的headless浏览器。...Enzyme 的 API 方法 find() 方法与选择器从前面的示例代码中可以看到，无论哪种渲染方式所返回的wrapper都有一个.find()方法，它接受一个selector参数，然后返回一个类型相同的...it('simulates click events', () => { const onButtonClick = sinon.spy() const wrapper = shallow(...则是一个可以用来Mock和Stub数据代码的第三方测试工具库，当我们需要检查一个组件当中某个特定的函数是否被调用时，我们可以使用sinon.spy()方法监视所传入该组件作为prop的onButtonClick...在开发React应用时，我们经常需要做大量的功能测试，而Enzyme可以在大规模地减少功能测试数量上做出贡献。 ?

2.4K4 0

12 款 JavaScript 代码测试必备工具

它的语法简洁、明确，写测试非常容易。 02. Mocha Mocha 是一个功能丰富的 JavaScript 测试框架，既运行于 Node.js 环境中，也可以运行于浏览器环境中。...Sinon Sinon.JS 为 JavaScript 提供了独立的 spies、stubs 和 mocks [译者注：Spy、Stub 和 Mock 都是测试专用名词，Stub 常被翻译为桩，spies...是 Spy 的复数形式，是一种可以监视方法、调用和参数的技术]。...针对 PhantomJS, CasperJS 和 PhantomCSS 的 NodeJS 包装器—— PhantomFlow 能够流畅地在代码中描述用户流程，同时生成用于可视化的结构化树数据。...它是通过下面方式实现的：运行测试套件，获取 DOM 快照并上传到 Percy 服务，最终在浏览器中渲染之。 —————END————— 看完本文有意思？请分享给更多人小伙伴们，你怎么看

2.2K10 0

提高代码质量——使用Jest和Sinon给已有的代码添加单元测试

现在，我们可以使用单元测试来提高自己的代码质量。下面，我将自己在使用Jest和Sinon.js配置和编写单元测试中的收获的经验和踩到的坑进行总结，根据从零开始配置和编写单元测试这一条线来进行分享。...在Sinon.js的文档中，有专门关于XMLHttpRequest对象的模拟的章节，在下一章中，我们将会针对项目中sinon.js的使用进行简单的介绍。...编写单元测试在本章中，我们会针对如何编写单元测试文件进行一个具体的讲解，其中包含：同步函数测试异步函数测试 HTTP测试同时，我们会对当中使用到的Jest和Sinon.js的API会进行简单介绍...[0][0]).toBe('hjava'); }); 如何解决进行单元测试中遇到的常见问题？...webpack alias问题如果我们在项目中使用了webpack，那么我们很大概率会使用到alias相关属性来定义路径。

3.8K0 0

const成员函数一定是线程安全的吗？

//情况1：constexpr对象具备const属性，并且是在编译阶段已知 //编译阶段已知的常量值可以用在 C++ 要求整型常量表达式的语境中，这些语境包括数组的尺寸规格，整型 //模板实参（std:...1：两个线程同时在同一个 Polynomial 对象上调用 roots //测试1：两个线程同时在同一个 Polynomial 对象上调用 roots Polynomial *pn = new Polynomial...{0}; mutable unsigned callCount{0}; mutable std::mutex m; double x,y; }; void...std::atomic也是只移动型别，因此 Point中的callCount的存在会使得 Point也变成只移动型别 //方法二中的 std::atomic也是只移动型别，因此 Point中的callCount...返回返回时，执行的也是一个赋值操作，data_return = 实参 data，然后返回 data_return，销毁 data 整个函数执行了两次拷贝，在函数完成时候会销毁两个临时变量，一个 data

1.1K2 0

React 测试驱动教程

最后，在 webpack 配置文件中添加一个 resolve 标记，使进口文件看起来更直观。...from 'chai'; import sinon from 'sinon'; global.expect = expect; global.sinon = sinon; 然后把它包括到 npm 脚本的运行套件中...现在无论什么时候，我们在写一个新的测试时，都不需要手动引入 expect 和 sinon。...for the onMount function const props = { onMount: sinon.spy() }; // mount our component...结论我们已经建立了一个坚实的测试环境，可以根据你的项目具体需求去改变和发展。在下一次的文章中，我将花更多的时间在特殊场景的测试，还有如何测试 Redux，我更喜欢 flux 的实现。

4.6K2 0

如何模拟一个XMLHttpRequest请求用于单元测试——nise源码阅读与分析

概述在我们进行单元测试的过程中，如果我们需要对一些HTTP接口进行相关的业务测试，那么我们就需要来模拟HTTP请求的发送与响应，否则我们就无法完成测试的闭环。...Sinon中引用的HTTP模拟框架nise。...它是Sinon.js的一部分，用来处理HTTP相关测试问题。该库提供了替换原生的XHR对象和Server相关的接口，但是我们在本文中只介绍关于XHR部分，也就是浏览器中的XHR对象的替换。...在测试完成后，我们再调用返回的restore方法，这样我们就恢复了原生的XHR对象。返回的模拟HXR对象还有部分API接口可以调用，这部分我们将在下一节——nise结构中进行介绍。...而我们在进行HTTP相关测试时，参数是由我们传入的，因此不需要进行验证。所以我们最终需要验证的其实是callback中的处理逻辑和结果。因此，我们可以通过以下一个示例来看下它如何与业务代码进行结合。

2.5K1 0

使用Mockito修改Bean的依赖

概述在使用单元测试时经常会遇到某些dependency依赖了外部资源，或者想主动绕过真正的方法执行mock返回结果而快速得到单元测试最终的期望结果，可能有以下两种场景，对于TestCase A，设单元测试的方法是...ServiceB进行Mock，如单元测试ServiceA#execute1方法时都通过Mock返回结果；一个场景是部分ServiceB的方法执行真实的业务逻辑（如查询数据库），一部分方法执行Mock返回结果...，或Spy，如如单元测试ServiceA#execute2方法时，只mock ServiceB#b2结果，真正执行ServiceB#b1方法。...的属性中；后续ServiceA调用ServiceB的方法都降得到Mock后的结果；而对于ServiceB对象的本来的依赖本案暂且将其忽略，后续改进；思路是在TestCase中依赖ServiceA的同时标示...bservice的b1方法，返回结果就是在setup方法中指定的结果；监听TestCase的Service的依赖Bean 当对ServiceA进行单元测试时，依赖了ServiceB，需要获取ServiceB

1.9K2 0

更可靠的 React 组件：提纯

，一个纯函数（pure function）总是根据某些给定的输入返回相同的输出。...在隔离状态下，非纯代码对系统中其余部分的不可预测性影响会降低很多。来看一些提纯的例子。案例学习1：从全局变量中提纯我不喜欢全局变量。它们破坏了封装、造成了不可预测的行为，并使得测试困难重重。...，这在测试时是很有用的。与此同时，用 defaultProps({...}) 包装过的组件会在 siteName 属性缺失时将其设置为 globalConfig.siteName。...Redux 在将副作用实现细节从组件中抽离出的方面是一把好手。...enzyme'; import { spy } from 'sinon'; import { WeatherFetch } from '.

1.1K1 0

Java单元测试框架之Mockito指南

mock 函数默认返回的是 null，一个空的集合或者一个被对象类型包装的内置类型，例如 0、false 对应的对象类型为 Integer、Boolean；一旦测试桩函数被调用，该函数将会一致返回固定的值...但是 verifyNoMoreInteractions () 并不建议在每个测试函数中都使用； verifyNoMoreInteractions () 在交互测试套件中只是一个便利的验证，它的作用是当你需要验证是否存在冗余调用时...在spy中，由于默认是调用真实方法，所以第二种写法不等价于第一种写法，不推荐这种写法。...（可代替参数匹配器使用）在某些场景中，不光要对方法的返回值和调用进行验证，同时需要验证一系列交互后所传入方法的参数。那么我们可以用参数捕获器来捕获传入方法的参数进行验证，看它是否符合我们的要求。...mock 的实现，spy、callRealMethod：mockito中两种部分mock的实现，spy、callRealMethod - 沧海一滴 - 博客园 Mockito 中被 Mocked 的对象属性及方法的默认值

2.5K1 1

部分mock

部分mock 在测试过程中，有个类的部分方法可能需要实际调用，而某些方法则是被mock的，也就是部分mock的场景。在Mockito中，可以使用Spy来实现。...在上述案例中，spy.size()通过桩实现返回了值100，而spy.get(0)则返回了实际值。 When(obj.do()) 还是 when(obj).do() ?...但是，Mockito除了按照测试桩返回预期值之外，还调用了真实的hello()方法，也就是在终端打印出了“hello”。...Mockito.reset 在测试过程中，如果在设置了测试桩之后，还想调用真实方法来执行，则可以使用Mockito.reset来重置spy。...如上一个用例中，在第二次调用demo.hello()方法前调用了reset方法重置demo,因此，这次方法调用的返回值就是”hello”。

4712 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭