开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

TypeError: state.customerComplaints.add不是jest单元测试中的函数

。

这个错误是由于在jest单元测试中，调用了一个不存在的函数state.customerComplaints.add导致的。下面是对这个错误的解释和解决方法：

错误解释： TypeError是JavaScript中的一个错误类型，表示类型错误。在这个错误中，说明state.customerComplaints.add不是jest单元测试中的函数，即在测试代码中调用了一个不存在的函数。
解决方法： a. 确认函数是否存在：首先，需要确认在测试代码中是否正确引入了相关的模块或文件，并且确保state.customerComplaints.add函数在被测试的代码中存在。 b. 检查函数命名：检查函数名是否正确，包括大小写和拼写错误。确保在测试代码中使用的函数名与被测试代码中的函数名一致。 c. 检查函数调用方式：检查函数的调用方式是否正确，包括参数的传递和顺序是否正确。 d. 确认函数是否被导出：如果被测试的函数是一个模块中的方法，需要确认该方法是否被正确导出，以便在测试代码中引入和调用。
推荐的腾讯云相关产品和产品介绍链接地址：腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站了解更多详情：
- 腾讯云官方网站：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云云存储（COS）：https://cloud.tencent.com/product/cos

请注意，以上答案仅供参考，具体的解决方法可能需要根据实际情况进行调试和分析。

相关搜索:Jest：$(...).lightBox不是TypeError中的函数 jest TouchEvent TypeError：$不是函数 Jest.mock TypeError:不是Jest中的构造函数 Jest TypeError不是一个函数 TypeError:运行Jest单元测试时，mxgraph不是一个函数 TypeError: this.dynamodb.batchGetItem不是带有jest的函数 TypeError:使用Jest模拟时，jwt(...).unless不是函数 TypeError:无缝不可变的_1.default不是函数反应原生jest单元测试(Typescript)response.json - TypeError: Jest不是一个函数使用jest时，TypeError：(0，_umi.connect)不是函数 Jest失败，返回TypeError：(0，_user.default)不是函数 configService.get TypeError: Jest不是一个函数 TypeError:函数不是React本机中的函数链式函数调用的Jest单元测试 Jest测试中的“类型错误:不是函数”TypeError: Object(...)不是ReactJS中的函数 TypeError: fn不是completeOutstandingRequest中的函数 TypeError：$$invalidate(...)不是Svelte中的函数 TypeError:道具...不是reactjs中的函数 TypeError: Object(...)不是react中的函数

相关搜索:

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

有帮助

没帮助

相关·内容

带你入门前端工程（四）：测试

如果你的程序有数百行代码，但封装得很好，完美的践行了模块化的理念。每个模块功能单一、代码少，也可以不用写测试。

01

React + Redux Testing Library 单元测试

谈任何东西都一定要有个上下文。你的论述不能是「因为单元测试有这些好处，所以我们要做单元测试」，而应该是「不做单元测试我们会遇到什么问题」，这样才能回答「为什么要写单元测试」的问题。那么我们谈论单元测试的上下文是什么呢？不做单元测试我们会遇到什么问题呢？上图为一个产品从 idea 分析、设计、开发、测试到交付并获取市场反馈的过程。

01

如何自动化测试 React Native 项目 (下篇) - 单元测试

接着上篇的内容，这篇文章会详细的介绍在 Glow 我们如何写单元测试，以及在 React Native 中各个模块单元测试的详细实现方式。

02

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

2.2 在 Vue 应用的单元测试中，对 Vuex store 该如何测试？如何测试与 Vue 组件之间的交互？

03

React Hook测试指南

在React为什么需要Hook中我们探讨了React为什么需要引入Hook这个属性，在React Hook实战指南中我们深入了解了各种Hook的详细用法以及会遇到的问题，在本篇文章中我将带大家了解一下如何通过为自定义hook编写单元测试来提高我们的代码质量，它会包含下面的内容：

