javascript - 如何对 React 中 render() 中定义为 const 的函数进行单元测试？

Question

如果我在 render() 中定义了一个函数，如何为其添加单元测试？

export class Foo extends React.Component {
  componentDidMount() {
   ...do something...
  }

  render() { 
   const ConditionalWrapper = ({ condition, wrapper, children }) =>
      condition ? wrapper(children) : children;

   return (
     <ConditionalWrapper condition={...} wrapper={children => <div> {children} </div>}>
        <...>
     </ConditionalWrapper>
   )
  }
}

如何使用 jest 测试 render() 中定义的条件包装函数？

Answer 1

我认为这是不可能的。如果您考虑对其进行单元测试，则必须将其移至渲染方法之外。间接方式是获取快照并查找根据条件创建的某些关键术语。