如何使用jest模拟链式函数调用？
在前端开发中，使用jest可以很方便地模拟链式函数调用。首先，我们需要安装jest，并确保项目中已经包含了要进行链式函数调用的代码。
首先，我们需要创建一个模拟对象。可以使用jest.fn()来创建一个空的mock函数，该函数可以模拟被调用的函数，并跟踪函数的调用情况。
接下来，我们可以使用模拟对象的返回值进行链式调用。通过mockReturnValue方法，我们可以为模拟对象设置返回值。例如：
const mockFn = jest.fn().mockReturnValue({
foo: jest.fn().mockReturnValue(42),
bar: jest.fn().mockReturnValue("hello"),
});
const result = mockFn().foo().bar();
console.log(result); // 输出：hello在上面的例子中，我们创建了一个模拟对象mockFn，并且为它设置了一个返回值。该返回值是一个对象，其中包含两个函数属性：foo和bar。这两个函数属性也都是模拟函数，并分别设置了自己的返回值。我们可以通过链式调用来依次访问这两个函数，并获取它们的返回值。
在实际的开发中，我们可以使用类似的方式来模拟链式函数调用。只需要根据具体的场景，创建模拟对象，并为其设置合适的返回值，就可以进行链式调用了。
对于使用jest进行链式函数调用的更多信息，可以参考腾讯云函数计算的相关文档：Jest - JavaScript 测试
相关·内容
1回答
Jest可以选择模拟node_module
jest.mock('module_name')
我试图模仿的模块是cote模块。是来自模块的index.js文件。
里面有出口Requester用的结构体
const Requester = require('./components/requester');
...
cote.Requester = Requester;
...
module.exports = cote();
我在代码中访问这个文件，如下所示：
const cote = require('cote');
const req
浏览 1提问于2018-09-19得票数 2
回答已采纳
1回答
你如何使用区分与模拟鹅？
、、、
在使用Jest运行测试时，我使用来模拟我的猫鼬调用。我试过了，但我犯了个错误
mockingoose.Account.toReturn(
["593cebebebe11c1b06efff0372","593cebebebe11c1b06efff0373"],
"distinct"
);
错误：
ObjectParameterError: Parameter "obj" to Document() must be an object, got 593cebebebe11c1b06efff0372
然后，我尝试向它传递
浏览 1提问于2018-10-05得票数 0
回答已采纳
2回答
我正在测试以下服务： @Injectable()
export class TripService {
private readonly logger = new Logger('TripService');
constructor(
@InjectRepository(TripEntity)
private tripRepository: Repository<TripEntity>
) {}
public async showTrip(clientId: string, tripId: string): Promise<
浏览 72提问于2019-06-18得票数 7
回答已采纳
我无法模仿连锁的后缀功能。在下面的示例中，我可以模拟查询1，但不能模拟查询2。
something.service.ts
// Query 1
await this.table2.findAll<table2>({
attributes: [
'field1'
],
where: {
id: someId
},
});
// Query 2
// returns []
let bill1: any = await this.table2.sequelize.query(`
SELECT
aa.field1
浏览 12提问于2022-11-30得票数 0
1回答
我有一个模块：
// foo.js
module.exports = async () => {
...
}
这个模块在另一个模块中被调用，我正在测试这个模块的行为：
// bar.js
const one = await foo();
const two = await foo();
我想用Jest模拟foo，这样多次调用它就会返回不同的结果。更准确地说，第一次调用成功，第二次返回错误。
这是我的模拟机制：
const fooMock = jest.mock('../src/foo')
fooMock
.mockImplementationOnce(() =&g
浏览 1提问于2021-07-13得票数 0
我有过
abc.js
const a = (a)=>{
return (b(a) + 1)
}
const b = (num)=>{
return(num + 1)
}
module.exports = {
a,
b
}
当我对函数a进行测试时，我想要函数b的模拟实现，但是函数a在模拟之后，仍然使用原始实现而不是模拟。
我的测试看上去有点像
abs.test.js
const { a } = require('./abc')
describe('/abc functions',()=>{
befo
浏览 5提问于2022-04-28得票数 0
回答已采纳
1回答
我已经创建了一个轮询服务，它递归地调用一个api，在api成功的情况下，如果满足了某些条件，就会再次继续轮询。
/**
* start a timer with the interval specified by the user || default interval
* we are using setTimeout and not setinterval because a slow back end server might take more time than our interval time and that would lead to
* a queue o
浏览 0提问于2018-09-20得票数 5
回答已采纳
1回答
如何对使用jest.mock模拟的类进行实例方法的模拟
例如，模拟类Logger：
import Person from "./Person";
import Logger from "./Logger";
jest.mock("./Logger");
describe("Person", () => {
it("calls Logger.method1() on instantiation", () => {
Logger.method1.mockImplementation(() =
浏览 4提问于2022-05-17得票数 3
回答已采纳
1回答
在jest.fn()模拟的回调中使用jest.fn()定义Jest模拟似乎不起作用。如果mock首先在回调外部定义，它将正常工作。
是否支持在回调中定义mock？
it('passes', () => {
const mock = jest.fn();
const object = {method1: jest.fn(() => ({method2: mock}))};
object.method1().method2();
expect(object.method1().method2).toHaveBeenCalledTimes(1);
})
浏览 17提问于2019-08-15得票数 1
回答已采纳
1回答
我试图对我的get方法做一个简单的模拟，我得到了这个错误：
预期电话数:1次接到电话:0次
下面是我的模拟配置。
jest.mock("axios", () => {
return {
create: jest.fn(() => ({
get: jest.fn(() => Promise.resolve({ data: [{ name: "test_role" }] })),
post: jest.fn(() => Promise.resolve({ data: { name: "test_ro
浏览 1提问于2022-05-25得票数 0
回答已采纳
1回答
我已经为经常被调用的端点做了模拟，但不想为每个测试多次调用jest.mock。为此，我创建了以下函数：
// src/endpoints/__utils__/mockEndpoints.ts
export function mockEndpoints(): void {
jest.mock('../do-log-in');
jest.mock('../get-api-key');
jest.mock('../get-rsa-key');
// etc
}
不幸的是，在我的测试中调用这个函数不起作用。jest.mock内部的路径是相
浏览 6提问于2021-11-14得票数 0
回答已采纳
我试图模仿AWS。我有一个函数ingest，它执行一些逻辑(包括对AWS sqs.deleteMessage函数的一些调用)，然后调用ingestAndSave (也会调用sqs.deleteMessage函数)。
在测试version.When函数时，我想要模拟我的ingestAndSave函数，这样我就可以让这些测试完全集中在ingest函数逻辑上。
我最近的尝试包括遵循这里的路径：。我的测试套件如下所示：
const ingest = require('./ingest')
const TEST_CONSTANTS = require('../../../test
浏览 6提问于2022-06-17得票数 -1
6回答
我使用ts-jest和jest编写带有类型记录的测试文件。
我很困惑如何键入模块的模拟函数。
这是我的代码：
./module.ts
import {IObj} from '../interfaces';
const obj: IObj = {
getMessage() {
return `Her name is ${this.genName()}, age is ${this.getAge()}`;
},
genName() {
return 'novaline';
},
getAge() {
return 2
浏览 4提问于2017-07-06得票数 14
我一直在一个小项目中使用Jest，在使用Jest mocks时遇到了问题。我有一个导出已命名的自定义错误构造函数的实用程序文件。我需要在我的测试文件中模拟这些函数。我不想使用Jest文档中所示的手动模拟技术(例如，将模拟文件放入__mocks__中)，而是希望在测试文件中定义模拟。我在我的测试文件中尝试了类似这样的东西：
const errorMock = () => {
return {
configNotFoundError: jest.fn(() => new Error()),
invalidJSONError: () => jest.fn(()
浏览 5提问于2018-01-09得票数 1
回答已采纳
1回答
在我的测试目标中有了当前的导入：
import sharp from 'sharp'
在我的同一个测试目标中使用它：
return sharp(local_read_file)
.raw()
.toBuffer()
.then(outputBuffer => {
在我的测试中，我将执行以下操作来模拟sharp函数：
jest.mock('sharp', () => {
raw: jest.fn()
toBuffer: jest.fn()
then: jest.fn()
})
但是我得到了：
return (0,
浏览 1提问于2017-09-11得票数 11
回答已采纳
2回答
上下文
我想测试一个自定义钩子，这取决于@react-native-firebase/dynamic-links。我们使用@testing-library来测试钩子(@testing-library/react-hooks)。
这是我想要测试的钩子(这是一个简化的示例)：
import { useEffect } from 'react';
import dynamicLinks from '@react-native-firebase/dynamic-links';
import { navigateFromBackground } from '../
浏览 5提问于2022-01-14得票数 2
2回答
当我为我的项目编写单元测试时，我遇到的情况是，我需要在mongoose模块中模拟一个链接多个调用的函数。
如果它只调用.populate()一次，类似于下面的代码：
await mongoose.model("routeDetail").find({
_id: {
$in: requestBody.routeIds,
},
})
.populate("organizationId")
我可以很容易地模仿它，比如mocks/mongoose.js
浏览 5提问于2021-12-28得票数 1
我正在模拟Date.now()实现返回特定日期，但是，在测试完成后，afterAll + mockRestore()并没有完全消除模拟。
当我运行另一个测试时，现在的日期仍然被嘲笑为1626764400000。是否有一个不同的功能，我必须使用重置模拟？我已经用过了：mockReset，mockClear，jest.clearAllMocks。
beforeAll((): void => {
jest.spyOn(Date, 'now').mockImplementation(() => 1626764400000);
});
afterAll((): void
浏览 3提问于2021-11-30得票数 2
1回答
我希望模拟类的实现，但随后执行断言，即在我的测试中调用了这些方法。
以下结果如下：
Error: expect(jest.fn()).toHaveBeenCalled()
Expected number of calls: >= 1
Received number of calls: 0
我假设这里不起作用的是我对测试文件中的const service = new Service();的调用正在创建模拟的一个新实例。
如何模拟类，但在测试的其他地方实例化时，如何确保返回相同的实例？
// ./service.ts
class Service {
getNothing() {
浏览 9提问于2022-11-10得票数 1
回答已采纳
2回答
getInfo在同一个文件中调用getColor。我的目的是模拟getColor函数，我将func.js作为一个模块导入spyOn getColor。被模拟的getColor应该返回"Red"，但它仍然调用实际函数并返回"Black“。
函数文件
// func.js
function getColor() {
return "black"
}
function getInfo(){
const color = getColor()
const size = "L"
return `${color}-${
浏览 1提问于2021-02-21得票数 0
我有一个场景，在我的一个用Jest编写的单元测试用例中，我必须用不同测试套件中的不同值集来更新模块的模拟响应。下面是我的测试文件：
// test.spec.js
jest.mock('../../Service', () => ({
getState: jest.fn().mockReturnValue({
x: 'x',
y: 'y',
z: 'z'
})
})
describe('Test suite 1 - with same mocked d
浏览 7提问于2019-08-13得票数 2
2回答
我有一些麻烦的手工小丑模拟，可能需要一些帮助。
我正在测试的文件如下所示：
import withTranslation from '../utils/withTranslation'
withTranslation('test')
我在像这样的测试文件中模拟一个模块。
import withTranslation from '../utils/withTranslation'
jest.mock('../utils/withTranslation')
// tests here
我在../utils/__mocks__/w
浏览 0提问于2018-12-18得票数 2
回答已采纳
模拟ES6类导入
我想在我的测试文件中模拟我的ES6类导入。
如果被模拟的类有多个使用者，那么将模拟移动到__mocks__中可能是有意义的，这样所有的测试都可以共享模拟，但在此之前，我希望将模拟保存在测试文件中。
Jest.mock()
jest.mock()可以模拟导入的模块。当通过一个参数时：
jest.mock('./my-class.js');
它使用在模拟文件旁边的__mocks__文件夹中找到的模拟实现，或者创建一个自动模拟。
模块工厂参数
jest.mock()接受第二个参数，这是一个模块工厂函数。对于使用export default__，导出的ES6类，还不清
浏览 11提问于2017-11-20得票数 52
add.js
export default a => b => a+b;
module.js
import add from './add';
export default {
add1: n => add(1)(n),
};
test/module.js
import add from '../add';
import module from '../module';
jest.mock('../add', () => () => jest.fn());
module.add1(6);
浏览 0提问于2018-02-21得票数 7
我想测试当用户通过交互式的console.log按下Enter键时，是否正在调用HTMLElement函数。我一直试图用类型记录来模拟Jest函数的一个事件对象，但它不起作用。如何用Jest在React/类型记录中模拟事件对象？
示例：
import React from 'react';
function handleKey(event: React.KeyboardEvent) {
if (event.key === 'Enter') {
console.log('The enter key has been clicked')
浏览 0提问于2021-03-23得票数 2
回答已采纳
假设我有一个测试文件foo.test.ts，如下所示：
describe("foo", function() {
let myMock;
beforeAll(function() {
myMock = jest.spyOn(someObject, "someMethod");
});
test("my test", function() {
beforeEach(function() {
myMock.mockReturnValue("someValue");
});
浏览 4提问于2020-11-01得票数 1
回答已采纳
我有以下的健康检查功能
export default function handler(req, res) {
res.status(200).json({ message: "Hello from Next.js!" });
}
我有下面的测试
import handler from "./healthcheck"
describe("Healthcheck", () => {
test("that the application is live with a status of 200", () => {
浏览 5提问于2022-05-16得票数 0
回答已采纳
1回答
我在尝试用jest模拟类构造函数时遇到了问题。 我有一些与此类似的代码，其中我希望为catch提供代码覆盖率 try {
redis = new Redis(params);
}catch(err){
return reject(new Error());
} 我试图在单元测试中创建的mock，以便"new Redis“抛出一个错误，它包含如下内容： jest.mock('ioredis', () => {
return jest.fn().mockImplementation(() => {
return
浏览 22提问于2021-01-08得票数 0
回答已采纳
1回答
我是Jest的新手，正在尝试理解这个测试框架。我的问题是理解异步代码中es6类模拟的行为。示例我有一个导出的类，如下所示：
//util_tests.ts
export default class Utils{
getMemberAccounts = (): Promise<Number> => new Promise((resolve, reject) => resolve(5));
}
然后是我想要测试的文件(我想模拟的函数是getMemberAccounts)：
//test.ts
import Util from './util_test'
浏览 0提问于2021-04-09得票数 0
我已经定义了两个玩笑模拟。我遇到的问题。第一个模拟不起作用，但第二个模拟起作用。
import Helper from '../../test-helper'
import Storage from '@/storage'
import GuestContext from '@/auth/guest-context'
import UserContext from '@/auth/user-context'
// import LocalStorageGateway from '@/storage/local/loca
浏览 0提问于2019-10-14得票数 0
回答已采纳
1回答
如何模拟这种方法？
、、、
我想模拟下面这行代码。另外，请解释一下我是如何详细模拟这一点的，因为我刚接触javascript和编写测试用例。下面的代码将返回一个promise。 const createPriceConfiguration = (fastify, req) => {
return fastify.pg.transact(client => insertQuery(fastify, client, req));
};
const client = {
query: jest.fn(() => {
return new Promise(resolve =>
浏览 14提问于2019-04-02得票数 0
我有以下文件：
sampleFunction.ts:
export default (x: number) => x * 2;
testFile:
import sampleFunction from './sampleFunction';
export default () => {
const n = sampleFunction(12);
return n - 4;
};
testFile.test.ts:
import testFile from './testFile';
const mockFn = jest.fn();
j
浏览 6提问于2022-05-02得票数 0
回答已采纳
我在上发现了这个模仿的例子，但我发现它经常被用作一个示例，这让我感到困惑。
test("mock return value", () => {
const mock = jest.fn();
mock.mockReturnValue("bar");
expect(mock("foo")).toBe("bar");
expect(mock).toHaveBeenCalledWith("foo");
});
const mock = jest.fn();是否曾经连接到需要被模拟的真正函数？如果是
浏览 2提问于2021-12-31得票数 0
回答已采纳
假设我模拟了一个函数，如下所示： const foo = jest.fn().mockImplementation(() => { ... }) 在模拟实现的主体中，如何获得对传递到foo的输入参数的引用
浏览 22提问于2020-09-24得票数 0
回答已采纳
3回答
使用JEST对具有附加到文档的按键侦听器的组件进行单元测试。
我如何在JEST中测试它？如何在文档上模拟keydown事件？我需要事件侦听器在文档上，因为它应该响应键盘操作，而不考虑焦点元素。
编辑:这里的问题是关于模拟文档或document.body上的事件。所有的例子都是关于一个实际的DOM节点，它可以很好地工作，但是文档不能。
目前正在尝试这样做：
TestUtils.Simulate.keyDown(document, {keyCode : 37}); // handler not invoked
浏览 6提问于2015-11-11得票数 16
1回答
我正在测试当OuterComponent的InnerComponent触发一些函数调用时，它的行为是否正确。一个简化的例子：
// js/OuterComponent.js
onInput() {
// Behaviour to test
}
render() {
return (
<div>
<InnerComponent onInput={() => this.onInput()} />
</div>
);
}
由于InnerComponent最终要调用this.props.onInput()必须发生一系
浏览 0提问于2018-11-06得票数 1
3回答
我用创建了一个项目，它用构建脚本配置一个新的应用程序(babel，webpack，jest)。
我编写了一个，我正在尝试测试。该组件需要另一个javascript文件，公开一个函数。
我的search.js文件
export {
search,
}
function search(){
// does things
return Promise.resolve('foo')
}
我的反应成分：
import React from 'react'
import { search } from './search.js'
import
浏览 1提问于2016-09-22得票数 42
回答已采纳
3回答
如何模拟内部函数？
、、、、
目前我正在编写代码来测试控制器，它需要调用model。为了避免测试的副作用，我需要模拟模型。然而，模型是以一种相当复杂的方式编写的，因为它使用内部函数作为构造函数。我试过不同的方法，但还是达不到目的。
models/mondayModel.js
var mondayModel = function() {
function fnA (req, callback) {
...
}
function fnB (req, callback) { }
function fnC (req, callback) { }
function fnD (req, callback
浏览 34提问于2019-08-22得票数 1
回答已采纳
1回答
请允许我注意到，可以在here上找到与这个问题类似的问题，但接受答案的解决方案对我不起作用。沿着同样的路线还有另一个问题，其答案建议直接操作函数的原型，但同样没有结果。 我正在尝试使用Jest来模拟this NPM模块，称为"sharp“。它获取图像缓冲区并在其上执行图像处理/操作操作。 我的代码库中模块的实际实现如下所示： const sharp = require('sharp');
module.exports = class ImageProcessingAdapter {
async processImageWithDefaultConfigura
浏览 47提问于2019-06-14得票数 3
回答已采纳
2回答
我一直在尝试调试为什么会发生这种情况。如果依赖函数与调用它的函数来自同一个模块，则无法模拟它。但是，如果模拟的函数被移动到一个单独的模块，这与调用它的函数的模块不同，我就能够克服这一点。
不工作场景
模A (filename.ts)
export const callingFunction = () => {
//....statements
dependentFunction();
}
export const dependantFunction = () => {
//....statements
//resolve with something
}
浏览 6提问于2022-02-07得票数 0
回答已采纳
2回答
我有一个函数将调用Firebase和getIdToken函数
export const getUserFromDb = async () => {
const path = "/user";
const firebaseToken = getAuth().currentUser?.getIdToken(); // here need to get it
console.log(firebaseToken)
const myInit = {
headers: {
Authorization: `token ${firebaseTok
浏览 5提问于2021-09-08得票数 1
回答已采纳
我有一个带有map方法的typescript类EntityConfigurationMapper。我在我的Jest测试中模拟了它，如下所示：
const mock = jest.fn<EntityConfigurationMapper>()
.mockImplementation(() => ({
map: (conf): Entity => {
return {...};
}
}));
const instance = new entityConfigurationMapperMock();
浏览 1提问于2018-12-07得票数 1
我遵循这个堆栈溢出答案中的示例- 。我有一个示例组件和测试设置。将组件加载到App.js中时，该组件可以正常工作。
组件-
import React, { PropTypes, Component } from 'react';
export default class ExampleModule extends Component {
static propTypes = {
onAction: PropTypes.func,
}
static defaultProps = {
onAction: () => { console.log(&#
浏览 2提问于2016-09-05得票数 15
我有以下情况：
在我的.js文件中，我导入包foo的默认导出
这个导出有两个属性Bar和Baz，它们都是ES6类
在我的.test.js文件中，我现在想要模拟这两个类并监视它们的构造函数。
.js代码大致如下所示：
import foo from 'foo/dist/foo.min';
const { Bar, Baz } = foo;
...
const fooBar = new Bar();
在我的.test.js文件中，我现在像这样模拟这个包：
jest.mock('foo/dist/foo.min');
自动模拟正常工作，但当然不允许
浏览 3提问于2019-02-20得票数 0
回答已采纳
我是单元测试的新手，我想用方法测试一个组件，在这个方法中，我使用this.random函数，jQuery和Jest。
我想测试是否调用了openPost方法？
当我得到一个测试时，它会抛出错误this.$ is not a function和this.random is not a function。
我怎么写测试？
构成部分：
<template>
<div @click="openPost('note')" class="ml-3 text-center pointer noteBtn">
<
浏览 4提问于2020-04-29得票数 1
1回答
响应测试库--模拟一个函数
、、、、
我正在尝试测试一个函数被调用
import React from 'react';
import { render, cleanup, fireEvent } from '@testing-library/react';
import '@testing-library/jest-dom';
import MyForm from './MyForm';
afterEach(cleanup);
const testFunction = jest.fn();
test('my form', () => {
浏览 1提问于2021-09-03得票数 4
回答已采纳
1回答
这是我的功能
//functions.js
const functions =
{
add: (a, b) => a + b,
average: (a, b) => functions.add(a, b) / 2
}
module.exports = functions;
我的测试开始了，
jest.mock("./functions"); // this happens automatically with automocking
const functions = require("./functions");
test(
浏览 1提问于2021-06-30得票数 3
回答已采纳
1回答
使用快照进行反应测试
、、、、
我想知道，在使用Jest快照测试React组件时，您的方法是什么？
你在测试每个组件吗？
如何确定是否应为组件创建快照？
您是测试整个视图还是只测试较小的组件(视图段)？
什么时候应该向测试的组件添加道具？函数应该总是使用jest.fn()来模拟吗？
浏览 1提问于2019-09-18得票数 0
回答已采纳
我想用Jest在Typescript中模拟一个.json文件进行单元测试。
我目前在jest.config.js文件中使用这个全局模拟。这个很好用：
'package.json': '<rootDir>/__tests__/tasks/__mocks__/data.json'
但我想在本地模拟它，在我的测试类中。
这对我不起作用：
jest.mock('../../package.json', () => ({
package : { name: '__name__', 'version&
浏览 13提问于2018-12-17得票数 1
3回答
模拟反应-多玛·杰斯特
、、、
我试着用Jest来模拟react dom模块
import React from 'react';
import {configure, shallow } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import Link from '../components/DumbComp';
import { shallowToJson } from 'enzyme-to-json';
import { render } from '
浏览 2提问于2018-04-09得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
