React Unit Test: Shallow Rendering

unit.jsx

import React from 'react';
import expect from 'expect';
import ReactTestUtils from 'react-addons-test-utils';

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

describe('name component', () => {
  it('should render the name', () => {
    const renderer = ReactTestUtils.createRenderer();
    renderer.render(<NameComponent name="foo" />);
    const output = renderer.getRenderOutput();

    expect(output.type).toBe('span');
    expect(output.props.children).toEqual([ 'Hello ', 'foo', '!' ]);
  });
});