如果在react单元测试的return语句中未采用路径

Question

我得到的消息是；如果未采取路径"；对于i应用保存条件&根据id未定义的情况更新操作。请指导我如何编写id未定义或未定义的测试用例&还包括退货声明。

我应用两个更新&单击按钮即可添加数据操作，因此如果id为null或未定义，我将应用条件，而不是执行saveCampaignGroup()保存数据操作。如果id不为null或未定义，则与else条件updateCampaignGroup(id)相比；动作执行。

{(() => {
if (id === undefined || id === '') {
return (
<Wizard.Step
title="Review and save"
isValid={true}
actions={{
primary: {
label: 'Complete and save',
onClick: () => {
saveCampaignGroup();
},
},
}}>
<PreviewDetails
details={inputState}
campaigns={selectedCampaigns}
NoCampaignExist={NoCampaignExist}
/>
</Wizard.Step>
);
} else {
return (
<Wizard.Step
title="Review and save"
isValid={true}
actions={{
primary: {
label: 'Complete and save',
onClick: () => {
updateCampaignGroup(id);
},
},
}}>
<PreviewDetails
details={inputState}
campaigns={selectedCampaigns}
NoCampaignExist={NoCampaignExist}
/>
</Wizard.Step>
);
}
})()}

在这张图中，你可以看到默认情况下，其他都被覆盖了，但通过测试用例，我们将id设置为2

Answer 1

所以你必须应用一个：

component.find('#your_button_id').at(0).simulate('click');

对于两个测试场景：一个用于具有有效id道具的组件，另一个用于没有道具的组件。