01

万字详文：彻底搞懂 Jest 单元测试框架

本文主要给大家深入了解 Jest 背后的运行原理，并从零开始简单实现一个 Jest 单元测试的框架，方便了解单元测试引擎是如何工作的，Jest 编写单测相信我们已经很熟悉了，但 Jest 是如何工作的我们可能还很陌生，那让我们一起走进 Jest 内心，一同探究单元测试引擎是如何工作的。

02

[译] 从头为 Vue.js 3 实现 Vuex

原文：https://medium.com/@lachlanmiller_52885/vue-3s-alpha-has-been-out-for-a-while-now-but-no-vue-3-vuex-yet-c73b26389978

02

前端测试体系建设与最佳实践总结

2019 年前端测试依然是一个炙手可热的话题。笔者在今年 5 月份参加 Vueconf 的时候，Vue 单元测试的主题演讲者曾向现场的参与者发出提问，有多少团队引入了单元测试，意外的是只有寥寥数人举起了手。尽管，那个时候笔者的团队也还没有引入前端测试，但是考虑到测试的必要性，且团队正在着手一个新项目，所以回去之后在这个新项目全量地接入了前端测试。

03

Unit Testing

Jest 是 Facebook 推出的一种 Unit Testing 工具，当然还有很多其他类似的单元测试库，比如 mocha ava 等等

02

干货 | 携程租车React Native单元测试实践

琨玮，携程高级前端开发工程师，从事React Native/Web前端的开发及维护工作，喜欢研究新技术。

03

写代码无BUG，网易云前端单元测试方案总结

单元测试的技术方案很多，不同工具之间有互相协同，也存在功能重合，给我们搭配测试方案带来不小的困难，而且随着 ES6, TypeScript 的出现，单元测试又增加了很多其他步骤，完整配置起来往往需要很大的时间成本。我希望通过对这些工具的各自作用的掌握，了解完整的前端测试技术方案。前端单元测试的领域也很多，这里主要讲对于前端组件如何进行单元测试，最后会主要介绍下对于 React 组件的一些测试方法总结。

02

React Native单元测试

所谓单元测试，就是对每个单元进行的测试，一般针对的是函数、类或单个组件，不涉及系统和集成，单元测试是软件测试的基础测试，一个完备的软件系统都会涉及到单元测试。

02

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

维基百科对于单元测试的定义：是针对程序模块（软件设计的最小单位）来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中，一个单元就是单个程序、函数、过程等；对于面向对象编程，最小单元就是方法，包括基类（超类）、抽象类、或者派生类（子类）中的方法。

02

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

关于前端单元测试，其实两年前我就已经关注了，但那时候只是简单的知道断言，想着也不是太难的东西，项目中也没有用到，然后就想当然的认为自己就会了。

02

[译] 对 Vue-Router 进行单元测试

原文：https://medium.com/js-dojo/unit-testing-vue-router-1d091241312

01

JavaScript测试教程–part 4：模拟 API 调用和模拟 React 组件交互[每日前端夜话0xEA]

今天，我们进一步测试 React 组件。它涉及模拟组件交互和模拟 API 调用。你将学到两种方法，开始吧！

01

Vue 应用单元测试的策略与实践 02 - 单元测试基础

在上一篇文章当中我们介绍了单元测试的意义，以及为何选择 Facebook 的 Jest 作为我们的测试框架。现在就让我们一起来学习如何编写最基础的单元测试。

02

如何做前端单元测试

对于现在的前端工程，一个标准完整的项目，通常情况单元测试是非常必要的。但很多时候我们只是完成了项目而忽略了项目测试。我认为其中一个很大的原因是很多人对单元测试认知不够，因此我写了这边文章，一方面期望通过这篇文章让你对单元测试有一个初步认识。另一个方面希望通过代码示例，让你掌握写单元测试实践能力。

02

[译] Vue Router 之单元测试

