react生态下快照测试如何做？

React 16 Jest快照测试 项目初始化 git clone https://github.com/durban89/webpack4-react16-reactrouter-demo.git cd webpack4-react16-reactrouter-demo git fetch origin git checkout v_1.0.24 npm install 只要想确保UI不会意外更改，快照测试是非常有用的工具。

移动应用程序的典型呈现UI组件快照测试用例，通过截取屏幕截图，然后将其与存储在测试这边的参考图像进行比较。

如果两个图像不匹配，测试将失败，可能是被意外的更改了，或者需要将屏幕截图更新为新版本的UI组件。

Jest快照测试

在测试React组件时，可以采用类似的方法。 可以使用测试渲染器快速生成React树的可序列化值，而不是渲染需要构建整个应用程序的图形UI。

下面做一个简单的Link组件的示例测试： 测试之前先安装下react-test-renderer依赖库