Jest - spyOn没有涵盖实际实现的代码
Jest是一个基于JavaScript的测试框架，用于编写自动化测试用例。它提供了一套丰富的API，可以用来模拟、断言和验证代码的行为。在测试过程中，我们经常需要验证特定函数是否被调用以及它们的输入输出是否符合预期。Jest的spyOn函数可以帮助我们实现这个功能。
spyOn函数可以用于监视对象的特定方法，并对其进行模拟操作。它接收两个参数：第一个参数是要监视的对象，第二个参数是要监视的方法名。调用spyOn后，Jest会替换被监视方法的实现，以便在测试中捕获函数的调用情况。
然而，Jest的spyOn函数仅能监视已经存在的方法，无法对实际实现的代码进行覆盖。如果想要监视的方法还没有被定义，spyOn无法帮助我们拦截它的调用。这种情况下，我们可以使用jest.mock函数来模拟整个模块，从而实现对函数调用的监视。
Jest提供了一个强大的mock功能，允许我们使用自定义的模拟函数替代实际的函数实现。通过mock，我们可以在测试过程中完全控制模块的行为，无论函数是否已经被定义。使用mock函数可以更好地组织和控制测试代码，提高测试覆盖率和可维护性。
总结起来，Jest的spyOn函数提供了对已经存在的方法的监视能力，可以捕获函数的调用情况。对于尚未定义的方法，我们可以使用jest.mock函数来实现对函数调用的监视，并完全控制模块的行为。这样可以帮助我们编写更全面、准确的测试用例，提高代码质量。
腾讯云相关产品和产品介绍链接地址：
- Serverless Cloud Function (SCF)：腾讯云的无服务器云函数产品，可用于开发、部署和运行云端代码，支持多种编程语言。
- COS（Cloud Object Storage）：腾讯云的对象存储服务，提供高可靠性、低成本的数据存储和访问方案。
- TencentDB：腾讯云的数据库产品系列，包括关系型数据库（如MySQL、SQL Server）和NoSQL数据库（如Redis、MongoDB）。
- Serverless Framework：腾讯云的无服务器框架，用于快速构建、部署和管理Serverless应用，支持多云厂商。
请注意，以上仅是腾讯云的部分相关产品，其他云计算品牌商也提供类似的产品和服务，根据实际需求选择合适的产品和服务更为重要。
相关·内容
1回答
我希望有人能帮助我理解js原型和jest.spOn()的交互性。
我有一个小示例:文件TestObj.ts中的一个示例类
export default class TestObj {
foo() {
// Do Something e.g.
console.log("Hello World!");
}
}
下面的示例测试用例是成功的，但从未执行console.log。
import TestObj from './TestObj';
const spyObj = jest.spyOn(TestObj.prototype, 'fo
浏览 4提问于2021-09-06得票数 5
回答已采纳
编辑
目前的例子，
it('CALLED THE canOpenURL FUNCTION', () => {
const wrapper = mount(<ResourceCardComponent {...mockProps} />);
const canOpenURLSpy = jest.spyOn(Linking, 'canOpenURL');
wrapper.find('TouchableOpacity').simulate('click');
expect(canOp
浏览 4提问于2017-12-13得票数 2
回答已采纳
2回答
我正在为组件编写Jest，以确保handleError将被执行。 UserService定义为： export class UserService {
constructor(private http: HttpClient, private errorHandleService: ErrorHandlerService) {
}
login(user, password) {
this.loadingLogin.next(true);
return this.http.post(this.loginUrl, JSON.stringify({
us
浏览 21提问于2021-02-02得票数 0
回答已采纳
1回答
我试图模拟一个同时充当对象和函数的对象的属性。下面是代码：
index.js
const nock = require('nock');
async function myFunc() {
nock.back.setMode('param1');
const { nockDone } = await nock.back('param1', 'param2');
nock.enableNetConnect('param1');
return nockDone;
}
module.exports =
浏览 0提问于2018-10-04得票数 4
我从事Typescript的Jest单元测试，我创建了一个方法 addNumbers:() {
return 6;
} 它只是一种静态测试方法，用于测试目的。 我使用jest创建了一个单元测试 spyOn(object, 'addNumbers').mockReturnValue(6);
expect(object.addNumbers).toHaveBeenCalled(); // expect is success 单元测试运行良好，但是在检查代码覆盖率时，没有覆盖"return 6;“。 不确定丢失了什么，配置或任何其他问题。 因为一旦开始工作，就需要
浏览 39提问于2020-04-27得票数 0
我正在为我的react项目编写单元测试用例，并使用jest和酶来编写测试用例。我看过那些开玩笑的文件
这解释了jest.spyOn()方法，但我没有完全理解。
因此，我想知道更多关于我们应该使用jest.fn()和应该/必须在哪里使用jest.spyOn()的具体位置的详细信息。这将是一个很大的帮助，如果可以解释为两个方法的例子。
谢谢
浏览 2提问于2019-08-25得票数 84
显然，mock.mockRestore()没有恢复使用jest.mock()创建的模拟的原始实现。
// a.js
export default class A {}
// b.js
import A from './a';
export default class B extends A {}
// test.js
import A from './a';
import B from './b';
jest.mock('./a');
jest.mock('./b');
const b = new B(
浏览 1提问于2019-06-07得票数 29
1回答
我正在使用名为react query-firebase的库。自定义钩子useAuthUser采用firebase方法并管理加载状态，并返回firebase用户对象。
auth是一个基本的方法，我认为我需要嘲笑或监视，以确保它没有运行。
根据jest文档，它需要两个参数：
jest.spyOn(object, methodName)
在这种情况下：
jest.spyOn(auth,)，作为第二个论点，我要说什么呢？
我该如何处理user变量，模拟间谍还是什么？
import { useAuthUser } from "@react-query-firebase/auth";
im
浏览 7提问于2022-04-27得票数 0
我意识到我的测试套件正在用setTimeout运行代码，现在看来，如果我使用useFakeTimers，我的测试套件就会中断。我现在不可能通过所有的测试来解决每一个问题。我希望通过像这样立即运行他们的回调来绕过所有超时：
jest
.spyOn(global, 'setTimeout')
.mockImplementation((callback) => callback());
TS告诉我This expression is not callable. No constituent of type 'TimerHandler' is callab
浏览 6提问于2022-01-18得票数 0
回答已采纳
1回答
尝试使用Jest和酶法对以下代码进行测试。代码实际上是传递的，但不影响其覆盖范围。只是想知道我能添加些什么才能正常工作并增加测试覆盖率
以下是功能：
async getCurrencies() {
const { user, services } = this.props;
let types = response.body ? response.body.value : null;
let response = await DropdownModels.getCurrencies({ user, services })
let temp = types.map((type)
浏览 2提问于2019-05-23得票数 0
回答已采纳
我很难理解何时使用jest.fn、jest.mock或jest.spyOn。
这似乎是总结：
使用fn来模拟函数当您想要观察真实模块或函数H 212</><code>F 213</code>时使用mock来模拟模块使用spyOn >
但我看到这样的代码示例：
test('creates Contract on correct date', () => {
const NOW = '2019-05-03T08:00:00.000Z';
const mockDateNow = jest
.spyOn(g
浏览 0提问于2020-11-20得票数 6
回答已采纳
1回答
我使用Jest在NodeJS上编写单元测试。有一种方法可以返回一个实体或一个实体数组。当我试图模拟这个方法的返回值时，我只能传递数组，但是需要一个实体。
npm i jest typeorm
const manager = new EntityManager(null);
const sale = new Sale();
jest.spyOn(manager, 'create').mockReturnValue(sale);
最后一个字符串导致错误：Argument of type 'Sale' is not assignable to parameter
浏览 1提问于2019-04-13得票数 2
1回答
开玩笑没能窥探物体
、、、
我们在使用Jest进行单元测试时出现了一个令人不安的错误。
问题：Jest不访问内部对象方法
The case：有一个带有a和b()方法的lol对象，如果我们直接调用b方法，Jest失败，如果我们用lol.b()调用它，它就能工作
有没有人遇到过这个问题？有更好的解决办法吗？
代码：
describe('Jest bug', () => {
it('Jest fail', () => {
const lol = (() => {
const a = () => {
浏览 1提问于2017-10-13得票数 2
1回答
我正试图为我的单元测试项目集成jest。
我遵循了的指示。
当我运行时，作为ENOENT: no such file or directory, open 'E:\source-code\packages\core\src\view\ng_module.ts'，我面临一个奇怪的错误。
我的文件夹结构没有一个名为package.After的文件夹，我发现packages\core\src\view\ng_module.ts'是由npm包使用的(角:P)
我不知道这个错误是如何被抛出的，当我穿越业力时，这个错误不会发生。
这是我给jest "jest"
浏览 1提问于2018-01-07得票数 3
1回答
试过所有的例子，但似乎都没有效果，最有希望的例子是下面的例子，但实际上它也不起作用。我希望实现的是使用除writeZip和updateFile以外的所有常规的writeZip函数，这些函数应该被模仿，并将使用它们的间谍进行检查。
但是目前我得到的错误是admZip.getEntries()不是一个函数，所以我的模拟的actual部分似乎是错误的，有什么提示我如何在模拟中得到实际的getEntries-method吗？
jest.mock('adm-zip', () => {
const actual = jest.requireActual('adm-zip&
浏览 6提问于2022-06-23得票数 0
回答已采纳
我为一个方法写了一个测试：
const methods = {
run: (name) => {
console.log('run');
return name;
}
}
使用const testMethod = jest.spyOn(methods, 'run').mockResolvedValue({});时，不会触发console.log('run')，但如果我写：const testMethod = jest.spyOn(methods, 'run');，则会触发console.log
浏览 8提问于2021-10-11得票数 0
1回答
在同一个模块中开玩笑地嘲笑
、、、、
我在跟踪这条线索。
functions.js
export const a = (x) => { a very complicated function };
export const b = (x) => exports.a(x+1);
functions.test.js
import * as functions from './functions';
describe('b', () => {
test('calling b calls a with x+1', () => {
functio
浏览 2提问于2022-10-10得票数 -1
4回答
我正在为我的应用程序编写单元测试用例。有一个函数是在Utils部分编写的，并在所有文件中使用。我想在需要的时候模拟这个Utils函数，但是我做不到。
下面是我的代码设置：
Utils.js
> const getData = (name) => "Hello !!! " + name;
>
> const getContact = ()=> return Contacts.mobile;
>
> export {
> getData,
> getContact }
Login.js (使用Utils.js
浏览 2提问于2018-03-19得票数 19
我正在编写一个使用fetch的JavaScript/React库。
我使用Jest来测试这个库，我想要实现的是：
为了不发送真正的调用和操作答案(模拟后端服务器)，所以我使用了fetch-mock
测试传递给fetch函数的参数
为了达到第一点，我需要做
fetchMock.post(`${API_URL}/sessions`, {
body: JSON.stringify({
token: 'this-is-your-token'
}),
status: 201
})
为了达到第二点，我需要做
const spiedFetch = jest
浏览 0提问于2018-10-06得票数 2
我有一个单元测试，它使用来自jest的jest方法。
import React from 'react';
import expect from 'jest-matchers';
import PointsAwardingPage from '../PointsAwardingPage';
import PointsAwardingForm from '../children/PointsAwardingForm';
import { shallow } from 'enzyme';
it("should
浏览 4提问于2017-09-28得票数 5
回答已采纳
我有一段使用getSignedUrl的代码 onst [url] = await blob.getSignedUrl({ action: 'read', expires: Date.now() + 60 * 1000, contentType: mimetype }) 不幸的是，firebase模拟器不能对URL进行签名，我的变通办法是模拟blob.getSignedUrl的返回值。 如下所示 import { File } from '@google-cloud/storage'
jest.mock('File', () => ({
浏览 19提问于2021-09-22得票数 1
1回答
我目前正在尝试测试我创建的方法，以及我的if语句中的方法没有被调用。我完全不知所措。我是新来的，虽然太搞笑了，所以我确信这是简单的，我错过了。
describe('isSingleScreen', () => {
beforeEach(() => {
jest.clearAllMocks();
jest.spyOn(utilMethods, 'isDualScreen').mockReturnValue(true);
});
it('autoScreenAdd', () =>
浏览 2提问于2020-04-08得票数 2
回答已采纳
在使用时，我会得到以下类型的错误：
键入'SpyInstance<{}>‘不能指定’间谍‘。属性“mockRestore”在“Spy”类型中缺失。
下面是一个导致这种情况的代码示例：
class A {
foo = () => this.bar() + 1;
bar = () => 1;
}
test('should pass', () => {
const a = new A();
let barSpy: jest.SpyInstance;
barSpy = spyOn(a, 'bar');
浏览 2提问于2018-12-31得票数 13
回答已采纳
7回答
我的代码可以做类似这样的事情
function myFunc(condition){
if(condition){
process.exit(ERROR_CODE)
}
}
我如何在Jest中测试它？使用jest.fn()覆盖process中的exit，并在测试不起作用后返回它，因为进程退出了
浏览 4提问于2017-09-11得票数 36
我定义了以下TypeScript对象：
// HttpClient.ts
export type HttpResponse<T> = Response & {
data?: T;
}
async function get<T>(url: string, args: RequestInit = {}): Promise<HttpResponse<T>> {
return fetchRequest<T>(url, {...args, method: 'get'}) // fetchRequest retu
浏览 1提问于2020-07-10得票数 3
1回答
我试图模拟具有静态getter的日志记录服务。
static get error(): Function {
return console.error.bind(console, 'Error: ');
}
尝试过：jest.spyOn(ConsoleLoggingService, 'error').mockImplementation(() => 'blah');
但我得到了TypeError: Cannot set property info of function ConsoleLoggingService() {}
浏览 2提问于2020-06-02得票数 4
回答已采纳
我使用的是angular。 Component code httpClient.post(URL, requestBody)
.pipe(map((result) => {
serviceCall(result);
})); 如何覆盖管道中的代码(使用Jest测试用例映射？ 我像下面这样编写了jest测试用例，但它没有覆盖管道中的语句 spyOn(httpClient, 'post').and
.returnValue(new Observable( observer => {
observer.next([]);
}
浏览 18提问于2019-03-06得票数 3
回答已采纳
1回答
我已经有效地在一个角度项目中用jest替换了业力/茉莉，并且测试正在运行great....but：
我没有删除茉莉花(量角器需要它)，现在我遇到的问题是，如果我在规范文件中使用spyOn而不是jest.spyOn，那么它使用的是茉莉花间谍，而不是jest间谍(实现方式不同)。这是一个全面的开发经验，我想把茉莉完全从我的单元测试，但我不知道如何。
如何在编译规范文件时设置tsconfig.spec.json以排除茉莉？
我使用的是jest-preset-angular，它使用ts-jest。
如果我没有包括足够的信息，请随时为我的更多！
这是我的tsconfig.spec.json文件：
{
浏览 0提问于2019-04-24得票数 3
回答已采纳
我正在尝试测试是否已经调用了console.warn： 功能： trackError({ eventCategory, eventAction, eventLabel, errorResponse = false }) {
if (typeof window.ga !== 'undefined') {
window.ga('send', 'event', eventCategory, eventAction, eventLabel, {
hitCallback: () => {
浏览 10提问于2020-10-20得票数 1
回答已采纳
1回答
我试图从replace中模拟useRouter()钩子中的next/router函数，我的模拟和测试如下所示：
jest.mock("next/router", () => ({
useRouter() {
return {
route: "/",
pathname: "",
locale: "pl",
replace: jest
.fn()
.mockImplementation((obj) => console.log(&#
浏览 8提问于2021-11-27得票数 0
回答已采纳
我尝试使用spyOn来窥探函数及其实现。然而，我得到了这个错误。“无法对原始值执行spyOn；给定的值未定义”。 我已经用https://jestjs.io/docs/en/jest-object阅读了jest.spyOn的文档。但它一直显示出同样的错误...有什么需要我补充和改进的吗？ 下面是代码 <template>
<div>
<form @submit.prevent="onSubmit(inputValue)">
<input type="text" v-model="inpu
浏览 8提问于2020-08-17得票数 5
我使用Vue v2.6和Jest (v24.9)和Vue-Test-Utils (v1.03)。
为了模拟一个方法，我看到了两种不同的语法，
wrapper.vm.updateCart = jest.fn();
和
wrapper.setMethods({ updateCart: jest.fn() });
但是，第一个没有文档化，而第二个被废弃(请参见)。
问题是，使用这两种方法，进行测试的唯一方法是调用模板中带有括号的方法，这很奇怪，因为我读过的所有文档都鼓励使用模板中没有括号的方法。
所以这个测试：
test('Click on .btn calls the right func
浏览 1提问于2020-07-02得票数 7
回答已采纳
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
回答已采纳
4回答
取笑间谍的功能
、、
我正在从摩卡交换到Jest，我想知道是否有一种方法来监视一个反应方法。例如，假设我的组件中有以下方法(忽略sdk库，它只是构造一个jQuery Ajax调用)：
getData() {
sdk.getJSON('/someURL').done(data => {
this.setState({data});
});
}
使用Sinon，我将通过监视原型来测试这个问题，比如：
it('should call getData', () => {
sinon.spy(Component.prototype, '
浏览 4提问于2017-02-24得票数 59
回答已采纳
1回答
我一直在为如何对一个场景进行单元测试而苦苦挣扎，并且多次遇到这个问题。它与模拟具有特定返回类型的类中的方法有关。假设我们有一堂课：
export class ExampleService {
async findUsers() : Promise<Users[]> {
const repository = getRepository(repoConfig);
return repository.find()
};
}
下面是我要测试的服务：
import { ExampleService } from './ExampleServic
浏览 2提问于2022-10-26得票数 0
回答已采纳
我正在运行角11中的jest单元测试，并尝试在.then方法中测试方法。
但是，测试方法似乎没有在expect方法上运行。
我应该如何编写测试代码直到.then方法结束？
我想检查idToken是在localStorage中.then方法中设置的。
版本：
// package.json
"dependencies": {
"@angular/animations": "~11.0.4",
"@angular/cdk": "^11.2.2",
"@angular/common
浏览 8提问于2022-01-19得票数 0
1回答
声呐中的角型标测与观众遮挡组件法
、、、、
我在我的角度项目中使用了以下的角度CLI: 10.2.3
节点: 12.22.1
我有以下依赖项(用于测试)
"devDependencies": {
"@angular-devkit/build-angular": "^0.1002.0",
"@angular/cli": "^10.2.3",
"@angular/compiler-cli": "~10.0.2",
"@ngneat/spectator": "^5.13.0&#
浏览 5提问于2021-07-05得票数 1
在我的Jest测试用例中，我想模拟一个全局变量，但是我得到了Cannot assign to '' because it is an import.。怎么解决这个问题？
我想介绍一个场景，其中我有一个有效的token，然后做一些事情。
试过了，但没有运气：
jest.mock('jwtToken', () => () => ({ jwtToken: 'abc' }));
Service.ts
export let token: string;
@Injectable()
export class MyService {
浏览 13提问于2022-05-18得票数 0
我搜索了很长一段时间，如何用玩笑来模拟任何模块(就像rewire一样)。我终于做到了这一点，它就像一种魅力：
jest.mock('common/js/browser-utils', () => ({
openBrowser: jest.fn()
}));
const { openBrowser: openBrowserSpy } = jest.requireMock(
'common/js/browser-utils'
);
但我不知道是否还有其他快速的方法可以做到这一点？我看到了genMockFromModule方法，但我从来没有让它工
浏览 0提问于2019-03-16得票数 9
回答已采纳
1回答
如果有一个我确信catch会处理的错误，我如何在Jest中测试try / catch块？例如，我想测试从一个单独的文件中读取令牌的代码。我想测试我的捕获，但问题是我不知道如何在Jest中创建一个场景来在Jest中处理错误。 const readToken = async () => {
try{
const readFile = await fs.readFile('./apiData.json');
const data = JSON.parse(readFile);
return data.token;
}catch(er
浏览 106提问于2020-09-12得票数 0
回答已采纳
我的代码看起来有点像这样：
Class A :{
Object foo = new foo;
function (){
...
let var = this.foo.bar()
...
}
我想用jest测试一下是否调用了foo.bar()。我试过了
barSpy = jest.spyOn(function, 'foo.bar');
但是它不起作用，有没有人能帮我找到好的语法呢？
浏览 1提问于2019-11-06得票数 0
回答已采纳
我以前在茉莉中有spyOn().and.callFake，它在我的测试中有很大帮助，现在我使用Jest，我在文档中发现jest.spyOn()存在，但没有callFake。
我的问题:如何监视一个方法和调用假与Jest和expect
浏览 6提问于2017-05-09得票数 15
回答已采纳
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
1回答
我有一些在函数中包含函数的代码，我希望能够对父函数中的函数进行单元测试。
我希望有测试，单元测试这些，并监视他们(这两个需求是必要的)。
示例：
export default parentFunction = () => {
const innerFunction = () => {
//that does stuff
}
const anotherInnerFunction = () => {
//that does more stuff
}
//and at some point, the functions are called
浏览 0提问于2020-03-25得票数 0
回答已采纳
我正在尝试在jest测试中计算出执行范围。 我有一个react组件，在渲染过程中执行以下代码行： console.log(fun().m1()); 下面是三个测试笑话示例 import React from 'react';
import Enzyme, { shallow } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import SimpleInput from './SimpleInput';
import { fun } from &
浏览 101提问于2021-11-20得票数 0
我正在用Jest测试我的react本地应用程序，下面这一行给了我一个问题。
AccessibilityInfo.announceForAccessibility(errorMessages[0]);
错误：
TypeError: Cannot read property 'announceForAccessibility' of undefined
我试着用
jest.mock('react-native', () => ({
...jest.requireActual('react-native'),
AccessibilityI
浏览 0提问于2019-06-19得票数 3
回答已采纳
2回答
我正在尝试测试一个应用程序，但是让我发疯了。
我正在编写节点v8.9.4和jest v22.2.2
我提取了以下代码：
// my-module.js
class MySingletonModule {
constructor() {
this.foo = 'bar';
}
myPromise() {
return new Promise((resolve, reject) => resolve(this.foo));
}
}
module.exports = new MySingletonModule();
// promise.te
浏览 3提问于2018-03-02得票数 13
回答已采纳
1回答
我正在使用jest、酶、react和rxjs编写单元测试。我模仿了rxjs/ajax，如下所示。 import { ajax } from 'rxjs/ajax';
jest.mock('rxjs/ajax', () => {
return {
ajax: jest.fn().mockImplementation((args) => {
return {
subscribe: jest.fn().mockImplementation(args => {
浏览 25提问于2021-03-24得票数 0
1回答
我想测试以下代码：
import messaging from '@react-native-firebase/messaging';
export const canRequestPushNotificationPermission = async () => {
return (
(await messaging().hasPermission()) ===
messaging.AuthorizationStatus.NOT_DETERMINED
);
};
我注意到为了测试messaging()，我需要模拟默认构造函数，如下所示：
jest
浏览 16提问于2022-03-16得票数 1
我正在尝试用jest测试localStorage：
it("changes the localStorage", () => {
const changeLocale = (languageLocale) => {
localStorage.setItem("language", languageLocale);
return {
type: "CHANGE_LOCALE",
locale: languageLocale
};
浏览 1提问于2018-10-08得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
