Reactjs 用React和Jest解决基本测试的故障

Reactjs 用React和Jest解决基本测试的故障,reactjs,jestjs,Reactjs,Jestjs,我用React和Jest设置了一个基本测试。由于某种原因,它似乎失败了 import React from 'react'; import ReactDOM from 'react-dom'; import TestUtils from 'react-addons-test-utils'; // import App from '../src/client/app.jsx'; const App = (props) => ( <div>Hello world</di

我用React和Jest设置了一个基本测试。由于某种原因,它似乎失败了

import React from 'react';
import ReactDOM from 'react-dom';
import TestUtils from 'react-addons-test-utils';
// import App from '../src/client/app.jsx';

const App = (props) => (
  <div>Hello world</div>
);

it('App renders hello world', () => {
  const app1 = TestUtils.renderIntoDocument(<App />);
  const appNode = ReactDOM.findDOMNode(app1);
  console.log(app1, appNode);
  expect(appNode.textContent).toEqual('Hello world');
});
当打印到控制台时,app1和appNode都为空。有什么帮助吗

截图如下:

:

建议的解决方案是将组件包装在另一个组件中 组件,例如DIV

const app1 = TestUtils.renderIntoDocument(<div><App /></div>); // this should work