开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Jest 24.0 ->运行角度测试非常慢

Jest是一个流行的JavaScript测试框架，用于编写和运行各种类型的测试，包括单元测试、集成测试和端到端测试。它具有简单易用的语法和强大的功能，被广泛应用于前端开发领域。

针对Jest 24.0版本运行角度测试非常慢的问题，可能有以下几个原因和解决方法：

测试代码质量问题：如果测试代码中存在大量的冗余、重复或低效的操作，会导致测试运行缓慢。建议对测试代码进行优化，避免不必要的重复操作，确保测试代码的质量。
测试环境配置问题：Jest的性能也与测试环境的配置有关。确保测试环境的配置合理，例如适当调整Jest的配置选项，如并发运行的测试数量、测试运行的超时时间等。
测试数据量过大：如果测试数据量过大，会导致测试运行时间增加。可以考虑减少测试数据的量或者优化测试数据的生成方式，以提高测试运行速度。
测试依赖问题：某些测试可能依赖于外部资源或网络请求，如果这些依赖的资源或请求响应时间较长，会导致测试运行缓慢。可以使用模拟工具或者Mock技术来模拟这些依赖，以加快测试运行速度。
并发测试执行：Jest支持并发执行测试，可以通过配置选项来设置并发运行的测试数量。增加并发运行的测试数量可以提高测试的执行速度。

总结起来，针对Jest 24.0版本运行角度测试非常慢的问题，可以从优化测试代码、调整测试环境配置、减少测试数据量、优化测试依赖和增加并发测试执行等方面入手，以提高测试运行速度。

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

云函数（Serverless）：https://cloud.tencent.com/product/scf
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe

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

有帮助

没帮助

相关·内容

前端自动化测试实践01—持续集成之jest自动化测试环境搭建

在日常的开发中，前端错综复杂的变化引发的bug往往令开发者头疼，或多或少经历过修完东墙西墙倒的经历，此时前端自动化测试就显得非常重要。...先写代码再写测试，测试单位是功能，多用于集成测试重点在测试 UI（DOM）功能，属于黑盒测试测试内容是整套操作流程，速度慢，往往需要多个模块配合，安全感高 1.3 工具选择前端近几年涌现出很多优秀的测试工具...： karma – Google Angular团队开发的测试运行平台，配置简单灵活，能够很方便在多个真实浏览器中运行测试 mocha – 很优秀的测试框架，有完善的生态系统，简单的测试组织方式，不对断言库和工具做任何限制...，非常灵活 jest – facebook出品的大而全的测试框架，React官方推荐的单元测试框架，配置简单运行速度快还有很多其他的前端测试框架，但大同小异，无非是对断言和测试桩等工具的集成度不同，论成熟度首推...2. jest 环境搭建 2.1 jest 安装 jest 需要自动运行测试脚本，node 环境是必不可少的，如果从头搭建，首先得初始化项目 package.json 并安装 jest： $ npm init

2.4K5 4

使用 Jest 进行前端单元测试

Mock Jest 自带一个 mock 系统，并支持自动和手动 mock。通常项目中，要测试的文件可能带有很多调用依赖，另外单元测试环境和真实环境可也能存在差异，使得脱离真实环境不能直接运行。...此外，Jest 提供的 mock API 也非常丰富。...Timer 业务代码中如果有 setTimeout 这样的计时器，在测试过程中如果真实的去执行，可能会严重拖慢整个测试项目的执行时间，设想一个功能有 n 个用例去测试，延时就会被重复 n 倍。...text ); let tree = component.toJSON(); expect(tree).toMatchSnapshot(); }); 这时运行测试用例...我们都知道保持编写可测试的代码的习惯是非常重要的。可测试性差的代码，在写测试用例时也会花费成倍的时间。例如下面这个例子： .

5.5K9 0

如何做前端单元测试

