Reactjs 我的酶快照测试结果为空

我对React中的酶测试还不熟悉，我的快照测试结果是空快照

我有以下测试代码：

import React from 'react';
import Adapter from 'enzyme-adapter-react-16';
import { shallow, configure } from 'enzyme';

import { Button } from '../src/components/common/Button/Button';

configure({ adapter: new Adapter() });

describe('Button', () => {
  it('should be defined', () => {
    expect(Button).toBeDefined();
  });

  it('should render correctly', () => {
    const tree = shallow(<Button />);
    expect(tree).toMatchSnapshot();
  });
});

我做错了什么？

我的解决方案

import React from 'react';
import Adapter from 'enzyme-adapter-react-16';
import { configure, mount } from 'enzyme';
import { shallowToJson } from 'enzyme-to-json';

import { Button } from '../src/components/common/Button/Button';

configure({ adapter: new Adapter() });

describe('Button', () => {
  it('should be defined', () => {
    expect(Button).toBeDefined();
  });

  it('should render correctly', () => {
    const tree = mount(<Button />);
    expect(shallowToJson(tree)).toMatchSnapshot();
  });
});

从“React”导入React；
从'enzyme-Adapter-react-16'导入适配器；
从“酶”导入{configure，mount}；
从'enzyme to json'导入{shallowToJson}；
从“../src/components/common/Button/Button”导入{Button}；
配置（{adapter:newadapter（）}）；
描述（'按钮'，（）=>{
它（'应该定义'，（）=>{
expect（按钮）.toBeDefined（）；
});
它（'应该正确呈现'，（）=>{
常量树=mount（）；
expect（shallowToJson（tree））.toMatchSnapshot（）；
});
});

您不需要例如

shallowToJson

@Jornsharpe yes最终用它来修复它！

import React from 'react';
import Adapter from 'enzyme-adapter-react-16';
import { configure, mount } from 'enzyme';
import { shallowToJson } from 'enzyme-to-json';

import { Button } from '../src/components/common/Button/Button';

configure({ adapter: new Adapter() });

describe('Button', () => {
  it('should be defined', () => {
    expect(Button).toBeDefined();
  });

  it('should render correctly', () => {
    const tree = mount(<Button />);
    expect(shallowToJson(tree)).toMatchSnapshot();
  });
});