Sinon存根只有在以前运行过的情况下才会记录react调用
Sinon存根是一个用于JavaScript的测试工具，用于创建和管理测试中的模拟对象和存根。它可以帮助开发人员在测试过程中模拟函数的行为，以便更好地控制测试环境。
在React中，Sinon存根可以用于记录React组件中的函数调用。当我们需要测试一个React组件时，我们可以使用Sinon存根来创建一个模拟的组件实例，并在测试过程中记录该组件中的函数调用。
Sinon存根的主要优势包括：
- 灵活性：Sinon存根可以模拟各种函数的行为，包括返回特定的值、抛出异常、调用特定的回调函数等。这使得我们可以更好地控制测试环境，以确保测试的准确性和可靠性。
- 可读性：Sinon存根提供了清晰的API，使得测试代码更易于阅读和理解。通过使用Sinon存根，我们可以更直观地了解函数在测试过程中的行为。
- 可扩展性：Sinon存根可以与其他测试工具和框架无缝集成，如Mocha、Jasmine等。这使得我们可以根据项目的需求选择合适的工具和框架，并灵活地扩展测试功能。
Sinon存根在以下场景中特别有用：
- 单元测试：在编写单元测试时，我们可以使用Sinon存根来模拟组件中的函数调用，以确保函数的行为符合预期。
- 集成测试：在进行集成测试时，我们可以使用Sinon存根来模拟外部依赖的行为，以确保系统在与其他组件或服务进行交互时的正确性。
- 性能测试：在进行性能测试时，我们可以使用Sinon存根来模拟大量的函数调用，以评估系统在高负载情况下的性能表现。
腾讯云提供了一系列与云计算相关的产品，其中包括：
- 云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。
- 云数据库MySQL版（CDB）：提供高可用性和可扩展性的关系型数据库服务，用于存储和管理数据。
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储和管理大规模的非结构化数据。
- 人工智能（AI）：提供一系列人工智能服务，包括图像识别、语音识别、自然语言处理等，用于构建智能化的应用程序。
- 物联网（IoT）：提供物联网平台和设备管理服务，用于连接和管理物联网设备。
- 区块链（BCS）：提供安全可信的区块链服务，用于构建和管理区块链应用程序。
- 元宇宙（Metaverse）：提供虚拟现实和增强现实技术，用于构建沉浸式的虚拟世界。
更多关于腾讯云产品的详细信息和介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我正在尝试存根useState钩子与sinon的反应，但我遇到了问题。
下面是我的组件的一个示例：
import React, { useState } from 'react';
function Expand() {
const [expanded, setExpanded] = useState(null);
return (
<div>
<button onClick={() => setExpanded(true)}>
Expand
</button>
<
浏览 9提问于2019-07-26得票数 2
2回答
出于测试目的，我正在尝试存根一个组件方法：
var Comp = React.createClass({
displayName: "Comp",
plop: function() {
console.log("plop");
},
render: function() {
this.plop();
return React.DOM.div(null, "foo");
}
});
var stub = sinon.stub(Comp.type.prototype, "plop");
浏览 1提问于2014-06-18得票数 22
回答已采纳
我有一个无状态的react组件，它有一个onClick方法，我正在尝试测试这个方法正在被调用。
我这样做的方法是设置一个带有默认值的支柱，指向在生产中将被调用的方法，这样我就可以通过sinon.stub()在测试中测试click事件。
所以这一切都很好。存根被叫了。我之所以知道这一点，是因为我将.returns(console.log("called"));添加到存根中，并在控制台中看到了打印结果。
但是当涉及到expect(onClickStub).to.have.been.called时，我的测试失败了，因为它还没有被调用。
我的代码涉及一个无状态组件，因此为了测试目的，我
浏览 4提问于2015-11-20得票数 0
回答已采纳
我用卡玛，茉莉花和西农测试安古拉杰的应用程序。控制器中注入了一个服务，我希望使用Sinon沙箱对服务进行存根处理。这里是控制器：
(function () {
'use strict';
angular.module('app').controller('myController', myController);
myController.$inject = ['$scope', 'myService'];
function myController($scope, mySer
浏览 3提问于2016-01-19得票数 0
回答已采纳
1回答
我正在使用第三方restful服务来发送SMS验证码。我为它写了一个单元测试。但是，我不希望每次运行单元测试时都收到一条消息。
代码如下：
const _request = require("request");
_request({
method: "POST",
url: "http://blah.com/json",
form: {
apikey: "blah",
mobile: input.mobilePhoneNumber,
text: `code is: ${verific
浏览 8提问于2017-06-26得票数 2
4回答
如果我使用sinon和类型记录，那么如何将sinon模拟转换为我的对象的一个实例？
例如，将返回一个SinonMock，但正在测试的控制器可能需要向其构造函数传递特定的服务。
var myServiceMock: MyStuff.MyService = <MyStuff.MyService (sinon.mock(MyStuff.MyService));
controllerUnderTest = new MyStuff.MyController(myServiceMock, $log);
sinon可以和打字稿一起使用吗？
浏览 3提问于2015-01-26得票数 38
回答已采纳
1回答
我试图为调用OVH的函数编写一个简单的测试。
我不明白，我的sinon.js存根没有“改变”的requestPromised方法。对于类对象，sinon.js的存根的工作方式不同吗？
我的函数(myOvhApi.js)：
const ovh = require('ovh')({
endpoint: 'Endpoint',
appKey: 'AppKey',
appSecret: 'appSecret',
consumerKey: 'ConsumerKey'
})
exports.myFunctio
浏览 2提问于2017-09-25得票数 0
1回答
我有这样的代码：
// example.js
export function doSomething() {
if (!testForConditionA()) {
return;
}
performATask();
}
export function testForConditionA() {
// tests for something and returns true/false
// let's say this function hits a service or a database and can't be run in tests
浏览 1提问于2022-01-27得票数 2
2回答
我正在尝试使用sinon来存根这个对象中的save方法
const db = {
user: {
findOne: () => Promise.resolve({
id: '43214321-4321-4321-4321-432143214321',
save: () => Promise.resolve({ // I WANTED TO STUB THIS METHOD
id: '43214321-4321-4321-4321-432143214321'
})
})
}
}
浏览 63提问于2019-03-01得票数 0
1回答
我终于将组件从React.createClass()更新为ES6类。我在测试中看到的第一个错误是，一些sinon.stub()调用失败了，因为jscodeshift -t react-codemod/transforms/class.js将组件方法转换为使用属性初始化器建议，即
class Foo extends React.Component {
componentWillMount() {
this.fetchSomeData(this.props);
}
componentWillReceiveProps(nextProps) {
if (nextProps.
浏览 2提问于2017-04-10得票数 5
回答已采纳
我需要存根一个链式函数：
io.in(param).emit(param);
为此，我创建了一个存根，如下所示：
sandbox.stub(io, 'in').returns({
emit: sinon.stub(),
});
我发现我可以使用以下命令进行断言：
io.in().emit
例如，我可以断言：
sinon.assert.calledOnce(io.in().emit);
为什么这实际上是有效的？据我所知，每次io.in()调用都会创建一个新对象，该对象对过去的存根记录一无所知。
浏览 1提问于2019-07-15得票数 0
目前，我正在尝试对React组件进行单元测试，并且在模拟函数(辅助函数)方面遇到了一些混乱。模块看起来如下所示
export const someHelper = () => {
return ( <div></div> )
}
const MyComponent = () => {
return (
<span>
{someHelper()}
</span>
)
}
export default MyComponent
然后这就是测试文件的样子。
import chai, { expect
浏览 8提问于2016-07-29得票数 1
回答已采纳
1回答
function fun{
A.B.C().D(someconstant);
$(element).prop("checked",false).trigger("change");
}
describe(()=>{
let triggerStub: Sinon.SinonStub;
let Dstub: Sinon.SinonStub;
beforeEach(() => {
triggerStub = sandboxInstance.stub($.f
浏览 1提问于2016-01-02得票数 0
回答已采纳
1回答
我有一个功能如下的function组件，它使用as调用api服务，我想知道如何使用酶、sinon和chai编写单元测试。
import React from 'react';
import es6BindAll from 'es6bindall';
import { browserHistory } from 'react-router';
import axios from 'axios';
export default class Header extends React.Component {
constructo
浏览 4提问于2016-09-29得票数 1
回答已采纳
1回答
我想在代码上使用异步函数进行单元测试。这是我在user.test.js上的代码
'use strict'
const UserDomain = require("../../../../../../bin/modules/users/repositories/commands/domain")
const UserHandler = require("../../../../../../bin/modules/users/repositories/commands/command_handler")
const expect = require(
浏览 2提问于2018-06-28得票数 1
回答已采纳
2回答
我有这样的东西：
sandbox.stub(rp, 'get').resolves(successResponse)
当它击中以下代码时，它返回我的自定义响应：
return await rp.get(url, options)
但我怎么能做这样的事
sandbox.stub(rp).resolves(successResponse)
当它击中此代码时，哪个可以返回自定义响应？
return await rp(url, options)
当我尝试“勾选”整个对象时，当我运行测试时会得到这个错误：
TypeError: Attempted to wrap unde
浏览 1提问于2018-01-23得票数 0
回答已采纳
1回答
我正在测试一个使用了React -router的isActive的react组件。为此，我尝试将isActive存根以返回true，但无济于事。
测试结果：
1) MyComponent Component "before all" hook for "should render ":
TypeError: Cannot read property 'isActive' of undefined
at [object Object].State.(anonymous function) (node_modules/react-rout
浏览 1提问于2015-09-16得票数 2
1回答
我的第一个节点测试脚本。我使用Mocha和Sinon来测试最终发送到队列的函数。节点v8.1.3，Mocha 5.0.2，sinon 4.4.2。
var assert = require('assert');
var sinon = require('sinon');
var uut = require('../util');
var stub;
describe('processWantedItemToQueue', function() {
beforeEach(function() {
stub =
浏览 0提问于2018-03-06得票数 1
回答已采纳
假设我有一个如下所示的组件：
var React = require('react/addons');
var ExampleComponent = React.createClass({
test : function () {
return true;
},
render : function () {
var test = this.test();
return (
<div className="test-component">
浏览 1提问于2015-06-18得票数 8
回答已采纳
1回答
我尝试使用javascript加载多个外部js。我为注入逻辑编写了单独的代码。当我加载一个js文件时，意味着测试用例工作正常。但是当我尝试加载多个js文件时，测试用例失败了。
Main.js
var externalJs = "abcd.js";
function loadJs() {
window.$script(externalJs);
}
function init(domElement) {
loadJs();
}
module.exports = {
init: init
};
Test.js
/* global assert, sinon*/
desc
浏览 0提问于2017-11-06得票数 0
我希望防止在测试期间调用类的构造函数，因此我按照文档使用了createStubInstance(MyClass)，但是构造函数仍然会被调用。为什么？
如果希望创建MyConstructor的存根对象，但不希望调用构造函数，请使用此实用程序函数。
var stub = sinon.createStubInstance(MyConstructor)
测试
const sinon = require('sinon')
const Fizz = require('../Fizz')
const Buzz = require('../Buzz')
浏览 1提问于2018-04-02得票数 1
1回答
我想在每次测试后重置历史记录(调用次数)。在Webstorm中工作良好，NPM测试失败告诉我
如果输入为非空，则状态机触发器“在每个”钩子之前“调用step函数处理程序”：stepFunctionHandler.startStepFunction.resetHistory :TypeError不是一个函数
据我所知，我正在跟踪西农的文件。
，下面是正在测试的代码：
const config = require('config');
const { attempt } = require('@mystuff/utils');
const stepFunct
浏览 2提问于2020-10-15得票数 0
回答已采纳
2回答
我正在尝试使用Sinon.js测试代码，但我不熟悉它的行为。
我希望我可以创建一个“伪”对象，用sinon包装它，并将它传递给我正在测试的任何东西，然后让它做它自己的事情。然而，似乎每次我试图包装sinon对象时，函数都不在那里：
var event_api = {
startTime: function() {
return '123';
}
}
var stub = sinon.stub(event_api);
console.log(stub.startTime()) // returns undefined
var mock = sinon.mock(
浏览 3提问于2014-01-08得票数 4
我试图使用mocha和sinon来测试一段使用AWS服务的代码。守则如下：
exports.init = ({ athenaClient }) => {
const command = {};
command.execute = sqlCommand => {
const params = {
QueryString: sqlCommand,
QueryExecutionContext: {
Database: process.env.ATHENA_DB || "default"
}
};
浏览 2提问于2019-02-22得票数 0
回答已采纳
我正在尝试测试一个使用Ember.run.debounce的Ember.run.debounce应用程序。我想使用Sinon来存根Ember.run.debounce，这样它就可以同步调用已取消的方法。就像这样：
debounceStub = sinon.stub(Ember.run, 'debounce')
debounceStub.callsArgWith(1, debounceStub.args[0][2])
要使此代码同步运行，请执行以下操作：
Ember.run.debounce(@, @handleData, list, 500)
但是，调用handleData()
浏览 4提问于2015-05-10得票数 0
回答已采纳
1回答
我的React组件使用Axios调用API。在我的单元测试中，我试图通过使用来自Sinon的Sandbox存根来模拟Axios，如下所示：
sandbox1 = sandbox.create();
const resolved = new Promise((r) => r([{ id: 1, name: 'PetA' }, { id: 2, name:'PetB' }]));
sandbox1.stub(axios, 'get').returns(resolved);
我想测试下面这段代码
t
浏览 0提问于2018-05-02得票数 0
1回答
我有这样的测试：
it('calls addTheItem when clicked', () => {
wrapper.find('.addBtn').simulate('click')
expect(addTheItemStub.called).to.equal(true)
});
这是我的代码
<button
className="addBtn"
onClick={() => {this.addTheItem(inputValue); this.clearInput()}}
>
浏览 1提问于2018-02-06得票数 0
1回答
我正在尝试对处理特定请求的控制器文件进行单元测试。我不想测试快递，因为我们有另一个机制来测试我们的应用程序。我在用sinon来处理数据。但反应不是我期望的那样。我总是得到200的地位，而不是我应该得到的201。我是不是错过了任何特定的部分？我用的是打字稿和摩卡
我的spec.ts文件是
import {expect} from 'chai';
import {HiringCompanyJobHandler} from
"../../source/Handlers/HiringCompanyJobHandler";
import * as httpMocks f
浏览 3提问于2017-11-13得票数 0
回答已采纳
4回答
如何测试是否调用了事件侦听器的回调函数？例如，我有以下代码，其中app.js通过init.js控制器初始化应用程序。
main.js文件有一个类，它扩展和事件发射器，使对象成为事件发射器。
app.js
const initController = require('./init');
async function init() {
initController.startMain();
}
init();
main.js
const events = require('events'),
ui = require('./ui');
m
浏览 0提问于2019-08-26得票数 2
回答已采纳
1回答
我在节点env中使用mocha、chai和sinon进行单元测试。我需要测试一个场景，它调用服务来获取数据并返回数据。
我的控制器看起来是这样的：
{
get model() { return schema},
async findUser(data) {
const data = await this.model.find({ id: data.id });
return data;
}
}
在我的摩卡测试中，我使用Sinon存根返回模型并查找函数，如下所示：
sinon.stub(controller, 'model').get((
浏览 0提问于2018-09-14得票数 0
回答已采纳
2回答
背景
我有一个小型服务器，可以从机器接收数据。每次收到消息时，我都会在dispatcher对象中调用一个函数，这个函数只需console.log它接收到的所有内容。
问题
当我在控制台中看到console.log的时候，代码运行得很好，但是Sinon spy.called不能工作。无论我打多少次电话给false，都是dispatcher.onMessage。
代码
server.js
const eventDispatcher = {
onMessage: console.log,
};
const server = (dispatcher = eventDispatcher) =&
浏览 0提问于2017-05-12得票数 3
回答已采纳
我刚刚开始研究Sinon.JS，经过一些研究后，我坚持使用以下两种方法，不知道它们到底是如何工作的：
sinon.fake.yields(callback[, value1, ..., valueN]);
和
sinon.fake.yieldsAsync(callback[, value1, ..., valueN]);
如果有人解释(甚至展示一些例子)它们是如何工作的，以及我应该在什么时候使用它们，那就太好了。一个更重要的问题是，fake、stub和mock有什么共同之处？
提前感谢！
浏览 7提问于2018-08-30得票数 0
1回答
我想对以下ES6类进行单元测试：
// service.js
const InternalService = require('internal-service');
class Service {
constructor(args) {
this.internalService = new InternalService(args);
}
getData(args) {
let events = this.internalService.getEvents(args);
let data = getDataFromEvents(e
浏览 113提问于2015-09-13得票数 32
回答已采纳
1回答
我正在尝试使用SinonJS来存根 ManagementClient.prototype.createUser。
问题是，createUser是使用Object.defineProperty定义的getter，使用configurable: false，因此使用sinon.replaceGetter()或sinon.stub(object, 'method').get(fn)抛出Cannot redeclare property。我在他们的Github的资源库上打开了，有人告诉我sinon.stub(ManagementClient.prototype, 'create
浏览 3提问于2018-09-26得票数 0
如果我已经通过var a = sinon.createStubInstance(MyContructor)创建了一个实例。
如何替换像var stub = sinon.stub(object, "method", func);这样的存根函数。
我这样做的主要原因是希望像那样实现多个回调解决方案。
浏览 14提问于2015-10-13得票数 19
回答已采纳
1回答
对于修复云函数TypeScript单元测试，我想模拟doc().id，而不是doc('path')。我该怎么做？
admin.firestore().collection('posts').doc().id // I only want to mock this one
admin.firestore().collection('posts').doc('1')
我试过在西农做下面的事。但是它被困在sinon/proxy-invoke.js:50:47的无限循环中
const collection = admin.firesto
浏览 1提问于2021-12-31得票数 0
回答已采纳
2回答
我正在使用类型记录编写一个应用程序，并希望用创建单元测试。
在他们的自述文件中，他们说您可以使用如下的存根方法：
import * as sinon from 'ts-sinon'
class Test {
method() { return 'original' }
}
const test = new Test();
const testStub = sinon.stubObject<Test>(test);
testStub.method.returns('stubbed');
expect(testStub.m
浏览 0提问于2019-06-20得票数 7
1回答
我在用sinon和ava做测试。我坚持一些函数，并检查这些函数是否被调用。我已经检查了控制台，函数正在被调用。但是，sinon将其返回为notCalled(.called为false)。下面是一段代码。
const test = (a, b) => {
transformer.getActivity(a, b).then((response) => {
var response = JSON.parse(response);
var data = response.data;
getToken.getToken(testData.organizati
浏览 1提问于2018-12-11得票数 1
假设我有一个函数
Func a() {
//Do Something
let c = b();
return c;
}
我想测试函数a和mock b()，并在mock中分配c. Sinon.Stub( test，"b").returns(" DummyValue ")；c应该分配DummyValue。
我该怎么做呢？
describe("a", () => {
let a = a();
//mock b();
action = execute(a);
expect(action).sh
浏览 0提问于2017-02-09得票数 19
我需要一个对存根变量的引用，这样我就可以在afterEach()和after()回调上执行reset()和restore()。
我最初的方法是在describe()块中定义存根，以便可以在回调中访问变量：
describe('my SUT', () => {
const myStub = sinon.stub(myModule, 'itsMethod');
after(() => {
myStub.restore();
});
});
但是，我想知道使用before()回调进行初始化是否有好处(我还不知道)：
describe(
浏览 12提问于2018-02-15得票数 3
回答已采纳
1回答
const sinon = require('sinon')
function test (use) {
use(function (req, res) {
return true
})
use(function (err, req, res, next) {
return false
})
}
test()
我需要一种方法来创建间谍，在第一次使用use函数时，它会传递sinon.spy({}, {})，第二次它需要使用sinon.spy(false, {}, {}, () => {})。
浏览 2提问于2017-07-12得票数 0
回答已采纳
我编写了一个简单的测试，通过Sinon.js监视Sinon.js。然而，我在我的终端中看到了“警告web服务器: 404: /people”。为什么它在被监视时调用$.ajax？
var people = {
findAll: function() {
return $.ajax({ url: '/people' })
}
};
var spy = sinon.spy($, 'ajax');
people.findAll();
$.ajax.restore();
浏览 1提问于2014-11-17得票数 1
回答已采纳
我在任何地方都找不到合适的答案。我希望它不是复制品。我有一个简单的酶测试脚本来模拟表单提交，这是我用ES6语法中的Reactjs编写的。我正在使用mocha作为我的测试跑步器。当我试图模拟表单的'submit‘时，onSubmit函数没有被调用。我正在测试的js文件：
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
construct
浏览 7提问于2017-02-05得票数 1
我正在尝试为上面列出的四个库使用的一个组件模拟window对象。
我知道这可以用JSDom完成，但是客户反对使用它。根据我的研究，简单地做sinon.stub(窗口，‘位置’)应该可以工作，但当我运行我的测试时，我仍然在我的组件中得到窗口未定义。
当前组件是在呈现返回{window.location.host}中调用的
有没有想过我做错了什么让sinon把那一块给弄掉了。一旦我清除了这一块，我就可以专注于测试该组件中与window无关的其他部分。
我的测试方法：
import React from 'react';
import { shallow } from 'e
浏览 3提问于2016-06-11得票数 16
回答已采纳
3回答
当我在对象内部的函数上使用Sinon时，它起作用了：
function myFunc() {
console.log('hello');
}
var myObj = { myFunc: myFunc };
var spy = sinon.stub(myFunc);
myObj.myFunc();
expect(spy.called).to.be.true();
然而，我不知道为什么我在一个独立的函数上使用Sinon，如下所示：
function myFunc() {
console.log('hello');
}
var spy = sinon
浏览 1提问于2015-09-01得票数 22
1回答
我正在尝试测试一个函数，该函数调用另外两个连接到amazon AWS的函数。考虑到这一点，我不想调用调用AWS的真正函数-我正在尝试存根它们。然而，每次我运行我的测试时，它都是调用真正的函数，而不是我的存根。
我对测试有点陌生，可能会遗漏一些东西，但在任何其他问题上都找不到解决方案。我使用的是jasmine和sinon
我的代码如下：
const cache = new Map<string, Set<string>>();
//Function to be tested - inside class XYZ
export function functionToBeTe
浏览 1提问于2017-08-17得票数 1
尽管有关于此的帖子，但我无法使用函数之前、之后和还原对象来修复它。张贴代码如下：-
var Log = sinon.stub(hello, 'someEvent', function(type, name){
var obj = {};
obj.addData = function(data){
return;
};
obj.complete = function(){
return;
}
return obj;
}),
浏览 4提问于2016-12-14得票数 8
1回答
在sinon中存根依赖函数
、、、、
我使用实习生作为测试框架，使用sinon来模拟数据。我不想在单元测试期间访问http请求的服务器。因此，我创建了一个模块，该模块返回deferred.promise中的数据，如下所示：
define(["require", ..], function(require, ...) {
function fakerequest(){
dfd = new Deferred();
setTimeout(function(){
deferred.resolve(data);
},100);
return dfd.promise;
}
浏览 1提问于2015-03-24得票数 1
回答已采纳
目前，sinon能够创建一个存根，如果参数匹配，它将返回给定的对象：
const methodStub = stub(service, 'method').withArgs("param1").returns("OK");
您甚至可以断言调用了正确的参数：
expect(methodStub).to.have.been.calledWith("param1");
问:既然您明确表示您的存根方法只允许param1，那么是否有一种方法可以使断言不显式地使用calledWith方法？
浏览 8提问于2020-11-15得票数 0
简化后，我有以下对象，其中我想断言subFunc已从func调用。
export function subFunc(arg) {
return arg + 'bar';
};
export function func(arg) {
return subFunc(arg);
};
我有以下测试，它在被调用的subFunc的断言和预期返回值上都失败了。
尽管我正在清除subFunc，但仍在使用原始方法。
如果subFunc在另一个对象上，而不是被测试的对象上，那么它工作得很好。
import * as testObject from '../testObject&
浏览 0提问于2017-04-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
