react-native 56.0 更新：快照测试不同答案

【问题标题】：react-native 56.0 update: snapshot tests differentreact-native 56.0 更新：快照测试不同
【发布时间】：2018-08-22 11:01:22
【问题描述】：

在我将一个简单项目中的 react-native 版本升级到 react-native 56.0 后，我的快照看起来不同了。我没有发现任何暗示这在新版本中应该有所不同（也许是这样）。

我不得不解决另一个问题（据说是 babel 7）并将 react-native 转换器添加到我的 jest 配置中：

"transform": {
    "^.+\\.js$": "<rootDir>/node_modules/react-native/jest/preprocessor.js"
},

我以前不必这样做。无论如何，我的快照看起来不同，而不是<Text>-Nodes，它只呈现<Component>-Nodes。这使得差异看起来很像这样：

-   </Text>
-   <Text
-     accessible={true}
-     allowFontScaling={true}
-     ellipsizeMode="tail"
+   </Component>

有人暗示为什么会发生这种情况，或者是否应该发生这种情况？我应该更新我的快照还是我需要解决的问题？

谢谢！

【问题讨论】：

【解决方案1】：

您是否也将jest 和babel-jest 升级到了23.x 版本？这个版本的 jest 通过排除没有设置值的 props 来更改快照结果，但它不应该更改 JSX 中组件的类型。确保您的 jest 依赖项与 React Native 0.56 的包中指定的相同。

此外，要解决开玩笑的预处理器问题，请尝试在您的 babelrc 之外添加一个 babel.config.js。这让我们可以继续在转换中使用babel-jest。

【讨论】：

谢谢。起初我没有更新jest 或babel-jest，但尝试更新相同的结果。我也遇到了babel.config.js，但它没有解决任何问题，我仍然需要转换声明。