只是开始了一个最初的React项目,并想测试Jest测试框架的功能。为了准备这些测试,我采取了一些措施:
npm install --save-dev jest
npm install --save react-test-renderer
"test":"jest"
添加到了我的"scripts"
中。我正在尝试对App组件进行快照测试。这是我的代码的组件和单元测试:
//App.js
import React, { Component } from 'react';
import Window from './Window/Window';
import './App.css';
class App extends Component {
constructor(props) {
super(props);
}
render() {
return (
<h1> Hello World </h1>
);
}
}
export default App;
//App.spec.js
import React from 'react';
import renderer from 'react-test-renderer';
import App from './App';
describe('App', () => {
test('snapshot renders', () => {
const component = renderer.create(<App/>);
let tree = component.toJSON();
expect(tree).toMatchSnapshot();
});
});
我尝试重新安装上述所有软件包,但并没有真正改变任何内容。