最初的Jest <App />快照测试失败

时间:2020-04-29 04:57:07

标签: reactjs unit-testing jestjs snapshot react-test-renderer

只是开始了一个最初的React项目,并想测试Jest测试框架的功能。为了准备这些测试,我采取了一些措施:

  • npm install --save-dev jest
  • npm install --save react-test-renderer
  • 在package.json中将"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();
    });
  });

运行npm测试后,出现以下错误消息。enter image description here

我尝试重新安装上述所有软件包,但并没有真正改变任何内容。

0 个答案:

没有答案