如何在React无状态功能组件中测试道具？

Question

使用Jest和Enzyme，我试图测试我的Logo组件是否接收正确的道具（ id ， height ， width ， active ， disableTransparency ）。

我尝试创建一个实例（ wrapper.instance() ），但是此方法返回null。 我还尝试了wrapper.getElement().props ，这返回了呈现组件的props。

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

您是否尝试过wrapper.props() ？ 这就是我通常在使用酶时获得组件道具的方式。