Jest snapshots return the same code for every tested file

Question

Im running jest enzyme tests, with snapshots. The snapshot files are generated correctly, however their content is basically:

// Jest Snapshot v1, https;//link
exports[`Component1 should match snapshot 1`] = `ReactWrapper {}`;
         ^^^^^^^^ <-- only component name is changing

for every tested file, even if tested files have complicated logic and 400+ lines of code.

Why does it happen? Where's the whole code?

it('should match snapshot', () => {
  const component = mount(<Component1 />);

  expect(component).toMatchSnapshot();
});

Please add the code where you render the component for test. — jmargolisvt, Apr 12 '19 at 12:45
@jmargolisvt nothing changed except for `ReactWrapper` into `ShallowWrapper` — Patrickkx, Apr 12 '19 at 12:59
This seems related: https://stackoverflow.com/questions/54419342/jest-enzyme-shallowwrapper-is-empty-when-creating-snapshot I'm looking at my own tests and it seems the enzyme-to-json package is needed to create useful snapshots with Jest. — jmargolisvt, Apr 12 '19 at 13:09

score 1 · Accepted Answer · answered Apr 12 '19 at 14:31

1

I'm looking at my own tests and it seems the enzyme-to-json package is needed to create useful snapshots with Jest. This will serialize your data for use with Jest.

answered Apr 12 '19 at 14:31

jmargolisvt

5,722
4
29
46

Jest snapshots return the same code for every tested file

1 Answers1