Jest 快照为每个测试文件返回相同的代码答案

【问题标题】：Jest snapshots return the same code for every tested fileJest 快照为每个测试文件返回相同的代码
【发布时间】：2019-09-03 05:34:03
【问题描述】：

我正在运行带有快照的开玩笑酶测试。快照文件是正确生成的，但是它们的内容基本上是：

// Jest Snapshot v1, https;//link
exports[`Component1 should match snapshot 1`] = `ReactWrapper {}`;
         ^^^^^^^^ <-- only component name is changing

对于每个测试的文件，即使测试的文件具有复杂的逻辑和 400 多行代码。

为什么会这样？整个代码在哪里？

it('should match snapshot', () => {
  const component = mount(<Component1 />);

  expect(component).toMatchSnapshot();
});

【问题讨论】：

请在渲染组件的地方添加代码进行测试。
@jmargolisvt 已添加
尝试使用shallow 而不是mount。
@jmargolisvt 除了将ReactWrapper 更改为ShallowWrapper 之外没有任何变化
这似乎相关：stackoverflow.com/questions/54419342/… 我正在查看我自己的测试，似乎需要酶到 JSON 包才能使用 Jest 创建有用的快照。

标签： javascript reactjs jestjs enzyme

【解决方案1】：

我正在查看自己的测试，似乎需要 enzyme-to-json 包来使用 Jest 创建有用的快照。这将序列化您的数据以供 Jest 使用。

【讨论】：