React Unit Test: Shallow Rendering with Enzyme

unit.jsx

import React from 'react';
import expect from 'expect';
import { shallow } from 'enzyme';

export const NameComponent = ({ name }) => <span>Hello {name}!</span>;

describe('name component', () => {
  it('should render the name', () => {
    const wrapper = shallow(<NameComponent name="foo" />);
    expect(wrapper.type()).toBe('span');
    expect(wrapper.props().children).toEqual([ 'Hello ', 'foo', '!' ]);
  });
});