如何使用jest模拟typescript中的外部依赖
在 TypeScript 中使用 Jest 模拟外部依赖的方法如下：
- 首先，安装 Jest 和相关的 TypeScript 类型定义库：
npm install --save-dev jest ts-jest @types/jest- 在项目根目录下创建一个
jest.config.js文件，并添加以下内容：
module.exports = {
preset: 'ts-jest',
testEnvironment: 'node',
};- 在
package.json文件中添加以下脚本命令：
"scripts": {
"test": "jest"
}- 创建一个 TypeScript 文件，例如
example.ts，其中包含需要测试的代码和外部依赖：
import { fetchData } from './api';
export async function getData() {
const response = await fetchData();
return response.data;
}- 创建一个与
example.ts文件相对应的测试文件，例如example.test.ts，并编写测试代码：
import { getData } from './example';
import { fetchData } from './api';
jest.mock('./api', () => ({
fetchData: jest.fn(),
}));
describe('getData', () => {
it('should return the data from fetchData', async () => {
const mockData = { data: 'mocked data' };
(fetchData as jest.MockedFunction<typeof fetchData>).mockResolvedValueOnce(mockData);
const result = await getData();
expect(result).toEqual(mockData.data);
expect(fetchData).toHaveBeenCalledTimes(1);
});
});在上述测试代码中，我们使用 jest.mock 方法来模拟 fetchData 函数，并使用 mockResolvedValueOnce 方法来指定模拟函数的返回值。然后，我们可以编写断言来验证 getData 函数是否正确地使用了模拟的外部依赖。
- 运行测试命令：
npm testJest 将会执行测试文件中的测试代码，并输出测试结果。
这是一个使用 Jest 模拟 TypeScript 中的外部依赖的基本示例。根据具体的项目和需求，你可能需要进一步了解 Jest 的其他功能和配置选项，以及如何模拟不同类型的外部依赖。
相关·内容
我有以下模块：
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和Typescript。我在一个服务文件中有这个导出的函数... export async functionprocessData(
data: MyDataI,
): Promise<
... 然后在我通过npm cli调用的一个单独的文件(run-my-process.ts)中，我有以下内容 import {processData } from '../services/my.service';
...
processData(data)
.then((result) => { 现在我想模
浏览 64提问于2021-06-24得票数 5
我需要使用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
1回答
我有下面的代码来模拟来自我的entityManager服务的NestJS，它在某种程度上起作用，但是问题在于指定不同实体的findOne应该返回什么。
{
provide: getEntityManagerToken(),
useFactory: (connection: Connection) => {
const entityManager = {
getRepository: jest.fn(() => {
return {
findOne: jest.fn
浏览 6提问于2021-03-31得票数 1
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
我正在尝试测试类中的函数调用，以确保它们被调用，但我似乎不知道如何使用Jest来实现这些调用。
自动模拟不起作用，用模块工厂param调用jest.mock也不行。
这是一个有问题的类，我想测试调用play()调用playSoundFile()。
class SoundPlayer {
constructor() {
this.foo = 'bar';
}
playSoundFile(fileName) {
console.log('Playing sound file ' + fileName);
}
play() {
浏览 0提问于2019-05-14得票数 2
回答已采纳
我尝试按照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
我有一个模块可以导出一个函数和一个常量。我试着在做jest.mock的时候只要求和读取它，但是常量都是未定义的。 /useEvalNames.js import { doAnotherThing } from '/doAnotherThing';
export const NAMES = ['Foo', 'Bar'];
export default function useEvalNames() {
} 我想测试useEvalNames，但我需要做一些模拟，这就是我遇到问题的地方，NAMES是undefined /__tests__
浏览 67提问于2021-04-20得票数 1
回答已采纳
Prisma文档提供了模拟客户端和使用jest和typescript进行单元测试的示例。有没有办法在不使用TypeScript的情况下用jest模拟客户端？ 如果你能举一个简单的例子，我将不胜感激。 补充一点:我在所有使用prisma的函数中的项目中都使用了依赖注入。
浏览 13提问于2021-08-04得票数 2
我正在导入一个模拟函数，但由于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
回答已采纳
我正在尝试使用webpack通过teamcity捆绑我的应用程序，并将其部署到远程服务器上。我也能够做到这一点，但是在使用'node ./dist/main‘运行应用程序的最后一步，我得到了下面的错误。 PS C:\engage-analytics> node .\dist\main.js
node:internal/modules/cjs/loader:928
throw err;
^
Error: Cannot find module '@nestjs/core'
Require stack:
- C:\engage-analytics\dist\main
浏览 77提问于2021-01-29得票数 0
回答已采纳
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
我正在为方法loadScript()编写一个测试
export class CourseContentElementEmbedTweetService {
private readonly TWITTER_OBJECT = 'twttr';
private readonly TWITTER_SCRIPT_ID = 'twitter-wjs';
private readonly TWITTER_WIDGET_URL = 'https://platform.twitter.com/widgets.js';
private readon
浏览 0提问于2021-09-03得票数 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
1回答
我有一个Lerna monorepo，一个@project/shared-component子包和一个@project/consumer子包。@project/shared-component包公开了一个SharedComponent react组件，该组件在内部使用了一个同样公开的useData挂钩。在@project/consumer中，我有一个呈现SharedComponent组件的ConsumerComponent。在@project/consumer中，我还有一个测试ConsumerComponent的测试。在这里，我想用Jest来模拟useData钩子的内部。这是我用来模拟的代码
浏览 24提问于2021-10-15得票数 0
我正在使用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
回答已采纳
1回答
我无法在typescript中模拟第三方函数调用。第三方库是moment-timezone，我想模拟代码以获得浏览器时区来编写jest测试。
下面是我需要模拟的代码，并将字符串返回为'Australia/Sydney‘
moment.tz.guess()
我尝试使用jest.mock()作为:-
jest.mock('moment-timezone', () => () => ({ guess: () => 'Australia/Sydney' }));
浏览 1提问于2019-10-25得票数 0
通过在__mock__文件夹中创建手动模拟文件，我尝试在ES6类中使用手动模拟方法。但是模拟文件根本不起作用。这是我的项目：
├── __mocks__
│ └── MockTestDependency.js
├── MockTestDependency.js
└── MockTest.test.js
./MockTestDependency.js：
export default class MockTestDependency {
addAction(value1, value2) {
return value1 + value2
}
}
./__mock
浏览 13提问于2018-03-01得票数 0
回答已采纳
我可以用jest.fn(() => 1)或() => 1创建一个模拟函数。即使我不需要，我也应该做第一件事吗？(如我不使用expect().toHaveBeenCalled())
const foo = ({ helper }) => helper()
test('example v1', () => {
const arg = {
helper: jest.fn(() => 1)
}
expect(foo(arg)).toBe(1)
})
test('example v2', () => {
浏览 0提问于2019-09-06得票数 1
我有一个叫做map-creation.service.ts的模块
export const createMap = (asyncJobId: string, resourceUrl: string, s3DestFolder: string) => {
};
它在我的端点中使用：
import {createMap} from './services/map-creation.service';
const router = express.Router();
const routePrefix = config.get('server.routePrefix
浏览 5提问于2017-04-18得票数 10
回答已采纳
我有一个TypeScript文件，如下所示：
import * as sqlite from expo-sqlite
class User {
static async getListOfUsers() {
}
}
这个"User“类是要测试的类，sqlite模块就是我想要模仿的。
按照中的指示，在模拟目录中定义了一个与node_modules相邻的模拟类(在(项目根目录)中)。
我的jest.config.js文件如下所示：
module.exports = {
preset: 'ts-jest',
testEnvironment: 'node
浏览 3提问于2021-12-10得票数 0
我已经使用lerna import <PATH_OF_PROJECT>命令将两个现有项目导入monorepo。
每个项目都有一个package.json文件，它们有一些常见的devDependencies
packages/redux-saga-examples/package.json
"devDependencies": {
"@testing-library/react": "^12.0.0",
"@types/jest": "^26.0.24",
"@types/redux-
浏览 0提问于2021-09-13得票数 1
1回答
我来自C# NUnit背景，所以我很难理解如何在TypeScript中使用Jest来模拟导入。
在我想要测试的方法中，我调用了一个模块，然后该模块返回一个类。然后，在返回我想要的列表之前，继续调用其他几个函数。
import { Metaplex, Nft } from "@metaplex-foundation/js-next"
async doSomething(walletAddress: string): Promise<MyType>
{
const metaplex = Metaplex.make(QuickNodeService.connecti
浏览 3提问于2022-09-12得票数 0
你知道在没有安装webpack的情况下我的配置是如何工作的吗？这个配置最初只用于使用Jest进行测试，但是命令"npm“成功地打印了一个页面。这是基于我的代码，我的浏览器的巧合吗？
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"test": "jest"
},
"dependencies
浏览 4提问于2021-12-30得票数 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
回答已采纳
我想在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
回答已采纳
我正在尝试在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
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
各种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
回答已采纳
// 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
我试图在我的一个测试用例中模拟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
回答已采纳
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
我无可救药地试图在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
回答已采纳
我想要将eslint import/order配置为自定义配置，但我无法在react typescript文件中使用它。 这是我的规则： "import/order":[
"error",
{
"groups": ["builtin", "external", "internal"],
"pathGroups":[{
"pattern": "react",
浏览 127提问于2021-01-07得票数 2
回答已采纳
我需要在typeScript中用Jest来模拟一个类，我用mockito框架找到了"when“方法，jest会有同样的目的吗？
浏览 1提问于2019-01-22得票数 0
回答已采纳
我正在进行一个项目，每次执行纱线安装时，我都会在控制台中得到以下消息：
? Please choose a version of "ts-jest" from this list: (Use arrow keys)
❯ 29.0.0-next.0
28.0.8
28.0.7
28.0.6
28.0.5
28.0.4
28.0.3
28.0.2
我应该做些什么来避免收到这条信息吗？这就是我的package.json文件的样子：
{
"name": "xyz",
"version":
浏览 6提问于2022-08-29得票数 2
当我使用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
何时以及如何升级create-react-app添加到package.json的依赖项
今天我运行了npx create-react-app my-app --template typescript，它添加了以下依赖项：
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event":
浏览 12提问于2020-10-01得票数 3
回答已采纳
我对TypeScript (和JavaScript)相当陌生，所以这可能是显而易见的，但我不明白让这样的预处理模块来针对TypeScript代码运行Jest测试有什么意义。我正在Node上开发一个TypeScript项目，我正在用Jest测试所有的东西，到目前为止，它运行得很好。
我正在将我的TypeScript代码(和测试)转换到JavaScript ( ES5 )，然后我使用Jest运行Jest来对付那个转移的ES5 JavaScript --一切都很正常，不需要ts-jest。
所以用有什么意义？换句话说，在什么情况下我会使用它？
我见过像这样的关于使用ts-jest来“预处理类型记录文
浏览 0提问于2018-06-23得票数 19
我有一个带有map方法的typescript类EntityConfigurationMapper。我在我的Jest测试中模拟了它，如下所示：
const mock = jest.fn<EntityConfigurationMapper>()
.mockImplementation(() => ({
map: (conf): Entity => {
return {...};
}
}));
const instance = new entityConfigurationMapperMock();
浏览 1提问于2018-12-07得票数 1
在编写jest单元测试用例时，我有以下案例：
elasticsearch.Client = jest.fn().mockImplementation(() => {
return {
update: jest.fn().mockImplementation(() => {
return {}
})
}
});
现在，我想对update函数调用做一些预期。如何在测试用例中访问更新函数。
我可以访问elasticsearch.Client及其模拟变量elasticsearch.Client.mock。但是，如
浏览 8提问于2020-02-07得票数 1
回答已采纳
我正在使用typescript和jest。我有两个导入producer.ts的文件users.service.ts。我想模拟producer.ts中的一个函数。这个很好用 import { sendUserData } from './users.service';
const processDataSpy = jest.fn().mockImplementation(() => {
throw new Error('failed');
});
jest.mock('../users/manager', () =>
浏览 41提问于2021-06-25得票数 1
回答已采纳
1回答
我正在测试一个导入类LanguageStore的react本机组件。当前，测试失败是因为组件正在实例化这个类，它调用了测试范围中未定义的私有setter：
FAIL src\modules\languageProvider\__tests__\LanguageProvider-test.js
● renders correctly
TypeError: _this.strings.setLanguage is not a function
at LanguageStore.setLanguage (src\modules\languageProvider\Lang
浏览 0提问于2019-03-18得票数 4
回答已采纳
我正在向一个使用TypeScript的compilerOptions.paths项目中添加单元测试，我需要模拟一个导入。
我遇到一个问题，在这个问题上，jest无法解决要模拟的模块
FAIL logic/index.test.ts
● Test suite failed to run
Cannot find module '@lib/foo' from 'logic/index.test.ts'
我使用的是ts-jest，它在导入中添加了对路径的支持，但看起来我需要为模拟执行额外的步骤
解决这条路的正确方法是什么？
简化案例
{
"
浏览 2提问于2021-03-18得票数 1
回答已采纳
2回答
在我的单元测试(用Typescript编写，由Jest运行)中，我想模拟两个共享公共功能的类。例如，它们都有tick()和getTicks()方法。我的Jest mocks目前复制代码来实现这一点，如下所示： const mock1 = jest.fn(() => {
let ticks = 0;
return {
tick: jest.fn(() => {ticks++; }),
getTicks: jest.fn(() => ticks),
doSomething: jest.fn()
}
});
const mock2 = je
浏览 21提问于2020-01-12得票数 0
回答已采纳
2回答
我正在尝试使用Jest运行Typescript代码的Typescript测试。我尝试使用多种形状的ts-jest来配置Jest，但是没有成功。 我得到了： node_modules/@polkadot/api/promise/index.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){import _defineProperty from "@babel/runtime/helpers/esm/definePropert
浏览 248提问于2021-09-09得票数 1
我有两个npm套餐。我提供了与repos的直接链接，但也提供了下面的相关代码片段和说明。
这里是对这个问题的总结，以及在下面更详细的内容
项目1使用TypeScript选项"module": "es2015"编译它的代码
项目2将项目1作为依赖项。该项目有一个测试文件，它测试一个对象，该对象从导入的项目1调用代码。
当我们运行这个项目2测试时，Jest会产生一个错误。该错误基本上表示导入库的代码中存在错误。
在项目1中，当我将TypeScript选项更改为其他选项或忽略它时，编译的代码当然不是es2015，但是项目2测试有效。
如何使Jest
浏览 1提问于2019-04-30得票数 0
我在一个类中有以下方法：
import axios from 'axios'
public async getData() {
const resp = await axios.get(Endpoints.DATA.URL)
return resp.data
}
然后，我尝试设置一个Jest测试来完成以下操作：
jest.mock('axios')
it('make api call to get data', () => {
component.getData()
expect(axios.get).toHav
浏览 232提问于2018-07-11得票数 39
回答已采纳
1回答
我想模拟一个模块进行测试。一切正常，但我必须将相同的代码复制/粘贴到每个测试文件中。我怎样才能使它更易于维护？
(这是在TypeScript项目中使用Babel和Next.js。)
生产代码如下所示：
import { useRouter } from 'next/router';
// Then call the hook in a React component:
const router = useRouter();
测试代码：
// I need to access these mocks in the tests
const mockRouterPush = j
浏览 5提问于2021-06-10得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
