expose simple components along side your wrapped components
When exporting your components it's easy to export multiple version of the same component each one wrapped in different HoCs. This is a usful strategy for testing.
import pure from 'recompose/pure';
export const Legend = ({title, numTicks, timeElapsed}) =>
<div className="info">
<h3>{title}</h3>
<ul>
<li>Ticks Rendered: {numTicks}</li>
<li>Elapsed Time: {timeElapsed}</li>
</ul>
</div>
const PureLegend = pure(Legend);
export default PureLegend;
And import when testing the base component:
import { Legend } from './components/Lengend';