问题描述
我有一个 React 组件,它接收一个可选的 onApply
道具,如下所示:
export default function App({ onApply }) {
const handleApply = () => {
if (onApply) onApply();
};
return <button onClick={handleApply}>Apply</button>;
}
我正在尝试编写一个测试,如果该道具尚未提供给组件,则该测试断言该道具是否未被调用。以下是我测试的当前代码:
describe("<App />",() => {
it("should not apply if no `onApply` prop provided",() => {
const wrapper = mount(<App />);
// expect ???;
});
});
我的问题是:我怎样才能测试这种行为,因为 onApply
必须是一个假值,所以不能被窥探(如 Simon's stub docs)?
我的测试堆栈是 Enzyme、Chai 和 Sinon。
此外,我检查了 this 答案,这是我发现的最相似的问题,但该问题中的建议是检查 onApply
是否在这种情况下为假,什么是多余的,因为我知道是当我通过 props 传递它时。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)