使用react-test-renderer进行快照测试

Question

我正在尝试为App组件创建一个包含以下提供程序的测试用例。

• 商店提供商
• 翻译提供商
• 终极版-持续
• 路由器

我试图渲染某个状态的应用，以确保渲染相同的应用。测试用例通过，但我得到以下快照。

// Jest Snapshot v1, [link to jest docs]

exports[`This should Render App 1`] = `null`;

exports[`This should Render App 2`] = `null`;

我的测试用例是这样的，

const component = renderer.create(
         <App store={store} persistor={persistor} />,
  );
  let tree = component.toJSON();
  expect(tree).toMatchSnapshot();

tree不为null且具有呈现的组件。但我不认为这是用快照写的。

npm包版本

"jest": "^22.4.4",
"react-test-renderer": "^16.4.0",

Jest doc

Answer 1

我可以使用.toTree()中提供的react-test-renderer方法代替toJSON()来解决此问题。

toMatchSnapshot()的jest似乎只接受与ReactTestRendererTree相关联的ReactTestRendererJSON。