React学习手册

242

｜

第

10

章

const _click = jest.fn()

shallow(

<Star onClick={_click} />

)

.find('div.star')

.simulate('click')

expect(_click).toBeCalled()

})

在这个测试中的一个模拟函数

_click

，是通过

jest.fn

创建的。当我们渲染星标时，

将上述模拟函数作为

onClick

的属性传递给了它。接下来，对被渲染的

div

元素进行定

位，然后使用

Enzyme

的

simulate

方法在该元素上模拟了一个

click

事件。单击星标会

触发

onClick

属性，继而触发执行模拟函数。

.toBeCalled

匹配器可以用来验证该模拟

函数是否被触发了。

Enzyme

可以用来帮助用户渲染组件，查找被渲染的

DOM

元素或者其他组件，并且可

以和它们进行交互。

模拟组件

上一个测试引入了模拟的概念：我们使用一个模拟函数测试

Star

组件。

Jest

包含丰富的

工具，它们可以帮助用户创建和注入各种不同的模拟效果，以便用户可以写出更好的

测试代码。模拟对象是一种非常重要的测试技术，它可以帮助用户聚焦于单元测试。

模拟对象就是可以用来替换测试中真实对象的对象。

注

4

模拟对象对于测试的世界来说就像是好莱坞的动作替身演员。模拟对象和替身演员都

可以用来替代真身（一个组件或者影视明星）。在一部电影中，替身看上去和演员本

人没什么两样。在一个测试中，模拟对象可以被当作一个真实的对象。

模拟的目的是允许用户能够聚焦于被测试的组件或者对象，即 ...