带有酶的自定义 Jest 序列化程序答案

【问题标题】：Custom Jest Serializer with Enzyme带有酶的自定义 Jest 序列化程序
【发布时间】：2017-06-30 17:00:48
【问题描述】：

是否有任何示例说明如何使用 Enzyme 的 shallow 渲染函数获取组件并将其序列化为更具可读性的快照？

我查看了addSnapshotSerializer 的文档并尝试查看enzyme-to-json 的代码，但运气不佳。

最后我想出了一些变化，

expect.addSnapshotSerializer({
        test: v => true,
        print: (v, s) => Object.keys(s)
      });

但这也没有让我走得太远。

怀疑我找错树了！

【问题讨论】：

标签： jestjs enzyme

【解决方案1】：

你试过https://github.com/rogeliog/jest-serializer-enzyme吗？

jest-serializer-酶

这是一个由酶到json支持的酶序列化程序，我建议查看酶到json的实现细节

安装它

npm install --save-dev jest-serializer-enzyme 将它添加到你的 jest 配置

"jest": { "snapshotSerializers": ["/node_modules/jest-serializer-enzyme"] } 更多关于 Jest 的 snapshotSerializer 配置在这里。

【讨论】：

【解决方案2】：

尝试使用 enzyme-to-json 快照测试您的 Enzyme 包装器。

【讨论】：