sinon js - 腾讯云开发者社区

文章/答案/技术大牛

发布

如何使用Sinon.js验证函数被调用时的参数？

使用 Sinon.js 可以轻松验证函数被调用时的参数，通过其提供的断言方法和调用信息对象，可以精确检查函数调用时传递的参数是否符合预期。...以下是具体的实现方法和示例：核心方法与属性Sinon 提供了多种方式验证函数调用参数，常用的包括：方法/属性说明...() 进行部分匹配或类型匹配： // 验证参数包含某个属性 expect(spy.calledWith(sinon.match({ id: 123 }))).to.be.true; /.../ 验证参数类型 expect(spy.calledWith(sinon.match.number, sinon.match.string)).to.be.true;异步函数的参数验证对于异步函数，...需要等待 Promise 完成后再验证参数（如示例中的 await new Promise(...)）总结使用 Sinon.js 验证函数调用参数的核心流程是：用 sinon.stub() 或 sinon.spy

2641 0

如何在使用Sinon.js时设置期望的函数调用次数？

在使用 Sinon.js 时，可以通过 called、calledOnce、calledTwice 等属性或 calledWithExactly()、callCount 等方法来验证函数的调用次数，从而设置和检查期望的调用次数...以下是具体的实现方法和示例：核心方法与属性Sinon 提供了多种方式来检查函数的调用次数，常用的包括：方法/属性说明...(logSpy, 2); // 验证第二次调用的参数 sinon.assert.calledWithExactly(logSpy.secondCall, 'error');});常用的调用顺序相关方法...：firstCall：第一次调用的信息secondCall：第二次调用的信息thirdCall：第三次调用的信息lastCall：最后一次调用的信息总结使用 Sinon.js 验证函数调用次数的核心步骤是...：用 sinon.spy() 或 sinon.stub() 创建监视函数（spy/stub）；执行触发函数调用的操作；通过 calledOnce/callCount 等属性或 sinon.assert.callCount

2330 0

您找到你想要的搜索结果了吗？

是的

没有找到

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

通过本文，你可以解决以下问题： Jest与Sinon.js是什么？如何配置Jest与Sinon.js，从而编写单元测试？如何解决进行单元测试中遇到的常见问题？...如何配置Jest与Sinon.js，从而编写单元测试？...Sinon.js配置依赖包安装安装配置完了Jest，让我们来看下Sinon.js。...在Sinon.js的文档中，有专门关于XMLHttpRequest对象的模拟的章节，在下一章中，我们将会针对项目中sinon.js的使用进行简单的介绍。...正好Sinon.js能够做到这一点。

4.9K0 0

前端测试驱动开发模式(TDD)快速入门

官网:www.chaijs.com/ github: github.com/chaijs/chai assert库方法文档： www.chaijs.com/api/assert/… sinon.js sinon...再执行以下安装语句： npm install sinon moncha chai sinon-chai --save-dev 复制代码建立一个test文件夹，可以把写测试用例的Js放在这个文件夹中，...test": "mocha test/**/*.js" } 复制代码在test中建立一个js文件，在文件的中引入这些工具，为了连接sinon 和 chai,要使用到sinon-chai const chai...模拟函数如果需要模拟一个函数，可以用sinon去模拟，使用方法：sinon.fake()，并且课已通过这个sinon的called方法判断函数是否被执行。...mocha,chai,sinon的一些高级的用法，还需要通过实践去学习。另，本文只是对但纯js的测试，react,vue和小程序都有他们自己的ui测试的方案。

3.1K2 0

除了Jest，还有哪些工具可用于Mock外部依赖？

Sinon.js特点：专注于提供独立的测试工具（包括 Mock、Stub、Spy 等），可与任何测试框架（如 Mocha、Jasmine）配合使用。...核心功能：模拟函数（sinon.stub()）监视函数调用（sinon.spy()）模拟定时器和 XHR 请求示例：模拟 API 调用import sinon from 'sinon';...Jest Mock 与 Jest 深度集成，配置简单依赖 Jest 环境，灵活性有限 Jest 单元测试 Sinon.js...环境 HTTP 模拟仅适用于 Node 环境，不支持浏览器后端测试、服务端渲染测试选择建议单元测试：优先使用 Sinon.js 或 Testdouble.js（独立灵活...多框架兼容：选择 Sinon.js（支持 Mocha、Jasmine 等）。简单场景：直接使用测试框架内置的 Mock 功能（如 Jest、Vitest 的 Mock）。

