Version 3.0 (Enzyme 3 and React 16 compatibility) about enzyme-to-json

[adriantoine]

Thanks for your messages! v3.0.0 has been released, please report any bugs as soon as you find them! 😄

[adriantoine]

That's nice, I'll arrange a release of enzyme-to-json in the evening!

[kirill-kruchkov]

@adriantoine hello! Looks like Enzyme 3 is released: https://github.com/airbnb/enzyme/releases/tag/enzyme%403.0.0

[fernandopasik]

React 16 is out as well
facebook/react@5c6ef40

[fernandopasik]

Thanks for the hard work @adriantoine !!!

[adriantoine]

The output mapping feature I'm working on is working in the way that you can pass a map function in the options and this function will take the JSON as only parameter and can return a modified version of this JSON object.

For example:

const shallowed = shallow(
  <div randomlyGeneratedKey={Date.now()} className="wrapper">
    <strong randomlyGeneratedKey={Date.now()}>Hello!</strong>
    <strong className="strong2">Hello 2</strong>
  </div>,
);

expect(
  shallowToJson(shallowed, {
    map: json => ({
      ...json,
      props: omit(json.props, 'randomlyGeneratedKey'),
    }),
  }),
).toMatchSnapshot();

Here map is an arrow function which will remove all props called notInSnapshot, so the snapshot would be:

<div
  className="wrapper"
>
  <strong>
    Hello!
  </strong>
  <strong
    className="strong2"
  >
    Hello 2
  </strong>
</div>

and if you want to remove all attributes:

expect(
  shallowToJson(shallowed, {
    map: json => ({
      ...json,
      props: {},
    }),
  }),
).toMatchSnapshot();

outputs:

<div>
  <strong>
    Hello!
  </strong>
  <strong>
    Hello 2
  </strong>
</div>

You can also change the children of a component, return null if you don't want a component to be in your snapshots, etc...

[adriantoine]

Beta 2 has been published with most of the items from the list addressed.

[adriantoine]

The map feature has now been released in v3.0.0-beta4.