前言对于现在的前端工程，一个标准完整的项目，通常情况单元测试是非常必要的。但很多时候我们只是完成了项目而忽略了项目测试。...自动化：通过 console 虽然可以打印出内部信息，但是这是一次性的事情，下次测试还需要从头来过，效率不能得到保证。通过编写测试用例，可以做到一次编写，多次运行。...从 github starts & issues 以及 npm 下载量角度来看，Jest 的关注度更高，社区也更活跃框架对比框架断言异步代码覆盖率 Mocha 不支持（需要其他库支持）友好...npm run test ，问题解决原理 jest 运行时内部先执行( jest-babel )，检测是否安装 babel-core，然后取 .babelrc 中的配置运行测试之前结合 babel...设置单元测试覆盖率阀值个人认为既然在项目中集成了单元测试，那么非常有必要关注单元测试的质量，而覆盖率则一定程度上客观的反映了单测的质量，同时我们还可以通过设置单元测试阀值的方式提示用户是否达到了预期质量

3.2K2 0

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

阅读和练习本文的Jest的部分 // Then 他能够把Given/When/Then的套路学会他能够学会Jest的基本用法，包括测试suite和断言等语法他能够学会Jest中测试异步的几种方式单元测试基础...When const result = sum(number, anotherNumber) // Then expect(result).toBe(2) }) }) 然后运行...而像 matchMedia 这样的方法在 jsdom 里面并没有被实现，这时候我们当然就需要去把它 Mock 掉，简单把要用到的一些对象属性赋值就好，总之不至于在运行时报错。...保持单元测试独立性的同时，也是在促使你去思考什么样的模块才是符合「职责单一原则」的。单元测试站在使用者的角度来使用该模块，而代码的易测性也就代表着代码的可维护性。如何测试异步代码？...Async/Await 语法糖在业务代码当中就特别好使了，好处不多说直接看得见：原本需要 done() 或 then() 的地方都不再混乱，又一次回归到了正常的 Given/When/Then 三段式套路，让测试代码变得非常清晰易读

2.2K2 0

如何自动化测试 React Native 项目 (上篇) - 核心思想与E2E自动化

经常测试脚本因为一些意外的情况fail（比如网络慢，测试机慢，意外的弹出框等等）。高维护成本。...运行unit test和E2E相比是非常快的，特别是mock了一些被测unit不关心的外部模块的时候，比如network request， db request等等. 可靠，稳定。...现在对这个系统设计测试用例：方案1：从黑盒的角度看，如果把 Module A 和 B 当做一个整体，那么一共需要 5*5=25个测试用例去测。...方案2：从单元测试（白盒）的角度去看， Module A 和 B 分别需要5个单元测试来保证自己是正确工作的。...Detox 的测试脚本有点是写起来直观，执行起来非常的稳定可靠和快速。

3.6K3 2

JavaScript 测试教程 part 1：用 Jest 进行单元测试

你可以测试程序的方方面面，从单个函数及其返回值到在浏览器中运行的复杂程序。由于这是本课程的第一篇文章，因此我会简要对比一些流行的测试类型。单元测试单元测试覆盖了代码块，确保它们在运行时没有问题。...多亏了他，你可以用一种方法来确保你的代码在整体上能够正常运行。端到端测试（E2E）与其他类型的测试相反，端到端测试始终在浏览器（或类似浏览器）环境中运行。...它可能是打开的真正浏览器，并且在其中运行测试。它也可能是无头浏览器环境，即没有用户界面运行的浏览器。E2E 测试的重点是在我们正在运行的程序中模拟实际用户。...他们将模拟滚动，单击和键入之类的行为，并从实际用户的角度检查我们的程序是否运行良好。用 Jest 进行单元测试 Jest 是 Facebook 开发的测试框架。...涵盖的第一类测试是“单元测试”。为了执行它们，我们已经了解了 Jest 框架的基础知识。它包括有关如何运行测试（安装和文件命名）的知识。

2.8K2 0

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

端到端测试(E2E) 与其他类型的测试不同，E2E 测试总是在浏览器(或类浏览器)环境中运行。...E2E 测试的重点是在我们正在运行的应用程序中模拟实际用户（例如模拟滚动、单击和键入等行为），并检查我们的应用程序是否从实际用户的角度运行良好。...，可参考 Expect API CRA 已经为我们配置好了 Jest，这里直接运行 npx jest 命令，就可以看到测试结果了： PASS ....如果这里我们将第一条测试用例改为 expect(typeof Math.random()).toEqual('string') ，那么再运行 npx jest ，就会出现如下错误信息： FAIL ....它允许我们在运行测试时，只渲染父组件而不渲染其所有的子组件。浅层渲染十分快速，因此非常适合单元测试。

