Reactjs 用React和Jest解决基本测试的故障
我用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
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