Тестирование моментальных снимков с помощью рендерера
Я пытаюсь создать тестовый пример для компонента 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
,