reactjs - 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 组件中是一种好习惯吗？如果没有，应该有什么更好的方法？

• 如果可以这样做，如何进行快照测试？

标签： reactjsreact-reduxjestjs

Answer 1

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