小编psh*_*hah的帖子

当快照测试(jest快照)连接到redux存储的组件时,我可以导出除连接组件之外的实际组件

// User.js

/* ... */

export class User extends React.Component {/* ... */}

/* ... */

export default connect(mapStateToProps)(User);

在测试文件中,我可以导入实际组件(而不是连接的版本)并对其进行快照测试.

// User.spec.js

import { User } from './User';

/* ... toMatchSnapshot() testing */

但是当连接组件嵌套在另一个连接组件中时,我遇到了问题.例如,假设User组件嵌套在另一个连接的组件中 -

// Wrapper.js

import User from './User'; // importing the connected version

/* ... */

export class Wrapper extends React.Component {

  /* ... */

  render() {
    return (
      <div>
        /* ... */
        <User />
      </div>
    );
  }
}

export default connect(mapStateToProps)(Wrapper);

Wrapper我以同样的方式运行快照测试时 …