前端 - ui组件如何进行单元测试，该测试那些内容呢

问题描述

问 题

在写一个 vue2 的 UI库， 纠结要不要写单元测试，但是又不知道要测试那些东西。。

解决方案

通用性越高的库或框架，就越必要添加单元测试。

对于一个完整的 UI 库而言，通常应该包含如下内容：

• 代码；

• 文档；

• 示例；

• 自动化测试。

其中，文档与示例用于提供给库的使用者，示例使其能够直观地判断这个库是否能够满足自己的需求，而文档可以指导其在自己的项目中集成并使用该库。

而自动化测试，是提供给 UI 库的开发及维护人员，它能够带来以下好处：

• 降低人工测试的成本；虽然编写及维护测试脚本需要付出额外的成本，但从长远来看，这些成本通常远比采用人工测试要低地多；

• 保证该库在后续的开发维护过程中不会出现意料之外的问题；在修改代码「比如优化、重构、修改或添加新的功能等」后，往往需要重新进行测试，这时人工测试通常无法保证覆盖到每一个测试点，这时就会为项目带来隐患；

• 评估其可用性；一般编写测试的过程就是使用这个库的过程，这时我们可以方便地评估这个库的可用性是否良好；

• 提供稳定可靠的印象；一般情况下，开发人员更偏向于使用提供单元测试的库，这会避免一些不必要的风险。

当然，以上观点只是对于通用性较高的库而言的。

而对于与业务相关的 UI 部分，通常由于其界面变动较为频繁，维护其测试脚本的成本会很高，与其专门招一两个懂得自动化测试的工程师来维护测试脚本，还不如用比较低的工资招聘几个人进行人工测试来的成本低，这时就需要根据项目所需的稳定程度来仔细权衡了。

这篇关于前端 - ui组件如何进行单元测试，该测试那些内容呢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！