为什么要在快照中渲染对象 JSON？

对于一个组件

我测试为

我的快照是使用对象 json 信息生成的。

key": "o0ynpg",每次测试都会产生一些诸如此类的问题。所以我的快照总是失败。

<Person />如果组件完全呈现但仅在<Loading />完成后（即在成功的 Ajax 调用之后）呈现，您如何测试组件（在这种情况下）？

我正在使用 Jest 和 Enzyme。然而，使用 Enzyme，快照将是带有 Loading 组件的 Person，而不是 Ajax 调用之后的最终呈现状态。我需要模拟我的 Ajax 调用，但是模拟然后拍摄快照会是什么样子？

酶快照测试（需要修饰）：

最后，像this.setState({personID: value})在测试中设置这样的解决方法不是我想要的，因为在真正的未发布场景中，componentWillMount执行 Ajax 调用来验证用户身份。目前，这被推送到错误页面。

我正在使用 Jest 和 Enzyme 对我的 React 应用程序进行快照测试。我正在尝试导出未包装在更高阶组件中的组件的可测试版本。

然后我想导出包装的组件，以便我的应用程序可以使用它，以及一个可测试的版本，即我的组件的非包装版本。

这是我的组件：

导航栏.jsx

导航栏.test.js

以上生成的快照如下所示：

我真的不明白为什么它仍然试图渲染 HOC？

我将开玩笑的快照比较与酶安装渲染结合使用。是否可以定义从深度渲染中排除的组件列表？

我刚刚注意到我正在处理的一个项目中，快照输出没有通过颜色传输到终端。Jest 框架通常有颜色。所以我很困惑：

它应该是什么样子

这是相关软件包的列表：

这是jest.config.js

和setupTestFramework文件：

任何想法将不胜感激。

更新：适用于单个文件

输出彩色快照：

yarn test <filepath>

不输出彩色快照：

yarn test

（我的yarn test命令是NODE_PATH=\"./src\" jest --colors）

我有一个简单的测试，用酶来浅化 styled.div``，里面有一些 css。但是快照中没有className

这是快照：

我所期望的是<div className>，但我有 styled.div

我试图找到解决方案如何避免 Jest 快照中的整个主题对象。

例如，我得到了这个简单的测试。

结果.js

快照看起来像：

有可能以某种方式避免在快照中使用shallow. 因为如果我在主题中更改一些颜色会很烦人，所以在许多其他地方测试会失败。

我在 react-native 上运行 jest test 并得到以下错误

测试套件无法运行

当我在 react-native 应用程序中运行 jest 测试时，有人可以帮助我为什么会出现这个错误。我已经更新了几个开发依赖项，但没有运气。

我是 react 测试的新手，我为复选框创建了一个简单的测试：

测试可以正常工作，但它会在代码本身内部生成快照，而不是在快照文件夹中的单独文件中。我做错了什么？

我不知道为什么我shallowWrapper在运行快照测试时得到空对象，我正在使用Jest和Enzyme：

我在App.test.js.snap文件中得到什么：

我的package.json文件：

App.test.js文件

setupTests.js文件：

为什么我得到那个空shallowWrapper对象，经过一番搜索，我怀疑是 jest 的版本，但即使降级也没有解决它。