TestUtils.renderIntoDocument返回null，如果声明为匿名函数

Question

我的代码2个变种：

FIRST（声明为类）：

export default class COMPONENT_NAME extends React.Component{ 
    constructor(props){ 
    super(props); 
    this.props = props; 
    } 
    .... 
    render =() => <div className="clName"></div> 
} 

SECOND（声明为匿名函数）：

export default (props) => <div className="clName"></div> 

JEST CODE：

jest.dontMock('../js/components/COMPONENT_NAME/index'); 
const COMPONENT_NAME = require('../js/components/COMPONENT_NAME/index.js').default; 
var loaderComponent; 
... 
... 
function renderComponent() { 
    loaderComponent = TestUtils.renderIntoDocument(
    <COMPONENT_NAME /> 
    ); 
} 

为什么测试只适用于第一种情况？

在第二种情况下renderIntoDocument返回null。 我找不到任何有关它的信息。

所以现在的问题是 - 不支持JEST渲染匿名函数？

Answer 1

尝试改变

jest.dontMock('../js/components/COMPONENT_NAME/index'); 

到

jest.unmock('../js/components/COMPONENT_NAME/index'); 

Answer 2

它传递给TestUtils.renderIntoDocument功能时，你应该换你的功能成分div：

function renderComponent() { 
    loaderComponent = TestUtils.renderIntoDocument(
     <div> 
      <COMPONENT_NAME /> 
     </div> 
    ); 
}