开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么jest mocked函数不返回任何内容？

Jest是一个流行的JavaScript测试框架，它提供了一些强大的功能，包括模拟函数（mock functions）。当使用Jest的模拟函数时，有时可能会遇到它不返回任何内容的情况。这可能是由以下几个原因引起的：

未正确设置模拟函数的返回值：在使用Jest的模拟函数时，我们可以使用mockReturnValue或mockResolvedValue等方法来设置模拟函数的返回值。如果没有正确设置返回值，模拟函数将默认返回undefined。因此，确保在测试中正确设置模拟函数的返回值。
模拟函数的调用方式不正确：Jest的模拟函数可以通过mockFn.mock.calls属性来获取函数的调用信息。如果模拟函数没有被调用，或者调用次数不符合预期，那么它可能不会返回任何内容。请确保在测试中正确调用模拟函数，并验证其调用次数是否符合预期。
模拟函数的实现被覆盖或重置：在某些情况下，可能会在测试过程中覆盖或重置模拟函数的实现。这可能会导致模拟函数不返回任何内容。请检查测试代码，确保没有对模拟函数的实现进行不必要的更改。

总结起来，当Jest的模拟函数不返回任何内容时，可能是由于未正确设置返回值、模拟函数的调用方式不正确或模拟函数的实现被覆盖或重置所导致的。请仔细检查测试代码，确保正确设置模拟函数的返回值，并验证其调用方式和次数是否符合预期。如果问题仍然存在，可以进一步调试和排查代码，查找潜在的问题所在。

腾讯云相关产品和产品介绍链接地址：

腾讯云函数（Serverless）：https://cloud.tencent.com/product/scf
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发（移动推送）：https://cloud.tencent.com/product/umeng
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链（TBaaS）：https://cloud.tencent.com/product/tbaas
腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod
腾讯云音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
腾讯云网络安全（SSL证书）：https://cloud.tencent.com/product/ssl

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Jest与React Testing Library：前端测试的最佳实践