2.9K1 0

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

Jest 和 React Testing Library (RTL) 是前端开发中用于测试 React 应用的首选工具。...Jest 是一个功能丰富的JavaScript测试框架，而React Testing Library 是一种提倡以用户角度编写测试的库，它鼓励测试组件的行为而不是内部实现细节。...jest.useFakeTimers()和act函数来测试状态变化和副作用，如定时器或副作用函数：jest.useFakeTimers();it('displays loading state', ()...或jest-environment-jsdom-thirteen可以减少测试的内存消耗。...选择性运行测试使用--findRelatedTests选项只运行与更改相关的测试，以加快测试速度：npx jest --findRelatedTests使用快照测试对于不经常更改的组件，使用快照测试可以节省时间

750 0

实例入门 Vue.js 单元测试

端到端（在浏览器等真实场景中走通功能而把程序当成黑盒子的测试）与集成测试（集合多个测试过的单元一起测试）的反馈与修复的周期比较长、运行速度慢，测试运行不稳定，由于很多时候还要靠人工手动进行，维护成本也很高...而单元测试只针对具体一个方法或API，定位准确，采用 mock 机制，运行速度非常快（毫秒级），又是开发人员在本地执行，反馈修复及时，成本较低。...Jest 是一个由 Facebook 开发的测试运行器，相对其他测试框架，其特点就是就是内置了常用的测试工具，比如自带断言、测试覆盖率工具，实现了开箱即用。...配置 Jest 号称自己是一个 “Zero configuration testing platform”，只需在 npm scripts里面配置了test: jest，即可运行npm test，自动识别并测试符合其规则的...四个基础单词编写单元测试的语法通常非常简单；对于jest来说，由于其内部使用了 Jasmine 2 来进行测试，故其用例语法与 Jasmine 相同。

2.8K2 0

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

前端自动化测试实践04—jest-vue项目之TDD&BDD TOC Write By CS逍遥剑仙我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian...如何搭建包含 jest 的 vue 项目已经在第一节 jest-vue前端自动化测试实践01 中已经进行过介绍，其中，在 jest 的配置文件 jest.config.js 中，需要注意 testMatch...在 shell 中实时运行起来，每次修改代码后，jest 都会自动执行测试用例。...jest配置文件 ├── ... └── package.json 3. vue 组件测试方法 3.1 组件浅渲染和深渲染在 vue 项目中测试 vue...，因此是从功能角度出发，更加适合集成测试，具体代码可以见 github：本节代码地址 https://github.com/csxiaoyaojianxian/JavaScriptStudy 下的自动化测试目录

2K7 6

React 设计模式 0x8：测试

学习如何轻松构建可伸缩的 React 应用程序：测试 # 如何测试组件测试在每个 Web 应用程序中都非常重要，即使在 React 中也是如此，特别是在其组件方面。...# 渲染测试渲染测试是一种测试，用于验证您的组件是否正确渲染。 # 使用 Jest 进行功能测试 Jest 是测试 React 应用程序时非常流行的测试库。...Jest 通常用于运行功能测试，但我们也可以用它进行渲染测试。...初始化测试项目： npx create-react-app testing-with-jest cd testing-with-jest npm install --save-dev jest 测试文件一般以...，确保各个组件之间的交互和数据传递是正确的使用 CI/CD 将测试集成到 CI/CD 管道中，以便在每个提交时自动运行测试并及时发现问题运行覆盖率测试运行覆盖率测试以检查测试代码是否覆盖了应用程序的所有部分

1.8K1 0

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

什么是Jest 测试意味着什么我怎么知道要测试什么测试块，断言和匹配器如何实现测试块如何实现断言和匹配器 CLI 和配置模拟怎么模拟一个函数执行环境作用域隔离 V8 虚拟机运行单测回调...最后&源码彻底搞懂 Jest 单元测试框架本文主要给大家深入了解 Jest 背后的运行原理，并从零开始简单实现一个 Jest 单元测试的框架，方便了解单元测试引擎是如何工作的，Jest 编写单测相信我们已经很熟悉了...Jest 作为 NPM 包发布，可以安装并运行在任何 JavaScript 项目中。Jest 是目前前端最流行的测试库之一。测试意味着什么在技术术语中，测试意味着检查我们的代码是否满足某些期望。...，我们并不需要手动引入 test、expect 和 jest 这些函数，每个测试文件可以直接使用，所以我们这里需要创造一个注入这些方法的运行环境。...遍历执行测试函数后，非常的简单，只需要位置放对就可以暴露任何时期的钩子函数。

7.6K2 0

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

端到端测试（e2e）：是站在用户角度的测试，把我们的程序看成是一个黑盒子，我不懂你内部是怎么实现的，我只负责打开浏览器，把测试内容在页面上输入一遍，看是不是我想要得到的结果。...Enzyme 是从代码实现的角度出发进行测试，基于 state 和 props，而 React Testing Library 是从用户体验的角度出发，所以是基于 dom 进行测试。...它拥有更简洁易用的 API，更快的运行速度，已逐渐成为业内自动化测试的标杆，俘获大量 Selenium 用户的心。可以看下近年来 e2e 测试框架的 npm trends. ?...e2e，并与 src 同放在根目录下 VScode 和 WebStorm 都有对应的 Jest 插件，安装后书写代码时有代码补全，debug 和自动运行等功能如何编写测试其实，Jest 的语法蛮简单的...前端测试确实会给项目带来相当多的好处，它能为长期迭代的项目带来显著的质量提升。首先是能在测试环境降低 bug 数量，通过运行单测能检测出一些逻辑错误。

5.3K3 0

vue中关于测试的介绍

简而言之，它从一个用户的角度出发，认为整个系统都是黑箱，只有UI会暴露给用户二、单元测试（Unit Test）：测试驱动开发（TDD: Test-Driven Development）, 单元测试是用来对一个模块...该工具在Vue中的主要作用是将项目运行在各种主流Web浏览器进行测试。换句话说，它是一个测试工具,能让你的代码在浏览器环境下测试。...，ie等)环境下运行。...如果你的代码只会运行在node端，那么你不需要用karma。 Mocha mocha(摩卡)是一个测试框架，在vue-cli中配合。...写好后，使用npm run unit指令运行，进行测试最后，本文关于vue中的测试介绍，就到这。还有不清楚的，可以本文留言，一起讨论

