shallow-test-fragments.spec.jsx

describe('<Fragments Rendering/>', () => {
  test('React 16 - fragments render', () => {
    const Fragments = () => [
      <li key="1">First item</li>,
      <li key="2">Second item</li>,
      <li key="3">Third item</li>,
    ]

    const wrapper = shallow(<Fragments />)
    expect(wrapper).toMatchSnapshot()
  })

  test('React 16 - normal render', () => {
    const Fragments = () => (
      <ul>
        <li key="1">First item</li>
        <li key="2">Second item</li>
        <li key="3">Third item</li>
      </ul>
    )

    const wrapper = shallow(<Fragments />)
    expect(wrapper).toMatchSnapshot()
  })
})


// Result
exports[`<Fragments Rendering/> React 16 - fragments render 1`] = `
Array [
  <li
    key="1"
  />,
  <li
    key="2"
  />,
  <li
    key="3"
  />,
]
`;

exports[`<Fragments Rendering/> React 16 - normal render 1`] = `
<ul>
  <li
    key="1"
  >
    First item
  </li>
  <li
    key="2"
  >
    Second item
  </li>
  <li
    key="3"
  >
    Third item
  </li>
</ul>
`;