前言
在进行 React 开发过程中，单元测试是必不可少的一部分，而 React 官方提供的 test-utils 中方法还是有限的，其实，我们可以使用第三方库 react-testutils-additions 来拓展我们的测试方法。本文将介绍如何使用 react-testutils-additions 来提高我们的单元测试效率。
安装
使用 npm 安装：
npm install react-testutils-additions --save-dev
使用方法
这里以使用 enzyme 的 shallow 方法为例。
首先，导入 react-testutils-additions：
import { addMatchers } from 'react-testutils-additions';
然后，我们就可以通过 addMatchers 方法来添加我们所需要的 matcher，这里以 toHaveClassName 和 toHaveStyle 为例：
-- -------------------- ---- ------- ------------- ----------------------- --------- - ----- ------- - ------------ ----- --------- - --------- ----- --------------- - -------------------------- ----- ---- - ----------------------- --------------------- -- -- -- ------ - ------ - -------- -- -- --------- -------------------- --- -- ------- ---------------- ----- ----- -- - ---- - ------ - -------- -- -- --------- -------------------- -- ------- ---------------- ----- ------ -- - -- ------------------- --------- - ----- ------- - ------------ ----- ----- - --------- ----- ----------- - ---------------------- ----- ---- - --------------------------- -- ---------- --- ------------------ -- ------ - ------ - -------- -- -- ------- --------- --- --- ------- ----- ------ -- - ---- - ------ - -------- -- -- ------- --------- --------- ----- ----- -- - -- ---展开代码
接下来，我们就可以在我们的测试代码中使用这些 matcher 了，以下示例是使用前面所述 matcher 的例子：
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ------- - ---- --------- -------------- ---- -- -- - ----------- --- --------- ---- ----- ------- -- -- - ----- ------- - ------------ ---- --------------------------------------- --- ------- ----- ---------- -------- ------------------ --- -- --- ------- -------- -- -- - ----- ------- - ------------ ---- ----------------------------- ------ ------ ---------------- ------- --- --- ---展开代码
结尾
react-testutils-additions 这个库拓展了我们单元测试的方法，使我们可以更加高效地进行 React 开发。本文通过案例详解了其使用方法，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/204378
