如何使用 React 测试库自信地编写单元测试

2022/12/2 23:24:05

本文主要是介绍如何使用 React 测试库自信地编写单元测试,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

在教学中,我们将要学习怎么应用TestingLibrary坦然地撰写单元测试卷,这是一个比较流行的用以撰写单元测试卷的React测试库。
让我们开始吧。
如果你想重新开始学习培训React测试库,并想学习怎么使用方式部件(包含挂勾、仿真模拟API启用)坦然地检测全部应用软件,并设定测试覆盖率,那你就要报名我MERN局部变量课程内容。
为何必须撰写单元测试卷?
您也许觉得没必要撰写这么多单元测试用例来消耗时间,反过来,我们能手动测试应用软件。
你是对的,你当然能做到。但随着应用软件增长,往往很难检测应用软件中所有情景,您可能忽略一些东西,假如全部作用也没有恰当检测,即便不会很大变更可能会毁坏应用软件。
这便是缘故,提议撰写单元测试用例,包含您当作客户手动式实施的全部情景。
因而,根据仅实行一个指令,你将可以了解你的应用软件是不是有什么问题,是否存在检测不成功。
什么叫React测试库?
React测试库有一组包,能够帮助你用户至上的形式检测UI组件,这就意味着如同客户如何跟页面中标注的各种各样原素开展互动一样。
这就意味着当客户点击一切按键或在所有的键入输入框中输入时会有什么,该互动是采用此测试库测试。
因而,客户不用手动式实行此检测,这时候耗费大量时长,而且他/她有可能在应用软件尺寸提升时错过了检测一些情景,而是用撰写单元测试用例并仅根据单独命令执行他们去完成检测。
不能用测试库检测哪些
测试库激励您防止检测完成关键点,比如您已经测试元件的内部构造。
该库的指导原则注重将全面放到与用户交互网页页面的形式十分相似的检测上。
您也许期待防止检测下列完成关键点:
元件的内部结构情况
元件的内部结构方式
元件的生命期方式
子组件
因而,如果你有酶测试工作经验,您有可能在点击一切按键后查验状态下的值,或是假如一些具体内容产生变化,您可能查验prop值。
这种种类检查针对应用反映测试库进行测试不是必要的。反过来,在反映测试库中,当客户点击按键或提交表单等时,你会查验DOM的举动。
怎么使用Vite设定React新项目
我们将要应用Vite,它是create-react-app最流行的和更快地替代物。
使用vite的主要原因是,create-react-app当应用软件提高时它越来越比较慢,在我们对运用编程代码做出任何变更的时候需要耗费大量时间页面刷新,而且默认设置前提下,它也会加上许多大家非常少所使用的附加不必要包必须。
Vite仅仅复建大家变化的物品,而非复建全部应用软件,这一点在研发流程中节约了很多时间。
Vite必须Node.js版本14.18+,所以请保证组装node版本号大于等于14.18。
安装及转换Node.js版本有效的方法是让用nvm。
即便您所使用的是create-react-app,您将于本实例教程中学到的所有检测也将完全一致地运作不会有任何的不正确。
需要使用React建立一个新的Vite新项目,请npminitvite从终端设备运行命令。
它要问你projectname,framework,和variant。
针对projectname,大家可以键入testing-library-demo或您挑选的所有名字。
针对framework,React从选择项页面上挑选
针对variant,JavaScript从选择项页面上挑选

标签:Java,jdk,语言,运行环境,javac,高级语言,JVM 来源:

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。



这篇关于如何使用 React 测试库自信地编写单元测试的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程