TestUtils.renderIntoDocument return null, wenn sie als anonyme Funktion erklärt

Question

Ich habe 2 Varianten Code:

FIRST (als Klasse deklarieren):

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

SECOND (erklären als anonyme Funktion):

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

Warum Test funktioniert nur im ersten Fall? Im zweiten Fall renderIntoDocument zurückgeben Null Ich kann keine Informationen darüber finden.

Die Frage ist also - unterstützt JEST die Darstellung von anonymen Funktionen?

Answer 1

versuchen

Ändern

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

zu

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

Answer 2

Sie sollten Ihre funktionale Komponente in div wickeln, wenn es um TestUtils.renderIntoDocument Funktion übergeben:

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