Typescript + Jest:如何部分模拟类实例
Typescript是一种由微软开发的开源编程语言，它是JavaScript的超集，添加了类型系统和其他功能，以提高代码的可维护性和可读性。Jest是Facebook开发的一种JavaScript测试框架，用于编写自动化测试。在Typescript项目中使用Jest进行部分模拟（partial mocking）类实例，可以通过以下步骤完成：
- 安装必要的依赖：
- 安装必要的依赖：
- 配置Jest：
在项目根目录下创建
jest.config.js文件，并添加以下配置： - 配置Jest：
在项目根目录下创建
jest.config.js文件，并添加以下配置： - 创建测试文件：
在项目根目录下创建
example.test.ts文件，并添加以下示例测试代码： - 创建测试文件：
在项目根目录下创建
example.test.ts文件，并添加以下示例测试代码： - 创建源文件：
在项目根目录下创建
example.ts文件，并添加以下示例类： - 创建源文件：
在项目根目录下创建
example.ts文件，并添加以下示例类： - 运行测试： 执行以下命令运行Jest测试：
- 运行测试： 执行以下命令运行Jest测试：
通过上述步骤，我们使用Jest在Typescript项目中成功部分模拟了类实例。在测试中，我们使用jest.spyOn方法来模拟类实例中的某个方法，并通过mockImplementation来提供一个自定义的实现。这样，当调用被模拟的方法时，将返回我们指定的模拟值。
注意：以上示例中的ExampleClass仅作为演示用途，实际应用中请根据自己的需要编写和测试相应的类和方法。
腾讯云提供的相关产品和服务可供参考，推荐阅读腾讯云文档了解更多信息：
相关·内容
我有以下模块：
import { MetadataStore } from 'metadata-store';
import { AttributeMap } from 'aws-sdk/clients/dynamodb';
const dataStore = new MetadataStore();
export async function getContentData(
dataIds: string[]
): Promise<AttributeMap[]> {
try {
return dataStore.getBatch
浏览 4提问于2022-05-12得票数 0
我正在使用Jest测试阿波罗服务器RESTDataSource。我的应用程序是用TypeScript编写的。我的类CDCDataSource扩展了抽象类，它本身扩展了抽象类DataSource。RESTDataSource有一个方法get，它允许您从外部REST数据源中提取数据。我希望模拟这个方法，因为我希望模拟外部数据源。
protected async get<TResult = any>(
path: string,
params?: URLSearchParamsInit,
init?: RequestInit,
): Promise<
浏览 8提问于2020-05-26得票数 8
回答已采纳
我想用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
2回答
如果我们使用jest和typescript，其中使用了一个交集观察者，那么模拟交集观察者将变得很困难。到目前为止，我在： beforeEach(() => {
// IntersectionObserver isn't available in test environment
const mockIntersectionObserver = class {
observe() {
console.log(this);
}
unobserve() {
console.log(this);
}
disco
浏览 20提问于2020-08-31得票数 4
回答已采纳
我需要使用Jest和TypeScript来模拟以下useState钩子：
const [myState, setMyState] = useState<MyType>(MyType.TYPE_0)
在我的测试中，为了嘲弄它，我在写：
import * as React from 'react'
const setState = jest.fn();
const useStateSpy = jest.spyOn(React, 'useState');
useStateSpy.mockImplementation((init: MyType) =&g
浏览 2提问于2022-05-27得票数 2
2回答
我有一个简单的测试文件：
describe('index', () => {
it('should bootstrap the app', async () => {
const root = <div />;
jest.spyOn(ReactDOM, 'render');
...
ReactDOM.render.mockImplementationOnce(() => {} );
...
ReactDOM.ren
浏览 3提问于2018-06-18得票数 6
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
我有一个带有map方法的typescript类EntityConfigurationMapper。我在我的Jest测试中模拟了它，如下所示：
const mock = jest.fn<EntityConfigurationMapper>()
.mockImplementation(() => ({
map: (conf): Entity => {
return {...};
}
}));
const instance = new entityConfigurationMapperMock();
浏览 1提问于2018-12-07得票数 1
1回答
我正在尝试用require模拟一个导入到我的代码中的类，然后测试是否调用了该类的方法。 我已经创建了一个示例设置，其中可以复制此问题： // user.js
class User {
getName() {
return "Han Solo"
}
}
module.exports = User // user-consumer.js
const User = require('./user')
const user = new User()
module.exports.getUserName = () => {
// do th
浏览 7提问于2021-01-16得票数 1
回答已采纳
我为我的应用程序设置了一个功能良好的Jest/Flow设置。我们切换到TypeScript，我所有的测试都失败了。我把一切都转换成了.ts和.test.ts，并修复了所有的bug。由于某种原因，我的__mocks__不再被使用了。(我不得不嘲笑一些无法实现自动化的模块)
例如，下面的代码用于在任何需要的时候模拟电子，并允许代码调用模拟的对话框，这样我就可以检查错误案例报告的错误。由于我转换为TypeScript，每当require ("electron")在测试中被击中时，它都会失败，说明remote是未定义的。
( ex) aFile.test.ts
import repor
浏览 3提问于2017-05-04得票数 3
回答已采纳
1回答
我见过类似的问题，但我在文档或堆栈溢出中没有看到任何描述我想要做的事情。我对javascript很陌生，刚开始使用jest，我已经阅读了jest文档，但我还没有看到一个模拟外部库的命名导出的示例。我想要嘲弄的图书馆是速率限制器灵活的。我想要模拟命名的导出RateLimiterRedis。我需要模拟几个RateLimiterRedis函数，包括get、couple和delete。
例如，当我模拟redis的函数时，我所要做的就是：
import redis from 'redis';
jest.mock('redis', () => {
return
浏览 3提问于2020-06-24得票数 0
回答已采纳
我正在导入一个模拟函数，但由于Typescript似乎不知道Jest会将导入更改为模拟函数，所以在使用mockReturnValue等模拟方法之前，我必须对导入的函数进行强制转换。
jest.mock('../myImport');
import { thisFunctionIsMocked } from '../myImport'
/* ... */
(<Mock<any>>thisFunctionIsMocked).mockReturnValue(42);
如果我不强制转换import，Typescript就会声明mock函数方法
浏览 2提问于2017-02-07得票数 10
1回答
我使用的是Jest和Typescript。我有一个不返回任何内容的异步函数(void)。我如何模拟返回void？我试过下面的方法 const myMockFn = jest.fn().mockImplementationOnce(() => Promise.resolve(void));
jest.mock('../config', () => ({
setup: async () =>
myMockFn(),
})); 但是我得到了编译错误 Expression expected. 与“Promise.resolve(空)”相关。
浏览 21提问于2021-06-30得票数 3
回答已采纳
我想在lambda函数上模拟stripe sdk，这就是如何在config上创建stripe实例。
export const stripe = new Stripe(STRIPE_SECRET_KEY, {
apiVersion: '2020-08-27',
typescript: true,
maxNetworkRetries: 2,
});
这就是如何在lambda函数上使用stripe实例。
import { stripe, STRIPE_TEST_USERS } from '../config';
await stripe.invoices
浏览 7提问于2022-09-20得票数 2
回答已采纳
Prisma文档提供了模拟客户端和使用jest和typescript进行单元测试的示例。有没有办法在不使用TypeScript的情况下用jest模拟客户端？ 如果你能举一个简单的例子，我将不胜感激。 补充一点:我在所有使用prisma的函数中的项目中都使用了依赖注入。
浏览 13提问于2021-08-04得票数 2
1回答
最近，我已经熟悉了Jest库和单元测试概念，而由于jest的文档所产生的一切都在我的代码中。
但是我需要知道Jest和其他单元测试库中的模拟和非模拟概念之间的区别。
谢谢
浏览 0提问于2016-12-11得票数 3
回答已采纳
我正在使用typescript和typeorm，我有一个这样的存储库：
import { EntityRepository, getRepository, createQueryBuilder } from 'typeorm';
@EntityRepository()
export default class Repo {
async getSomething(): Promise<Result> {
const schemaQuery = getRepository(SomeModel)
.createQueryBuilder('
浏览 64提问于2021-05-19得票数 3
回答已采纳
2回答
我用TypeScript创建了一个NodeJs http服务器，并且我已经用Jest对所有东西进行了单元测试，除了基类，服务器本身： import { createServer} from 'http';
export class Server {
public startServer() {
createServer(async (req, res) => {
if(req.url == 'case1') {
// do case1 stuff
}
浏览 20提问于2020-07-23得票数 2
我正在尝试在Typescript中使用Jest来模拟axios拦截器。但是，在运行时，我收到以下错误：
"TypeError:无法读取未定义的属性'request‘“，该行如下：
axios.interceptors.request.use(async (config: AxiosRequestConfig) => {
下面是我如何定义mock的
jest.mock('axios', () => ({
create: jest.fn(() => ({
get: jest.fn(),
interceptors: {
浏览 4提问于2021-06-29得票数 0
// utils.ts
export const foo = () => {...}
export const bar = () => {...}
我只想模拟foo函数，bar必须保持不变
jest.mock('../utils', () => {
return {foo: jest.fn()}
})
因为我使用Typescript，所以我不能这样做
import * as utils from '../utils'
utils.foo = jest.fn(() => console.log(..)) // Cannot assi
浏览 5提问于2019-08-14得票数 0
我尝试按照Jest文档中的页面在TypeScript类Consumer上测试方法。这个类实例化一个Provider对象并调用它的方法，所以我想模拟一下Provider类。
目录结构：
.
├── __tests__
│ └── consumers
│ └── Consumer.test.ts
└── js
├── providers
│ └── provider.ts
└── consumers
└── Consumer.ts
provider.ts
export class Provider {
constructor()
浏览 2提问于2019-03-11得票数 6
1回答
我无法在typescript中模拟第三方函数调用。第三方库是moment-timezone，我想模拟代码以获得浏览器时区来编写jest测试。
下面是我需要模拟的代码，并将字符串返回为'Australia/Sydney‘
moment.tz.guess()
我尝试使用jest.mock()作为:-
jest.mock('moment-timezone', () => () => ({ guess: () => 'Australia/Sydney' }));
浏览 1提问于2019-10-25得票数 0
1回答
我有两个课程，例如：
//MyClass.ts
import {B} from '../MyAnotherClass'
class A {
f1(){ }
f2(){
const instance = new B();
instance.someBFunctionFoo(arg);
}
}
// MyAnotherClass.ts
class B {
someBFunctionFoo(arg){ }
someBFunctionBar(){ }
}
我想为类A编写测试用例，但我不希望类A实际调用B类实例函数，而是调用这些函数的模拟版本。如何
浏览 0提问于2017-11-03得票数 0
我需要在typeScript中用Jest来模拟一个类，我用mockito框架找到了"when“方法，jest会有同样的目的吗？
浏览 1提问于2019-01-22得票数 0
回答已采纳
我需要使用jest v24+为我的类型记录类创建一个模拟实现。我正特别尝试创建一个模拟类，该类被注入构造函数并模拟将被调用以返回特定响应的函数。
如何为每个测试创建一个模拟？
更多信息：
我已经启动了一个新项目，现在正在使用jest v24，这给我无法解决的编写测试带来了问题。
在使用jest v23的下面的示例中，我可以按照以下方式模拟随机化类：
const Mock = jest.fn<Randomiser>(() => ({
getRandom: jest.fn().mockReturnValue(10)
}));
可以成功地编译和构建。
对于v24，fn函数接受和
浏览 0提问于2019-02-13得票数 3
2回答
我想模拟一个正在TypeScript文件中导出的数组。我怎么能和Jest一起这么做？
我有这样的档案：
// names.ts
export const names = ['Alice', 'Bob'];
它的用法如下：
// get-names.ts
import names from './names';
export const getNames = () => { return names };
如何在Jest中模拟这个数组？
我想做的是：
// get-names.test.ts
import { getNames } from
浏览 5提问于2022-04-28得票数 1
我有一个函数，我想在TypeScript中模拟它来进行测试。在我的测试中，我只关心json和status。但是，当使用Jest的jest.spyOn时，我的模拟函数的类型被设置为返回一个http Response类型。这很尴尬，因为这意味着我必须手动去实现一堆不相关和任意的函数和属性。 我怀疑有一些方法可以在这里使用分部类型，通过重写返回类型来实现更好、更有用的模仿。我该怎么做呢？ export function mockApi(json: object, status: number): void {
jest.spyOn(
myApiModule,
'meth
浏览 23提问于2019-05-14得票数 4
回答已采纳
我已经定义了两个玩笑模拟。我遇到的问题。第一个模拟不起作用，但第二个模拟起作用。
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
回答已采纳
我在TypeScript中使用Jest 27.5.1。当我尝试测试时，我得到了以下错误：
● Test suite failed to run
TypeError: Cannot read properties of undefined (reading 'extend')
2 | <div>Hello</div>
3 | </template&g
浏览 5提问于2022-10-29得票数 0
1回答
我似乎无法使模拟正常工作。
有一点背景：
"jest": "^24.8.0",
"ts-jest": "^24.0.2",
"typescript": "^3.5.3"
storage.ts包含一个方法getOsTmpDir。
moduleA.ts正在消费storage.ts
在moduleA.spec.ts中：
jest.mock('./storage', () => ({
getOsTmpDir: jest.fn().mo
浏览 0提问于2019-08-05得票数 4
1回答
所以，这实际上是在我身上发生了几次的事情，我从来不知道如何解决它。 我有一个这样的课程 //myClass.js
const { get } = require('../models/myModel');
class MyClass {
constructor(id) {
this.id = id;
}
async getByID() {
return get(this.id);
}
} 和一个控制器，它是 //controller.js
module.exports = MyClass;
const My
浏览 14提问于2020-08-22得票数 1
如果我有密码
const SomeEmailModule = require('SomeEmailModule')
const emailModule = new SomeEmailModule()
async function sendEmail(htmlBody) {
await emailModule.send(htmlBody)
return htmlBody
}
当我在测试中用它开玩笑的时候
const SomeEmailModule = require('SomeEmailModule')
it('can test
浏览 0提问于2021-11-18得票数 0
回答已采纳
我正在尝试模拟bcrypt的compare方法的返回值。compare方法的返回类型是一个Promise。当我写这行"jest.spyOn(bcrypt，'compare').mockReturnValueOnce()“时，推断给mockReturnValueOnce的参数类型是空的，而不是Promise。因此，我不能用这个"new Promise(resolve => resolve(false))“来模拟返回值，因为我得到了一个TypeScript错误："TS2345：'Promise‘类型的参数不能赋值给’void‘类型的参数”。
浏览 65提问于2021-07-23得票数 1
回答已采纳
我正在使用Jest模拟一个React组件，但是TypeScript没有识别被模拟的方法并给出一个TS2339错误。
这是我的测试：
jest.mock('./features/News/News');
describe('<App />', () => {
it('should render the News page on default route', () => {
// The following line is giving an error:
// TS2339: Property
浏览 1提问于2021-02-24得票数 0
回答已采纳
1回答
我一直在为如何对一个场景进行单元测试而苦苦挣扎，并且多次遇到这个问题。它与模拟具有特定返回类型的类中的方法有关。假设我们有一堂课：
export class ExampleService {
async findUsers() : Promise<Users[]> {
const repository = getRepository(repoConfig);
return repository.find()
};
}
下面是我要测试的服务：
import { ExampleService } from './ExampleServic
浏览 2提问于2022-10-26得票数 0
回答已采纳
当我使用TypeScript编译器编译测试并使用Jest模拟时，我经常收到来自tsc的错误，例如：
error TS2339: Property 'mockImplementationOnce' does not exist on type
'typeof readFile'.
从这个最小的测试：
jest.mock('fs');
// Run before the imports but does not alter types :(
import { readFile } from 'fs';
i
浏览 1提问于2018-05-06得票数 7
我正在使用Jest和react-testing-library，并且在模拟推进计时器时遇到了这个警告： console.error
Warning: An update to TimerProvider inside a test was not wrapped in act(...).
When testing, code that causes React state updates should be wrapped into act(...):
act(() => {
/* fire events
浏览 29提问于2020-07-07得票数 2
我试图在我的一个测试用例中模拟react-router-dom，以便useHistory钩子在我的测试中发挥作用。我决定使用jest.mock来模拟整个模块，使用jest.requireActual来保存我可能不想模仿的其他属性。
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useHistory: () => ({
location: {
pathname: '/list',
},
浏览 2提问于2020-07-07得票数 23
回答已采纳
所以，我是TypeScript和Jest世界的新手。为了简单起见，我省略了部分代码示例。
基本上，我有一个具有私有构造函数的User实体，因为我在这个类中使用了一个静态工厂方法。此工厂方法在成功时返回User实例，在某些提供的字段无效时返回UserCreationFailure的列表。
我的User实体看起来如下(请注意，它只是一个简化的伪代码)：
export class User {
// fields
private constructor(name: string, email: string, password: string) {
this.name
浏览 3提问于2020-03-04得票数 12
回答已采纳
1回答
我是一个反应开发的初学者。
我试图解决我的项目的所有错误/警告，但在开发环境和生产环境之间得到了不同的结果。我对他们的配置没有任何影响。
运行npm run lint会给出以下输出：
运行npm run build会给出以下输出：
我得到不同的ESLint输出是正常的吗？
这是我的package.json：
{
"name": "immersion-dashboard",
"version": "0.1.0",
"private": true,
"dependencies": {
浏览 4提问于2021-11-21得票数 8
回答已采纳
我正在用TypeScript构建一个。对于我的导航，我使用React导航，对于我的单元测试，我使用Jest和酶类。
下面是我的一个屏幕(LoadingScreen.tsx)的(简化)代码：
import styles from "./styles";
import React, { Component } from "react";
import { Text, View } from "react-native";
import { NavigationScreenProps } from "react-navigation";
浏览 3提问于2018-09-29得票数 48
回答已采纳
我正在尝试用jest测试类"a“(继承自类"b")。typescript编译器在编译后的javascript文件前面加上"a“
var __extends = this.__extends || function (d, b) { ... };
不幸的是，在运行单元测试时，this是空的，所以我得到
Cannot read property '__extends' of null
我使用jest-cli@0.2.1运行测试，使用typescript@1.4.1编译我的typescript文件。当文件在浏览器中运行时，this通常会指向窗口。
有人
浏览 1提问于2015-01-27得票数 0
我无可救药地试图在typescript中模拟firebase管理依赖，以进行单元测试。
我的实际函数如下
import {auth} from 'firebase-admin';
async validateUser(payload: string): Promise<User> {
try {
const resp = await auth().verifyIdToken(payload, true);
return await this.userService.findByUsername(resp.email);
} catch (
浏览 24提问于2021-05-29得票数 0
回答已采纳
各种Jest文档显示了创建“自动”模拟、“手动”模拟或模拟(在构造函数中实例化依赖关系)。
但是，我希望使用DI / IOC并将依赖项注入到ctor中：
// IBar.ts <--- mock this
export default interface IBar {
/* ...methods... */
}
// Baz.ts <--- mock this
export default class Baz
浏览 6提问于2019-04-04得票数 11
回答已采纳
1回答
我想使用Jest创建一个模拟的记录器实例。
这是为了让我可以使用依赖注入来监视logger.warning()被调用了多少次，以及错误消息是什么。
但是，因为winston使用工厂方法createLogger()，所以在jest.mock("winston")上执行自动模拟时，它会使我对createLogger()的调用返回未定义的值。
下面是我的代码：
import { VoiceChannelDisconnect } from "./../../src/PeriodicTask/VoiceChannelDisconnect";
import { Logger
浏览 4提问于2019-11-23得票数 1
我试图用Jest来模拟一个TypeScript类，而且我显然是在做一些事情，因为接收到以下错误：
error TS2743: No overload expects 1 type arguments, but overloads do exist that expect either 0 or 2 type arguments.
这是我的密码：
Foo.ts
export default class Foo {
bar(): number {
return Math.random()
}
}
Foo.test.ts
import Foo from './Foo'
浏览 0提问于2019-03-01得票数 3
假设我有以下课程：
export default class Person {
constructor(first, last) {
this.first = first;
this.last = last;
}
sayMyName() {
console.log(this.first + " " + this.last);
}
bla() {
return "bla";
}
}
假设我想创建一个模拟类，方法'sayMyName‘将被模拟，而方
浏览 14提问于2018-04-29得票数 171
回答已采纳
想用玩笑来模拟EventSource，但一直在抛ReferenceError: EventSource is not defined。
请看一下密码。非常感谢!
// eventSourceHandler.ts
export default new class A() {
listenEventSource(){
const eventSource = new EventSource(url);
eventSource.addEventListener("something", callSomething);
eventSource.onerror =
浏览 9提问于2020-03-24得票数 1
我有B类，它依赖于A类，我想测试B类的一种方法，它内部调用A类的方法，现在我想通过模拟A类来单元测试B类的方法。
我的代码结构：
class A {
getSomething() {
return "Something";
}
}
class B {
constructor(objectOfClassA: A) {
this._objectOfClassA = objectOfClassA;
}
functionofClassBToTest() {
const returnValueFromClassA = this._o
浏览 3提问于2022-01-08得票数 10
回答已采纳
我试图窥探一个ES6类的方法，我已经手动模拟了这个方法。
我正在跟踪只针对JavaScript的官方Jest文档。
这是我的密码：
// sound-player.ts
export default class SoundPlayer {
foo: string
constructor() {
this.foo = 'bar'
}
playFile(fileName: string) {
console.log(`Playing sound file: ${fileName}`)
}
}
// __mocks__/sound-player
浏览 8提问于2022-08-22得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