9541 0

Jest基本使用方法以及mock技巧介绍

导读 Jest是由Facebook开发并维护的一套js的单元测试框架，之前在后台的nodejs项目里面第一次尝试使用，感觉还是非常容易上手的，功能也比较强大。...尤其是mock方面也别好用，还天然的支持覆盖率，所以非常推荐使用。...注意：jest会自动搜索路径下面所有test.js结尾的文件, 默认都会执行。如果想单独运行某个测试文件可以直接加上文件名就可以。...1.4 jest命令行除了用npm test 执行测试，也可以直接jest执行所有用例，jest支持的命令行参数可以参考： https://facebook.github.io/jest/docs/...2 Jest的mock技巧介绍 2.1 基本的mock 2.1.1 Mock一个函数方法的mock 非常简单，使用jest.fn 就可以非常简单的mock一个函数。

8.2K5 0

React + Redux Testing Library 单元测试

在同一个文件夹中创建一个 math.test.js 文件，在这里我们将使用 Jest 来测试 math.js 中定义的函数: image.png 然后运行 yarn test （添加 NPM Script...代码模块的易测性保持单元测试独立性的同时，也是在促使你去思考什么样的模块才是符合「职责单一原则」的。单元测试站在使用者的角度来使用该模块，而代码的易测性也就代表着代码的可维护性。...React 组件测试组件化与 UI 测试 image.png 在组件化出现之前，我们都压根不谈 UI 的单元测试，哪怕是对于 UI 页面层级的测试来说都是一件非常困难的事情。...从技术上讲，你可以在真实的浏览器中运行，但由于在不同平台上启动真实浏览器的复杂性，更建议使用 JSDOM 在虚拟浏览器环境中运行 Node 中的测试。...没有高覆盖率、快速运行的单元测试，重构就不可能落地。测试驱动开发是获得高质量单元测试集的唯一有效方法。建立在充分覆盖且运行快速的自动化测试基础上的持续集成是迭代式开发的必要条件。

