jest - 嵌套在 React SFC 组件中时未在快照中生成连接的组件？

Question

我有一个 SFC 组件。最近我有一个功能要添加，最简单的方法就是将我的连接组件嵌套在这个 SFC（无状态功能组件）组件中。

我可以让应用正常运行，但快照测试失败，因为快照中没有生成连接的组件。

日志：

- Snapshot
+ Received
@@ -95,10 +95,12 @@
         >
+
+          <Connect(SomeComponent) />
         </NavLink>
       </div>
     </li>
   </ol>
 </div>

一些组件：

class SomeComponent extends React.Component<IStateProps> {
  public render() {// render code}

function mapStateToProps(state: IRootState): IStateProps {
  return {// code}

export default connect<IStateProps>(mapStateToProps)(SomeComponent);

我对 React 还是很陌生。我不确定在 SFC 中嵌套有状态组件是否有意义，但这样做确实有效。只是测试失败了。

所以我的问题是

• 在 SFC 组件中嵌套有状态组件是否是一种好习惯？如果没有，应该有什么更好的方法？

• 如果这样可以的话，怎么做快照测试？

Answer 1

由于您将组件包装在 connect 中，因此它就像一个开玩笑的新组件。你需要更新你的快照。