简介
@jmfirth/design-test-harness 是一个基于 React 和 Jest 的自动化测试工具。它提供了一个测试套件，帮助我们快速测试设计元素和组件库，以便在构建新组件和迭代设计时快速发现问题。
安装
我们可以使用 npm 或者 yarn 安装该工具：
npm install --save-dev @jmfirth/design-test-harness 或者 yarn add --dev @jmfirth/design-test-harness
接下来，我们需要在我们的项目中创建一个 src/setupTests.js 的文件，并添加如下代码：
import '@jmfirth/design-test-harness';
现在就可以开始使用该工具进行测试了。
使用
首先，我们需要编写一个测试用例。例如，我们需要测试一个名叫 “Button” 的组件，该组件接收一个 text 属性。我们可以创建一个测试文件 src/Button.test.js，并添加如下代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- - ---- ---------
------ - ------ - ---- ---------------------- -- -------
------ - ------------- - ---- -------------------------------
------------------ -- -- -
--------------------- -
----- ------ ---- -- -- ---- --
-------- ---------- -- ------
---
---接下来，我们需要在终端中运行 Jest 命令，以运行测试：
npm run test 或者 yarn test
此时，我们就可以看到测试结果了。如果我们的按钮库无法通过这些测试，我们就需要回到代码中查找问题了。
总结
在本文中，我们介绍了如何使用 @jmfirth/design-test-harness 来测试你的组件库。该工具提供了一个方便而快捷的方式，帮助我们在设计和开发过程中及时发现问题，从而提高我们的开发效率。在开发新组件时，我们建议优先考虑进行测试，从而保证组件的质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc6967216659e244431