大四学生前端实习的第五周周记
需积分: 50 6 浏览量
2022-07-26
12:58:27
上传
评论 2
收藏 14KB DOCX 举报
第五周周记
上周加入了 Dform 开源组件库团队项目组，用时 2 天多的时间写出来 Select 组件。但
是关于 Jest 的相关内容，我本人还没开始编写。
这周我正式开始编写 Dform 的单元测试模块，来证明我们编写的 Dform 组件没有问题。
起初我得导师是有教过 jest 怎么编写，奈何好记性不如烂笔头，没有进行实际编写，很容易
就忘记了。但是我没有放弃，我得导师留下了源码给我们参考，我自己积极在网上需求 jest
的知识点。我在网络上了解到 Jest 是 Facebook 的一套开源的 JavaScript 测试框架, 它自动
集成了断言、JSDom、覆盖率报告等开发者所需要的所有测试工具,是一款几乎零配置的测试
框架。等我学习差不多的时候，我就按着我导师给我的例子，我开始针对我编写的 Select 组
件进行编写测试用例。
Jest 编写测试用例最重要的是语法和匹配器。语法的话，重点是 test 方法。在单元测试
里面，要挂载虚拟的 dom 节点。通过对 dom 节点的一系列操作，再用匹配器判断是否是想
要的结果。再使用命令：yarn test，来运行我们的测试用例，此命令会自动运行变异我们项
目以 test 结尾的文件，运行完之后，会将运行的文件数量和测试用例数量汇报出来。而 yarn
test:coverage 命名，是正常执行 test 文件后，再将覆盖率等一系列情况以文件的形式输出
来，展示给用户观看。
后面我花了一天的时间，编写出了 Select 的测试用例。而后我又编写了 ExtraInput、
CoverRadio、MultiplePicker 测试用例。慢慢 Jest 也就上手了。
评论0