React学习手册

测试

｜

255

一旦用户更新了快照，测试将会顺序通过。快照文件也发生了变化。与一个长长的

HTML

字符串相反，快照内容将会和下列内容类似：

exports[`<Color /> UI Component Renders correct properties 1`] = `

<section

className="color">

<h1>

Test Color

</h1>

<button

onClick={[Function]}>

<FaTrashO />

</button>

<div

className="color"

style={

Object {

"backgroundColor": "#F0F0F0",

}

} />

<TimeAgo

timestamp="Mon Apr 11 2016 12:54:19 GMT-0700 (PDT)" />

<div>

<StarRating

onRate={[Function]}

starsSelected={3} />

</div>

</section>

';

这个快照的内容更容易阅读理解。我们可以对它进行浏览，以便用户在移动到下一个

测试之前验证测试结果的正确性。快照测试是快速添加测试到应用程序的一种非常有

效的方法。

代码覆盖率测试

代码覆盖率测试是统计项目源码实际被测试的行数的过程。它提供的一种指标可以帮

助开发人员确定编写了足够多的测试程序的时机。

jest

和

Istanbul ...