2.3K1 0

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

只需要知道：当想把所有东西都要弄成 DRY 的时候，测试就会变得非常难以维护了，比如：一个新人刚到新团队他被叫去加个测试用例复制以前的测试代码，然后在测试工具函数中加了一行 if 语句来通过测试...toEqual 里也要回过头来看 user 的内容是啥，这就导致阅读用例的人会有比较高的心智负担，他大脑得有一个内存时刻存放着这个 user 的样子，这样的用例就变得很难让人跟上了，特别是在一些用例非常多的测试文件中...总的来说，我们不要过度代入开发的视角，而要以文档阅读者的角度去编写自己的用例，用例可读性应该优先于代码可读性。译注结束。...jest-in-case 和 test.each 如果你只是做纯函数的测试，那么你很幸运，因为它们都是最容易测的。你完全可以通过简单的抽象来简化测试代码，让它们在调用时更明显地展示输入和输出内容。...而如果你把这些搞得太抽象，比如放在 tests/utils 来生成对象的话，又会导致太抽象而难以理解，对阅读用例的人来说有着非常高的心智负担。

6982 0

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

Jest 是一款轻量的 JavaScript 测试框架，它的卖点是简单好用，由 facebook 出品。本文就简单讲讲如何使用 Jest 对 React 组件进行测试。为什么需要单元测试？...我们通常使用 expect 来测试一个模块的逻辑是否符合预期。expect 会将模块返回的结果封装成一个对象，然后提供非常丰富的方法做测试。...React Testing Library 是以用户为角度的测试库，能够模拟浏览器的 DOM，将 React 组件挂载上去后，我们使用其提供的一些模拟用户操作的 API 进行测试。...React 组件的框架是 Enzyme，它的 API 简洁优雅，能够用类似 JQuery 的语法，对开发非常友好。...，Jest 作为流行的测试库值得一试。

2.8K2 0

异步函数中的异常处理及测试方法

这个话题已被反复提起过几百次，不过这次让我们从TDD的角度来回答它。如果你能够不在Stackoverflow上搜索就能回答这个问题，会给我留下深刻的印象。如果不能的话也可以变得很酷。...这是对它的测试（使用Jest）： ? 也可以从 ES6 的类中抛出错误。在 Javascript 中编写类时，我总会在构造函数中输入意外值。下面是一个例子： ? 以下是该类的测试： ?...如果我运行代码会怎么样？试试吧： ? 结果是这样 ? 果然不出所料，异步方法返回了一个Promise rejection，从严格意义上来讲，并没有抛出什么东西。...以下是在Jest中测试异常的规则：使用 assert.throws 来测试普通函数和方法中的异常使用 expect + rejects 来测试异步函数和异步方法中的异常如果你对如何使用 Jest...测试 Koa 2 感兴趣，请查看使用Jest和Supertest进行测试的简绍这篇文章。

2.9K3 0

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

QUnit 是一个非常实用的 JavaScript 测试框架，如果你需要简单易懂的单元测试，可以考虑使用 QUnit。...Jest Jest 是一个 JavaScript 测试框架，由 Facebook 开发并开源，提供了完整的测试解决方案，包括断言库、测试运行器、代码覆盖率报告等。...Jest 是一个轻量级的测试框架，可以在浏览器和 Node.js 环境中运行，支持快速的单元测试和端到端测试。...Snapshot 测试：Jest 提供了快速方便的 Snapshot 测试功能，可以方便的测试 UI 组件的状态。并行测试：Jest 可以并行的运行测试，加快测试速度。...Jest 是一个非常实用的 JavaScript 测试框架，如果你需要一个完整的测试解决方案，可以考虑使用 Jest。

2K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