How do I test props in a React stateless functional component?

Question

With Jest and Enzyme, I am trying to test that my Logo component receives the right props ( id , height , width , active , disableTransparency ).

I have tried creating an instance ( wrapper.instance() ), but this returns null. I have also tried wrapper.getElement().props , and this returns the props for the components rendered.

const Logo = ({id, height, width, active, disableTransparency}) => (
    <Svg x='0px' y='0px' height={height} width={width} viewBox='0 0 1000 1000'>
        {(active) && <Gradient id={id}/>}
        {(disableTransparency) && <Underlay/>}
        <Overlay id={id} active={active}/>
    </Svg>
);

Answer 1

Have you tried wrapper.props() ? This is how I typically get at a component's props when using Enzyme.