тестирование снимков с помощью рендерера

Question

Я пытаюсь создать тестовый набор для компонента App, который имеет следующие поставщики.

• Поставщик магазина
• Поставщик перевода
• redux-persist
• Маршрутизатор

Я пытаюсь отобразить приложение в определенном состоянии, чтобы обеспечить отображение того же приложения.Тестовый пример пройден, но в качестве моментального снимка я получаю следующее:

// 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 не равен нулю и содержит отрендеренный компонент.Но я не вижу, чтобы это было записано в снимке.

npm версии пакета

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

Jest doc

Answer 1

Мне удалось решить проблему, используя метод .toTree(), доступный в react-test-renderer вместо toJSON().

toMatchSnapshot() шутки, кажется, принимает только ReactTestRendererTree в сравнении с ReactTestRendererJSON.