const button = screen.getByRole('button');fireEvent.click(button);清理和解构在每个测试之后，确保清理掉任何副作用，如添加到DOM中的元素...()和act函数来测试状态变化和副作用，如定时器或副作用函数：jest.useFakeTimers();it('displays loading state', () => { render(<MyComponent.../myFunction';jest.spyOn(myModule, 'myFunction');// 在测试中调用函数myFunction();// 检查函数是否被调用expect(myFunction...();// 重置并清除模拟的返回值和调用记录myFunction.mockClear();// 恢复原函数myFunction.mockRestore();测试异步逻辑使用async/await和await...使用jest.spyOn代替jest.fn：对于性能敏感的函数，使用jest.spyOn代替jest.fn，因为它更快。

730 0

分享7个专业级的JavaScript测试库，提高你的工作效率

在这篇文章中，我将向大家介绍七个优秀的JavaScript测试库，包括Jest、Sinon、Detox、Cucumber、Stryker、TestDouble和Mockttp。...expect函数和toEqual函数一起构成一个测试断言，它们判断myFunction的返回值是否为Hello, World!。...（也就是返回Hello, World!）...(); // 使模拟函数在调用时返回特定的值 td.when(mockFunction('hello')).thenReturn('world'); // 现在，当你调用 mockFunction(..., () => { beforeEach(() => mockServer.start()); afterEach(() => mockServer.stop()); // 不指定端口

2162 0

Jest 单元测试快速上手指南

开头的表示忽略与其匹配的文件忽略单个文件在该文件顶部添加 /* istanbul ignore file */ 忽略一个函数, 一块分支逻辑或者一行代码在该函数, 分支逻辑或者代码行的上一行添加...it('should equal 2', () => { expect(plus(1, 1)).toBe(2); }); }); 执行测试, 结果和之前一致执行单测时不校验...ts 类型有时你可能会希望不校验 ts 类型, 仅执行代码测试, 比如需要在 CI 中将类型校验和单元测试分为两个任务在 jest.config.js 中添加如下内容 globals: {...linaria 是通过 babel 插件将其预编译为 class 名的, 这里可以 mock 一下 css 函数, 返回一个随机值作为 class 名在根目录创建 jest.setup.js jest.mock.../plus'); describe('mock', () => { it('should return mock value', () => { mocked(plus).

3.3K3 0

Vue 应用单元测试的策略与实践 04 - Vuex 单元测试

如果一个方法返回了一些值，那就是一个 query（查询），并且一定不能修改状态。.../api/shop', () => ({ getProducts: jest.fn(() => /* mocked response */), })) describe('actions', ()...然后我们就可以使用 Jest 模拟一个 action 的行为再传给 store，而 actionClick 这个伪造函数能够让我们去断言该 action 是否被调用过。...当然咯，除了 mock 掉 actions，Vuex store 里面的任何内容我们都可以将其模拟出来，比如 state 或者 getters： import { shallowMount, createLocalVue...未完待续…… ## 单元测试基础 ### 单元测试与自动化的意义 ### 为什么选择 Jest ### Jest 的基本用法 ### 该如何测试异步代码？

1.6K3 0

一杯茶的时间，上手 Jest 测试框架

expect： Jest 最终落在了每一个对测试结果的期望上，通过 expect 中的返回值或是函数执行结果来和期望值进行对比。...%Funcs 函数覆盖率（function coverage）：是不是每个函数都调用了？ %Lines 行覆盖率（line coverage）：是不是每一行都执行了？...这里 Functions列 为什么不是100%，大家可以点击 dessertFactory.js 根据详细说明分析推测。...4.Jest最锋利的功能 Mock Functions 关于 Jest 测试框架中的Mock功能，我们主要关注两点： mock function: 对函数进行mock. mock return value...comment the dessert with mock module", () => { const mockedDessert = dessertCommentModule as jest.Mocked

1.9K2 0

那些年错过的React组件单元测试（上）

文章内容力求深入浅出，浅显易懂～ “介于内容全部收在一篇会太长，计划分为两篇，本篇是第一篇，主要介绍如何快速上手jest以及在实战中常用的功能及api ?...当有异步代码的时候，测试代码跑完同步代码后不立即结束，而是等结束的通知，当异步代码执行完后再告诉jest：“好了，异步代码执行完了，你可以结束任务了”。...Mock 介绍jest中的mock之前，我们先来思考一个问题：为什么要使用mock函数？在项目中，一个模块的方法内常常会去调用另外一个模块的方法。...jest.fn() jest.fn()是创建mock函数最简单的方式，如果没有定义函数内部的实现，jest.fn()会返回undefined作为返回值。...]"); }) jest.mock() 一般在真实的项目里，测试异步函数的时候，不会真正的发送 ajax 请求去请求这个接口，为什么？

4.9K2 0

单元测试

对 End User 来说，他们只会和 render 函数里的内容有交互，而 Developer 则会和组件传入的 Props 有交互。...所以，我们的测试用例只和传入的 Props 以及输出内容的 render 函数进行交互就够了。...@testing-library/jest-dom 是一个用于增强 Jest 测试框架的库，它提供了一组用于 DOM 断言的定制化匹配器和工具函数。...(() => Promise.resolve(resp)) 解决方法二 import { mocked } from 'jest-mock'; const mockedGet = mocked(axios.get...在每个测试用例之后使用 afterEach 函数或 afterAll 函数来清理测试环境。这样可以确保每个测试用例完成后，不会留下任何对后续测试用例有影响的状态。

1771 0

编写接口请求库单元测试与 E2E 测试的思考

首先我采用的是适配器模式，也就是不依赖任何一个第三方请求库，你可以用 axios、ky、umi-request、fetch 任何一个库，只需要编写一个符合接口标准的适配器。这里以 axios 为例。...其次是适配器中方法返回类型是一定的，如错误的使用 axios 的 interceptor 可能会导致出现问题。...还是使用 mock 的方法 mock 掉 adaptor 的请求返回。简单说说就是这样写了。...具体参考： @mx-space/api-client:__test__/helper E2E test E2E 是点对点测试，是需要去真实访问接口的，这也是最接近用户实际开发体验的测试，也就是说不 mock...我已 Express 、 Jest 为例。我的想法是直接用 Express 托管一系列接口。当然不是手动去启动一个服务，而是 Express 直接跑在 Jest 测试中。

1K4 0

不会测试的程序员不是好程序员(一文让你掌握JMockit的使用)

为什么选择JMockit: 首先、它是完全以面向对象的方式提供API,其次,它是其他Mock工具的功能的集大成者,学习知识就要学习功能性比较完成的,选择JMockit时正确的选择,具体功能对比如下:...即如果返回类型为原始类型(short,int,float,double,long)就返回0，如果返回类型为String就返回null，如果返回类型是其它引用类型，则返回这个引用类型的Mocked对象(就类型与生成一个假对象...，构造函数没有影响。...如果该对象没有赋值，JMockit会去实例化它，若@Tested的构造函数有参数，则JMockit通过在测试属性&测试参数中查找@Injectable修饰的Mocked对象注入@Tested对象的构造函数来实例化...，不然，则用无参构造函数来实例化。

1.3K1 0

【架构师（第三十二篇）】通用上传组件开发及测试用例

---- 主要内容使用 TDD 的开发方式，一步步开发一个上传组件分析 Element Plus 中的 uploader 组件的源码将上传组件应用到编辑器中对于知识点的发散和总结 Vue3 中实例的类型...上传完毕自定义支持一系列的生命周期钩子函数，上传事件 beforeUpload onSuccess onError onChange onProgress 使用 aixos 内置 Api 设置事件的参数...('axios'); //将 mock 对象断言为特定类型使用 jest.Mocked const mockAxios = axios as jest.Mocked;...// 元素的类名包含 upload-success expect(firstItem.classes()).toContain('upload-success'); // 元素的内容正确...expect(firstItem.get('.filename').text()).toBe('new_name.docx'); // 成功的情况返回了错误类型 const

3K5 0

用Jest来给React完成一次妙不可言的~单元测试

•标记哪些测试是非确定性的测试（测试结果不唯一）。 •级别2 •如果有测试运行结果为红色（失败❌）就不会发布。•每次代码提交之前都要求通过冒烟测试。...•getAllBy:返回一个查询中所有匹配节点的数组，如果没有匹配的元素，则抛出一个错误。•queryBy:返回查询的第一个匹配节点，如果没有匹配的元素，则返回null。...如果未找到任何元素，或者在默认超时时间为4500毫秒后找到了多个元素，则承诺将被拒绝。...•findAllBy：返回一个promise，当找到与给定查询匹配的任何元素时，该promise将解析为元素数组。执行（Act）现在一切都准备好了，我们可以行动了。...最后，我们将使用Jest函数mockResolvedValueOnce()来传递模拟数据作为参数。现在，对于第二个测试，我们可以单击按钮来获取数据并使用async/await来解析它。

14.8K3 3

手写一个简易版 Jest

对模块做了 mock，然后就可以自由修改它的 readFileSync 函数的返回值了。...这个还是需要一些前置知识的，我们一点点来看：首先， jest、beforeAll、test、expect 这些 api 我们都没有从 jest 包导入，为什么就是全局可用的呢？...jest 就是通过这种方式跑的代码，注入了 jest、test、expect 等全局 api。还有，为什么可以 mock 测试的模块依赖的模块，可以任意修改它的内容呢？...总之，jest 的 require 并不完全是 node 的 require，所以它能实现 mock 等功能也不奇怪。理清了这些之后，我们就可以动手写了。...也就是这个：它的实现就是返回一个函数，记录每次函数调用的参数。

1241 0

怎么给测试代码做抽象才是有意义的？

) 完全不做任何重复【译注：我觉得这里可以理解为过度抽象】。...这里的差别是：第一例子能够返回一个 Post，而在第二个用例中不返回这个 Post！那么到底是什么导致两者的差别呢？...还有，为什么要在第一个用例里 blogPostController.loadBlogPosts(req, res, next) 调用的 res.json 里要返回 Post，而第二个用例却没有返回呢？...所以，这里更推荐是可以在前面加一个 setup 函数用于生成对应的 user 内容，然后再在具体的用例中用非常明显的方式去添加这个用例的 “独特之处”（比如名字变了之类的） import { getUserById...jest-in-case 和 test.each 如果你只是做纯函数的测试，那么你很幸运，因为它们都是最容易测的。你完全可以通过简单的抽象来简化测试代码，让它们在调用时更明显地展示输入和输出内容。

6972 0

提高代码质量——使用Jest和Sinon给已有的代码添加单元测试

为什么没有用其他的单元测试框架在最开始的框架选择中，我先尝试了能够并行测试，大大提高单元测试速度的ava框架。...，如果你有相关的jest配置项需要设置，你还可以在package.json文件中配置如下字段： { "jest": { } } .babelrc文件只需要保存之前的配置，不需要做任何修改即可生效...同步函数测试同步函数的测试过程是这几个中最简单的一部分，我们可以测试函数返回值，也能够测试传入的高阶函数。下面我们通过一个具体的例子来看下。...异步函数测试异步函数主要分为两种——Callback方式和Promise方式。这两种方式都很简单，下面我们对两种方式进行具体的介绍。详细内容可以见Jest文档中的测试异步代码。...如果有任何疑问，欢迎留言或者私信进行沟通与交流。

3.7K0 0

Jest测试语法系列之Expect

，你可能很少会调用expect本身，相反，你将使用expect和“matcher”函数来断言关于值的某些内容。...expect(bestLaCroixFlavor()).toBe('grapefruit'); }); 在上面的例子中，toBe是matcher函数，为了帮助你测试不同的内容，Jest提供了很多不同的...pass指示是否存在匹配，message提供了一个没有参数的函数，在失败时返回错误消息。因此当pass为false时，当expect(x). yourmatcher()失败时，消息应该返回错误消息。...expect.anything() 它匹配除null或undefined之外的任何内容。你可以在内部使用toEqual或toBeCalledWith而不是文字值。...(constructor) 匹配给定构造函数所创建的任何内容。

3.6K2 0

Jest实战：单元测试与服务测试

有时候为了方便，会把测试常用的函数、配置放在 test 目录下，如果不忽略，会被统计进去，但它不属于源码部分。...除此之外，别忘了 node_modules，否则由于文件太多，根本启动不起来，而且结果也不对。...这时候，就需要 mock 对应的请求库，返回我们构造好的数据，以让函数逻辑走下去，提高测试覆盖率。...在做调研的时候发现，jest 的下载量和更新记录远远高于 supertest，而且更纯粹。为什么这么说呢？它提供一种测试的组织形式，其它可以借助第三方库和工具实现。...，并且记录新的页面在等待 2s 后，接受到 /ws 主动传来的数据，然后更新页面内容再利用 puppeteer 读取页面内容，并且记录比较 2 次记录的内容是否有更新，如果有，那么验证通过具体请看

3.3K1 0

Jest测试语法系列之Matchers

关于Jest测试的基础内容，可以参考之前的博客：前端单元测试之Jest 本文主要讲的是匹配器（Matchers），匹配器（Matchers）是Jest中非常重要的一个概念，它可以提供很多种方式来让你去验证你所测试的返回值...，通常情况下我们只需要调用expect就可以，括号中的可以是一个具有返回值的函数，也可以是表达式。...toBeNull 仅当expect返回对象为 null时； toBeUndefined 仅当返回为 undefined； toBeDefined 和上面的刚好相反，对象如果有定义时； toBeTruthy...匹配任何返回结果为true的； toBeFalsy 匹配任何返回结果为false的； test('null', () => { const n = null; expect(n).toBeNull...expect(value).toBe(0.3); 错误 expect(value).toBeCloseTo(0.3); // This works. }); 关于0.1 + 0.2 为什么不等于

5212 0

用 Jest 进行 JavaScript 测试

Jest 是一个 JavaScript 测试运行器，即用于创建、运行和结构化测试的 JavaScript 库。Jest 作为 NPM 包发布，你可以将其安装在任何 JavaScript 项目中。...接下来我们还会看到一个方便的工具，用于检查几乎确切的测试内容。现在就动手学习 Jest！...根据规范，测试中的函数应该省略其 url 属性与给定搜索项不匹配的对象。...我们将使用 expect 和一个 Jest matcher 来检查这个函数在调用时返回的预期结果。...Jest的HTML代码覆盖率报告如果单击函数名称，你还会看到确切的未经测试的代码行： ? 单个文件的Jest代码覆盖率报告很整洁不是吗？使用代码覆盖，你可以在有疑问时发现要测试的内容。

2.7K3 0

React Hook测试指南

hook编写单元测试来提高我们的代码质量，它会包含下面的内容：什么是单元测试单元测试的定义 为什么需要编写单元测试单元测试需要注意什么如何对自定义Hook进行单元测试 Jest React-hooks-testing-library...为什么需要编写单元测试了解了单元测试的定义后，我们再来探讨一下为什么我们要在代码里面进行单元测试。...callback的返回值，另外一个属性是error，它用来存储hook在render过程中出现的任何错误。...函数的返回值，这是因为我们需要在外面拿到这个hook的返回结果{count, increment, decrement}。...这篇文章是我的React hook系列文章的最后一篇了，后面我还会持续为大家分享一些和hook相关的内容，大家敬请期待。

1.7K1 0

Jest单元测试之旅—实践总结

而针对与我们前端来说，我认为单测就是：UI测试和逻辑测试，逻辑测试包含：工具类/函数、业务相关代码测试。UI测试分为：公共组件和业务组件测试。 为什么要写单元测试？...大部分单测的代码量都大于了实现，那为什么我们还要鼓励写单测呢？...每个方法都有不同的使用场景，每个API都会生成一个mock模拟函数，Jest对模拟函数提供了很多方法给予我们模拟方法的返回、实现等等，可移至文档参考 jest.fn jest.fn主要是创建一个模拟函数...而jest.mock的调用方式有所不同。Jest接管require系统，jest.mock告诉Jest，它在需要时应返回模块模拟，而不是实际模块。...模拟部分函数，这里使用了jest.requireActual，该方法主要是绕过模拟模块导出真实模块，然后通过jest.mock的工厂函数重新去定义该模拟模块的内容，这种方式就可以指定导出的模块具体哪些方法需要被模拟

10.2K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