原文：https://github.com/tonylua/vue-testing-handbook/blob/master/src/zh-CN/vue-router.md

01

学会 Proxy 真的可以为所欲为

作者：y你个c https://zhuanlan.zhihu.com/p/35080324

03

前端自动化测试实践04—jest-vue项目之TDD&BDD

本节将以 TDD 的方式来搭建一个 TodoList 的 vue 项目。如何搭建包含 jest 的 vue 项目已经在第一节 jest-vue前端自动化测试实践01 中已经进行过介绍，其中，在 jest 的配置文件 jest.config.js 中，需要注意 testMatch 配置项，它指定了测试用例文件的路径，这里我们习惯性设置为 __tests__ 文件夹下的以 .test 加多种后缀结尾的文件。

07

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

在2020的今天，构建一个 web 应用对于我们来说，并非什么难事。因为有很多足够多优秀的的前端框架（比如 React，Vue 和 Angular）；以及一些易用且强大的UI库（比如 Ant Design）为我们保驾护航，极大地缩短了应用构建的周期。

03

从 0 开始手把手带你搭建一套规范的 Vue3.x 工程化项目

Vue3 跟 Vite 正式版发布有很长一段时间了，生态圈也渐渐丰富起来，作者已在多个项目中使用，总结一下：就是快！也不用担心稳定性问题，开发体验真不是一般好！还没尝试的同学可以从本文开始学习，从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境。

06

前端单元测试之Jest

关于前端单元测试的好处自不必说，基础的介绍和知识可以参考之前的博客链接：React Native单元测试。在软件的测试领域，测试主要分为：单元测试、集成测试和功能测试。

02

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

在日常的功能开发中，我们的代码测试都依赖于自己或者QA进行测试。这些操作不仅费时费力，而且还依赖开发者自身的驱动。在开发一些第三方依赖的库时，我们也没有办法给第三方提供完整的代码质量报告。

00

React单元测试：Jest + Enzyme（二）

在上一篇教程中，我们成功搭建了基于Jest和Enzyme的单元测试框架并成功地跑起来第一个单元测试，可以点击这里回顾一下。今天，我们重点讨论如何通过Jest来mock数据。

02

vue中关于测试的介绍

Vue-Cli 推荐两种测试分别是：端到端的测试（E2E）和单元测试(Unit Test) 一、端到端（E2E）：端(消费端)到端(产品端)的测试（E2E (End-to-End)）, 它用来测试一个应用从头到尾的流程是否和设计时候所想的一样。简而言之，它从一个用户的角度出发，认为整个系统都是黑箱，只有UI会暴露给用户二、单元测试（Unit Test）：测试驱动开发（TDD: Test-Driven Development）, 单元测试是用来对一个模块、一个函数或者一个类来进行正确性检验的测试工作。 Vue中的单元测试中有( Jest +Karma+ Mocha(Chai) ) Karma: Karma是一个基于Node.js的JavaScript测试执行过程管理工具( Test Runner)。该工具在Vue中的主要作用是将项目运行在各种主流Web浏览器进行测试。换句话说，它是一个测试工具,能让你的代码在浏览器环境下测试。需要它的原因在于,你的代码可能是设计在浏览器端执行的,在node环境下测试可能有些bug暴露不出来;另外,浏览器有兼容问题, karma提供了手段让你的代码自动在多个浏览器( chrome，firefox ，ie等)环境下运行。如果你的代码只会运行在node端，那么你不需要用karma。 Mocha mocha(摩卡)是一个测试框架，在vue-cli中配合。mocha本身不带断言卡，所以必须先引入断言库，Chai断言库实现单元测试。 Mocha的常用命令和用法不算太多,而Chai断言库可以看Chai.js断言库API中文文档,很简单,多查多用就能很快掌握。断言库所谓“断言” ,就是判断源码的实际执行结果与预期结果是否-致,如果不一致就抛出一个错误。下面这句断言的意思是,调用add(1, 1) ,结果应该等于2. 复制代码

