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

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

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

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

Шутка док

1 ответ

Решение

Я смог решить проблему с помощью .toTree() метод доступен в react-test-renderer вместо toJSON(),

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

Другие вопросы по тегам