3351 0

React 测试驱动教程

from 'chai'; import sinon from 'sinon'; global.expect = expect; global.sinon = sinon; 然后把它包括到 npm 脚本的运行套件中.../test/test_helper.js --recursive", 我也添加了 sinon，因此它也可以全局可用。...现在无论什么时候，我们在写一个新的测试时，都不需要手动引入 expect 和 sinon。...接下来让我们测试一个组件的安装和调用函数，当它安装时，我们可以得到一些暴露在 sinon 上的信息和正在使用的 spies。...], // required for enzyme to work properly alias: { 'sinon': 'sinon/pkg/sinon

5.3K2 0

单元测试初体验

单元测试框架 Mocha Mocha 是 JavaScript 的一种单元测试框架，既可以在浏览器环境下运行，也可以在 Node.js 环境下运行。...断言库 Chai Chai 是一个针对 Node.js 和浏览器的行为驱动测试和测试驱动测试的断言库，可与任何 JavaScript 测试框架集成。...测试辅助工具 Sinon Sinon 是一个独立的 JavaScript 测试 spy, stub, mock库，没有依赖任何单元测试框架工程。...files: [ // {pattern: 'test/**/*.js', included: false} 'src/**/*.test.js' ], //...sinon.js 中 spy 主要用来监视函数的调用情况，sinon 对待监视的函数进行 wrap 包装，因此可以通过它清楚的知道，该函数被调用过几次，传入什么参数返回什么结果，甚至是抛出的异常情况。

2.4K2 0

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

mocha介绍 mocha作为最流行的JavaScript测试框架之一，可以用于测试node.js服务和运行在浏览器环境下的js代码。...Mocha is a feature-rich JavaScript test framework running on Node.js and in the browser, making asynchronous...异步逻辑上述的单测例子里，被测试的函数只有同步逻辑，而在js中，异步逻辑无处不在。那么对于异步逻辑需要怎么测试呢？...这时候就需要引入sinon来帮助我们替换掉这些难以模拟的逻辑。 sinon库提供了三种功能：spies、stub和mock。...spies作为sinon最简单的功能，它不会对被监听函数的执行过程造成任何影响，stub和mock功能都是基于spies实现的。

5K2 0

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

对于早期的前端 SPA 项目，Backbone.js + Require.js 是一种常见的技术组合，分别提供了基础的 MVC 框架和模块化能力。...Backbone.js / Require.js 技术栈回顾 Require.js 模块化 ? 首先说 Require.js，在没有 webpack 的日子里，这是最常见的模块化管理工具。...在实际的项目中，我们采用了 ES6 语法和 ESM 模块规范来编写源文件，并借助 babel 将其转译为 UMD 模块；最后通过 Require.js 提供的优化工具 r.js 来打包，并由 Require.js...Backbone.js ?.../fakeAppFacade'; import Model from "models/CardBinding"; 用 sinon 拦截异步请求搞定了异步请求的地址，自然要拦截真正的请求; // backbone.js

4.4K1 0

为ES6配置JavaScript测试工具

Browserify: browserify test/**/*.js -o tests-bundle.js Webpack: webpack test/**/*.js tests-bundle.js...避免在Sinon中使用箭头函数与Mocha类似，在Sinon.js中使用箭头函数也可能导致问题。问题出在sinon.test上。...解决方案是要么在使用sinon.test时避免使用箭头函数，要么通过beforeEach和afterEach来手工初始化和释放测试替身： var sandbox; beforeEach(() => {...sandbox = sinon.sandbox.create(); }); afterEach(() => { sandbox.restore(); }); it('should do something...with a sandbox', () => { // 与sinon.test类似，这个stub会自动被清理 var stub = sandbox.stub(); }); Mocha自带Promise

4K2 0

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

目前，有许许多多的测试框架都提供了模拟HTTP请求相关的一些流程功能，我们在这边文章中将会讲到的，就是我们在上一篇关于单元测试的博客提高代码质量——使用Jest和Sinon给已有的代码添加单元测试中提到的...Sinon中引用的HTTP模拟框架nise。...它是Sinon.js的一部分，用来处理HTTP相关测试问题。该库提供了替换原生的XHR对象和Server相关的接口，但是我们在本文中只介绍关于XHR部分，也就是浏览器中的XHR对象的替换。...该部分位于仓库中/lib/fake-xhr/index.js中，下文中提到的nise如果没有特别注明，均表示nise中的XHR。...附录 Sinon.js nise 我folk的nise

2.8K1 0

Karma单元测试reload异常处理

可以使用sinon来解决这个问题window.onbeforeunload = sinon.spy();但是如果，你需要在一个模块的测试用例跑完之后，刷新页面进行下一个测试用例，就不用使用这种方法，这时需要屏蔽代码中的刷新页面逻辑...The "next" thing may be, among other things:A JS statement (including assignments, ifs, loops, switches

5713 0

12 款 JavaScript 代码测试必备工具

Mocha Mocha 是一个功能丰富的 JavaScript 测试框架，既运行于 Node.js 环境中，也可以运行于浏览器环境中。...Sinon Sinon.JS 为 JavaScript 提供了独立的 spies、stubs 和 mocks [译者注：Spy、Stub 和 Mock 都是测试专用名词，Stub 常被翻译为桩，spies...Nightwatch Nightwatch.js 是一个易于使用的 Node.js，它是为基于浏览器的 app 和网站设计的终端到终端（E2E）的测试方法。...PhantomCSS PhantomCSS 获得 CasperJS 捕获的屏幕截图，并使用 Resemble.js 将其与基准图进行对比，以测试 RGB 像素差异。

3K10 0

Vue 测试速成班

Mocha[3] 进行单元/集成测试的插件•@vue/test-utils: 单元/集成测试的工具库[4]•chai: 断言库 Chai[5] 从现在开始，单元/集成测试文件可以使用 *.spec.js...// test/unit/components/Footer.spec.js import { expect } from 'chai'; import { shallowMount } from '@...在运行时更改实现称为 mocking，我们将使用 Sinon[7] 这一 mocking 框架来实现。...import chai from 'chai'; import sinon from 'sinon'; import sinonChai from 'sinon-chai'; chai.use(sinonChai...); it('should set info coming from endpoint', async () => { const commit = sinon.stub(); sinon.stub

3.6K1 0

React 16 - 生态：UI 库、Next.js、测试、开发调试工具

适合企业场景 # Material UI 样式更加美观，适合 2C 场景 # 选择因素组件库是否齐全样式风格是否符合企业业务需求 API 设计是否便捷灵活技术支持是否完善开发是否活跃 # Next.js...# 同构应用在服务端执行虚拟 DOM 渲染，此时前端和服务端渲染层是同一套代码 # 创建同构应用创建 Next.js 应用程序 (opens new window) 创建页面页面就是 pages...DynamicComponentWithCustomLoading /> Home page # 单元测试 React 让前端单元测试变得容易 React 应用很少需要访问浏览器 API 虚拟 DOM 可以在 Node.js...环境运行和测试 Redux 隔离了状态管理，可以进行纯数据层单元测试 # 相关工具 Jest：单元测试框架 JS DOM：浏览器环境的 Node.js 模拟 Enzyme：React 组件渲染和测试...nock：模拟 HTTP 请求 sinon：函数模拟和调用跟踪 istanbul：单元测试覆盖率 # 开发调试工具 ESLint Prettier React DevTool Redux DevTool

1.9K3 0

对 React 组件进行单元测试

常见的断言库有 Should.js, Chai.js 等。测试用例 test case 为某个特殊目标而编制的一组测试输入、执行条件以及预期结果，以便测试某个程序路径或核实是否满足某个特定需求。...(css|less)$": '/__test__/NullModule.js' }, collectCoverage: true, coverageDirectory...webpack中对样式文件的引用指向了一个空模块，从而跳过了这一对测试无伤大雅的环节 //NullModule.jsmodule.exports = {}; 另外值得一提的是，由于jest.config.js...是一个会在npm脚本中被调用的普通 JS 文件，而非XXX.json或.XXXrc的形式，所以 nodejs 的各自操作都可以进行，比如引入 fs 进行预处理读写等，灵活性非常高，可以很好的兼容各种项目...虽然 Jest 本身也有一些实现 spy 等的手段，但 sinon 使用起来更加方便。 III.

5.7K4 0

实例入门 Vue.js 单元测试

那是什么原因让 Vue.js 的开发团队如此重视单元测试，要在这个同样以易于上手为卖点的框架中大力科普呢？...常见的断言库有 Should.js, Chai.js 等。...var spy = sinon.spy(MyComp.prototype, 'someMethod'); ......var myObj = { prop: function() { return 'foo'; } }; sinon.stub(myObj, 'prop').callsFake...虽然 Jest 本身也有一些实现 spy 等的手段，但 sinon 使用起来更加方便。

3.6K2 0

分享7个专业级的JavaScript测试库，提高你的工作效率

在这篇文章中，我将向大家介绍七个优秀的JavaScript测试库，包括Jest、Sinon、Detox、Cucumber、Stryker、TestDouble和Mockttp。...2、Sinon 这是一个独立的库，用于在JavaScript测试中创建测试替身（侦查、桩和模拟）。它通过提供工具来验证函数调用、控制行为等，帮助你编写隔离的测试。...https://github.com/sinonjs/sinon 3、Detox 如果你想对你的移动应用进行测试，这将是一个非常好的资源。...https://github.com/testdouble/testdouble.js 使用示例 TestDouble.js 是一个用于在JavaScript中创建测试替身（test doubles）的库...结尾在这篇文章中，我们了解了七个JavaScript测试库：Jest、Sinon、Detox、Cucumber、Stryker、TestDouble和Mockttp。

1.6K2 0

怎样编写更好的 JavaScript 代码

以下是我用来编写更好的 JS 的一些顶级方法。使用TypeScript 改进你 JS 代码要做的第一件事就是不写 JS。...TypeScript（TS）是JS的“编译”超集（所有能在 JS 中运行的东西都能在 TS 中运行）。TS 在 vanilla JS 体验之上增加了一个全面的可选类型系统。...重构 JS 过程中引起痛苦的大部分原因是它没有强制按照函数的原型执行。这意味着 JS 函数永远不会被“误用”。...替代品：Jest，Mocha，Jasmine Spies 和 Stubs — Sinon Sinon on Github（https://github.com/sinonjs/sinon） Spies...Sinon 是一个可以做很多事的库，但只有少数的事情做得超级好。具体来说，当涉及到 Spies 和 Stubs 时，sinon非常擅长。功能集丰富而且语法简洁。

1.8K3 0

前端自动化测试工具 overview

基本上目前前端单元测试就在这两个库之间选了，下面是这两个库的区别，大家可以根据自己的需求进行选择： mocha：优点：终端显示友好灵活，扩展性好缺点：自身集成度不高（没有断言，spy，异步等），而且经常要配合Chai，Sinon...两者功能覆盖范围粗略可以表示为： Jasmine(2.x) === Mocha + Chai + Sinon - mockserver PS: 个人实际使用后觉得Chai和Sinon毕竟是专门做特定功能的框架...，用 Mocha + Chai + Sinon 这种方式会想对舒爽一点。...which-javascript-test-library-should-you-use-qunit-vs-jasmine-vs-mocha/ http://thejsguy.com/2015/01/12/jasmine-vs-mocha-chai-and-sinon.html

3.1K11 0

点击加载更多

如何使用Sinon.js验证函数被调用时的参数？

如何在使用Sinon.js时设置期望的函数调用次数？

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

前端测试驱动开发模式(TDD)快速入门

除了Jest，还有哪些工具可用于Mock外部依赖？

React 测试驱动教程

单元测试初体验

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

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

为ES6配置JavaScript测试工具

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

Karma单元测试reload异常处理

12 款 JavaScript 代码测试必备工具

Vue 测试速成班

React 16 - 生态：UI 库、Next.js、测试、开发调试工具

对 React 组件进行单元测试

实例入门 Vue.js 单元测试

分享7个专业级的JavaScript测试库，提高你的工作效率

怎样编写更好的 JavaScript 代码

前端自动化测试工具 overview

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