01

对 React 组件进行单元测试

前端开发的一个特点是更多的会涉及用户界面，当开发规模达到一定程度时，几乎注定了其复杂度会成倍的增长。

04

[译] Vuex 之单元测试

原文：https://lmiller1990.github.io/vue-testing-handbook/testing-vuex.html

02

从0到1，带你尝鲜Vue3.0

做一个简单的Helloworld测试我们就先试试原有的vue2 的Api还可不可以使用。

02

Vue 应用单元测试的策略与实践 06 - 如何落地的几点建议

谈到如何推进单元测试的落地，首先得要有一个开始。很多公司都在推行 OKRs 或者 KPI 机制，而技术部门如何衡量技术性的绩效呢？说实话，我们都知道技术类绩效其实不好用某些指标来衡量，但很多时候老板们都会道听途说觉得软件质量特别重要，然后大家开始用测试覆盖率来作为考核标准，先随便定个数吧，就 80% 不错。但我们都知道，哪怕 100% 测试覆盖率也无法保证软件质量，盲目追求高覆盖率反而会物极必反出现问题，最终导致大家以后对单元测试痛恨至极。

03

React 单元测试策略及落地

单元测试是现代软件开发最基本，也普遍落地不力的实践。市面关于React单元测试的文章，普遍停留在“可以如何写”和介绍工具的层面，既未回答“为何必须做单元测试”，也未回答“单元测试的最佳实践”两个关键问题。本文正是要对这两个问题作出回答。

02

初尝 Jest 单元测试

最近的几次发布都犯了小错，都是缺乏或者忽视了测试所导致的。通常来说，一个新功能上线的时候，开发和测试都投入比较多，各项测试都是比较全面的。然而，发布上线也并非意味着不再有bug或者修改。那这时候问题来了，有些修改，我们会以为很简单，从而放松警惕，偷懒也罢，没有精力也罢，简单验证之后便匆匆发布了。此时，有可能不经意的改动对其它功能造成了影响，bug复bug， bug何其多呀。

01

初尝 Jest 单元测试

最近的几次发布都犯了小错，都是缺乏或者忽视了测试所导致的。通常来说，一个新功能上线的时候，开发和测试都投入比较多，各项测试都是比较全面的。然而，发布上线也并非意味着不再有bug或者修改。那这时候问题来

08

Jest：给你的 React 项目加上单元测试

Jest 是一款轻量的 JavaScript 测试框架，它的卖点是简单好用，由 facebook 出品。本文就简单讲讲如何使用 Jest 对 React 组件进行测试。

02

JavaScript 测试教程 part 1：用 Jest 进行单元测试[每日前端夜话0xE7]

有多种不同种类的测试，我会首先解释其中的一部分。首先，我将介绍单元测试的基础知识，即测试应用程序的每个部分并检查它们是否适合使用。为此我们将使用 Facebook 开发的测试框架 Jest。它已经准备就绪，并具有进行测试所需的功能。

02

前端工程化实践总结 |

| 导语本文主要介绍在前端工程化的一些探索和实践，结合移动端的基础库重构和UI组件库开发这两个项目详细介绍工程化方案。

04

盘点那些非常实用的JavaScript测试框架

QUnit 是一个轻量级的 JavaScript 测试框架，可以方便的在浏览器和 Node.js 环境中运行。QUnit 的语法简单易懂，提供了强大的断言库和多种测试报告格式，适合对简单的 JavaScript 代码进行单元测试。

04

前端单元测试那些事

Jest 是 Facebook 开源的一款 JS 单元测试框架，它也是 React 目前使用的单元测试框架,目前vue官方也把它当作为单元测试框架官方推荐。目前除了 Facebook 外，Twitter、Airbnb 也在使用 Jest。Jest 除了基本的断言和 Mock 功能外，还有快照测试、实时监控模式、覆盖度报告等实用功能。同时 Jest 几乎不需要做任何配置便可使用。

