Snap does not contain object content

[trollepierre]

Version

1.0.0-beta.22

Reproduction link

https://codesandbox.io/s/xr39rzv50z

Steps to reproduce

Have a child component passing a prop that is an array and generate snapshot

<child-component :myprop="{toto: 'toto', something: true}"/>

What is expected?

<childcomponent-stub
  myprop="{toto='toto', something: true}"
/>

What is actually happening?

<childcomponent-stub
  myprop="[object Object]"
/>

[dcrystalj]

not sure but both tickets (this and linked) are closed, without resolution

[TheJaredWilcurt]

@trollepierre @dcrystalj

There is an experimental feature in jest-serializer-vue-tjw that will allow for this:

• https://github.com/tjw-lint/jest-serializer-vue-tjw#usage-and-migrating-from-v2-to-v3

You would need to enable the experimental feature in your vue.config.js.

module.exports = {
  pluginOptions: {
    jestSerializer: {
      stringifyObjects: true
    }
  }
};

With that enabled you can easily opt-in or out of the experimental feature on a per-snapshot basis:

test('Assuming stringifyObjects is enabled', () => {
  const wrapper = shallowMount(YourComponent);

  expect(wrapper)
    .toMatchSnapshot('This will stringify objects');

  expect(wrapper.html())
    .toMatchSnapshot('Use .html() to opt out of stringify objects');
});