使用jest

时间:2018-03-05 16:51:18

标签: javascript reactjs unit-testing jestjs

我需要编写一个测试来测试相应的子组件是否基于prop进行渲染。

为此,我得到了一个在某种条件下呈现子组件的组件。其他子组件在没有任何条件检查的情况下呈现。

为此,在我的父组件中,我收到了一个道具' renderChild'。

如果' renderChild'是的,然后渲染子组件。

例如,在我的ReactJS中,在ParentComponent中:

return {
    <div>
    { props.renderChild && <ChildComponent {...childProps} /> }
        <ChildComponent2 {...childProps2 } />
    </div>
}

现在,这是我写过的测试:

const parentProps = {
    renderChild: true;
    name: "parent",
    message: "Hello Parent"
};

const childProps = {
  name: "child1",
  message: "Hello child1"   
};


test('childComponent should be rendered if renderChild is true', () => {
    const childComponent = shallow(<ChildComponent {...childProps} />);
    expect(childComponent).toMatchSnapshot();
});

你能帮助我实现这个目标吗?

0 个答案:

没有答案