04

Vue设计与实现读后感-响应式系统实现-场景增强computed与watch（三）- 2

我之前业务代码index.ts只是为了方便我在浏览器调试，并不能成为我代码健壮性的一部分。

05

React 现代化测试

测试用例的书写是一个风险驱动的行为, 每当收到 Bug 报告时, 先写一个单元测试来暴露这个 Bug, 在日后的代码提交中, 若该测试用例是通过的, 开发者就能更为自信地确保程序不会再次出现此 bug。

03

用Jest做前端单元测试

前端单元测试概念听着很高大上，应该也是从后端的单元测试借鉴过来的，但在工作中我其实从来没做过。前端各种开发调试工具本身比较优秀了，最简单的 console、debugger 完全可以测试，虽说是一次性的，但是本身前端变化就比较快。

02

QQ音乐商业化Web团队前端工程化实践总结

随着业务的不断扩展，团队的项目越来越多，面对日益复杂的业务场景和代码逻辑，我们发现在前端工程化方面团队还停留在非常原始的阶段。现有的解决方案已经无法满足各种复杂的场景，我们每天都在疲于应付很多重复的工作，为此我们基于移动端基础库重构和UI组件库的建设这两个项目对团队的项目构建流程进行了详细的分析和梳理，并制定了一套适用于团队的工程化方案。

手写一个简易版 Jest

那当你测试的代码里依赖外部环境的部分，比如要读一个文件、要发送一个请求，这时候怎么测呢？

01

前端单元测试那些事

Jest 是 Facebook 开源的一款 JS 单元测试框架，它也是 React 目前使用的单元测试框架,目前vue官方也把它当作为单元测试框架官方推荐。目前除了 Facebook 外，Twitter、Airbnb 也在使用 Jest。Jest 除了基本的断言和 Mock 功能外，还有快照测试、实时监控模式、覆盖度报告等实用功能。同时 Jest 几乎不需要做任何配置便可使用。

04

React单元测试：Jest + Enzyme（一）

前端的单元测试在很多人看来都是一个可有可无的东西，理由一般有下面几条（以下内容统一称单元测试为单测）：

02

JavaScript 测试系列实战（一）：使用 Jest 和 Enzyme 测试 React 组件

你或许早已经知道“单元测试”“端到端测试”这些名词，但从未真正付诸实践。在这一系列实战教程中，我们将手把手带你掌握 Jest、Enzyme、Cypress 等测试利器，帮助我们从 bug 的沼泽中挣脱出来，成为一个无往不利的高阶前端开发者！

01

React生态单元测试框架对比

单元测试通过对最小的可测试单元（通常为单个函数、模块、对象、组件等）进行测试和验证，来保证代码的健壮性。单元测试是开发者的第一道防线。单元测试不仅能强迫开发人员理解我们的代码，也能帮助我们记录和调试代码。一个完整、优秀的项目往往离不开单元测试的环节，就 github 上的主流前端项目而言，基本都有相应的单元测试模块。

01

也来扯扯 Vue 单元测试

从使用 Vue 写出第一个 Hello world 到现在已经有近两年时间了，期间利用业余时间折腾了一套组件 we-vue，起初是出于实践学到的新知识，更多的是玩的意思，不过后来维护的过程中渐渐积累了一些经验，并开始享受这种过程。在 we-vue 更新到 v2.0 的时候，开始全面地编写单元测试。起先使用 karma + mocha + chrome-headless 这种组合完成的行级覆盖率达到 96% 的测试。但最近，我又放弃了这种组合，转而使用 Jest。在这连番的折腾中，入过不少坑（当然，很多时

03

Vue项目框架搭建（不定时更新）

第二步：在 state.js action.js motation.js中分别编写对应的代码：

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