如何在React的render（）中对定义为const的函数进行单元测试？

Question

If I have a function defined in render(), how can I add a unit test for it?

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>
   )
  }
}

How can I test the ConditionalWrapper function defined in render() with jest?

Answer 1

I don't think it is possible. You have to move it outside the render method if you think of unit testing it. Indirect way is get the snapshots and look for certain key terms that would be created based on the condition.