jest

安冬的码畜日常16 天前
笔记·学习·单元测试·jest
【The Art of Unit Testing 3_自学笔记06】3.4 + 3.5 单元测试核心技能之:函数式注入与模块化注入的解决方案简介写在前面 上一篇的最后部分对第三章后续内容做了一个概括性的梳理,并给出了断开依赖项的最简单的实现方案,函数参数值注入法。本篇接着介绍函数式注入与模块化注入的具体实现。窃以为后者是本章的难点,需要用心体会作者的设计思路。
混血哲谈2 个月前
前端·javascript·react.js·jest·testing-library
使用@test-library/react的screen中的方法和直接使用getByText,getByTestId等的区别?在 React Testing Library 中,screen 对象和直接使用 getByText, getByTestId 等方法之间的主要区别在于它们的使用方式和上下文。然而,从功能的角度来看,它们实际上是相互关联的,因为 screen 对象提供了一组封装好的查询方法,这些方法内部最终会调用如 getByText, getByTestId 等查询函数。
程序员也要学好英语4 个月前
react.js·jest·ant design
搭建 react + antd 技术栈的测试框架本文搭建 react + antd 技术栈的测试框架,其中有一些坑已经踩过了。搭建完成之后,对实际项目中的一个 Modal 组件进行单元测试。并罗列测试过程中出现的问题及解决方案。
程序员也要学好英语4 个月前
jest
Jest 测试框架提升笔记本文在 Jest 测试框架入门笔记 - 掘金 (juejin.cn) 的基础之上,深入 Jest 测试的各个方面,涉及元素渲染、选择;数据,模块 Mock 等内容。读完本文基本上就可以将 Jest 单元测试应用到实际工作中了。
uccs4 个月前
前端·jest
初识 jestjest 需要配合 git 使用,因为 jest 会检测 git 的提交记录,然后运行相关的测试用例。
巫瞅瞅5 个月前
react·jest·unit test
明明单独跑某个测试是通过的,怎么全部一起跑就挂了呢
慕仲卿7 个月前
jest
前端测试,你要用 Puppeteer 还是 Jest?前端测试是软件开发过程中不可或缺的一环,它有助于确保代码的质量和可靠性。在前端测试领域,Puppeteer和Jest是两个广受欢迎的工具,这两个工具笔者都有较长的使用时间和经验。在本文中,我将会对这两个工具进行深度对比,包括它们的优势、劣势、学习难度、示例代码、功能全面性、社区支持力度、未来发展前景、历史和受众等方面。
蛞蝓不孤寡7 个月前
单元测试·jest
jest单元测试——项目实战温故而知新:单元测试工具——JEST 包括:什么是单元测试、jest的基本配置、快照测试、mock函数、常用断言、前端单测策略等等。。
19组清风8 个月前
前端·javascript·jest
前端工程师应该如何正确面对 UI 组件视觉回归测试本文为稀土掘金技术社区首发签约文章,30天内禁止转载,30天后未获授权禁止转载,侵权必究!「基础组件」通常也被称作原子组件,所谓的原子组件也就意味着具备一定不易变性和普适性的微小组件。
搬砖的乔布梭8 个月前
单元测试·jest·前端工程化
如何使用React+jest开展单元测试具体框架下(cra,umi,antd-pro等)环境的配置略有不同,后续单元测试的写法都是雷同的;环境的配置在面试时不是重点,如何写单测本身才是!
碎银几两Fiber8 个月前
react.js·jest
Vitest 单元测试方案Vitest 是一个面向 Vite 的极快的单元测试框架。它利用了 Vite 的优势,提供了一种全新的测试体验。本文将介绍如何在项目中集成和使用 Vitest 进行单元测试。
阿古达木8 个月前
react.js·jest
如何给你的项目添加测试覆盖率徽章看完我的测试教程之后,想必大家都能写出一个测试覆盖率极高的小项目了。测试覆盖率既然这么高,不秀一秀岂不是白瞎了,下面我们就来通过第三方服务来给你的项目加上测试覆盖率徽章,涉及到的内容有yaml配置,githubAction,codecov服务。
HuYi_code9 个月前
vue.js·jest
Vue 2 & Jest Test 总结UT 之前很少在前端写,但是最近业务需求,学习了一些关于Vue 2的Jest UT的方法,因为不涉及业务,所以没有系统的学习,只是一些简单的入门经验总结,一些太深入的东西并没有做很多研究,如果之后有新的收获,还会更新。
_血手人屠_1 年前
前端·javascript·typescript·npm·rollup·jest·eslint
npm发布js工具包3、在 package.json 配置的scripts中增加测试脚本 "test": "jest" 4、编写单元测试:
蓝屏的钙1 年前
typescript·jest·rollup.js
从零开发自己的工具库(一)配置 TS + Rollup + Jest日常开发中,我们经常会用到一些通用的方法,导致每次写新项目,都得复制粘贴。我们可以将这些通用处理逻辑封装成工具库,发布到 NPM 上。这样,每次只要 install 以下即可,其他开发者能共享这些库,也算是为开源做出一点贡献~
GoldenaArcher1 年前
前端·单元测试·reactjs·jest·redux
React 测试笔记 03 - 测试 Redux 中 Reducer 状态变化这段时间都在重构代码,把本来奇奇怪怪(singleton)的实现改成用 redux 的实现,然后就突然想到……即然 redux 的改变不涉及到 UI 的改变,那么是不是说可以单独写 redux 的测试……?
火辣辣1 年前
前端·单元测试·jest
vue3+vite+jest配置 单元测试总结从0接触单元测试,真的是安装环境,运行demo就折磨了好久,主要是各种版本库的依赖关系,所以安装的时候一定一定要注意安装对应的版本: 我的版本情况
Swell51 年前
node.js·jest
开发一个 Node 工具 命令行批量删除文件夹说下开发这个 node 工具库的来由, 之前是在写一个 monorepo 的业务组件库, 然后项目里面有好几个库, 每个库在 pnpm 安装依赖的时候会有 node_modules
AIpoem1 年前
单元测试·jest·vue test utils
记录使用vue-test-utils + jest 在uniapp中进行单元测试我选了方案2🕶️关于vue的组件测试,vue官方提到:你的 Vue 应用中大部分内容都应该由组件测试来覆盖,我们建议每个 Vue 组件都应有自己的组件测试文件。 当进行测试时,请记住,测试这个组件做了什么,而不是测试它是怎么做到的
阿彪最稳健了1 年前
单元测试·jest
单元测试是什么?在前端领域我们应该怎么写单元测试?本文将通过配套的思维导图为基础,为你介绍单元测试的各种知识点,并且以 Jest 为例,逐步带你深入学习单元测试。 至于 BDD(Behavior-Driven Development) 和 TDD(Test-Driven Development) 两大思想流派,这里先不做过多讨论。