Нашел такое решение, кто из знатоков, поправьте если что не так и как тогда сделать правильнее:
из пакета 'react-test-renderer' импортирую:
import ShallowRenderer from 'react-test-renderer/shallow'
Из компонента импортирую обычным экспортом не обернутый в HOC компонент
import { Profile } from '../Profile';
И теперь для снепшота не происходит глубокого рендера:
it('Profile renders snapshot', () => {
const renderer = new ShallowRenderer();
const result = renderer.render(<Profile />);
expect(result).toMatchSnapshot();
});
Еще один вариант для работы с MobX и декораторами:
Если компонент обернут в inject, то способ выше сделает бесполезный снимок. Чтобы сделать сделать нормальный снимок компонента, делаем так:
it('ProfileMainInfo renders snapshot', () => {
const renderer = new ShallowRenderer();
const result = renderer.render(<ProfileMainInfo.wrappedComponent {...props} />);
expect(result).toMatchSnapshot();
});
То есть - обращаемся к свойству wrappedComponent в нем лежит оборачиваемый компонент
Простой
