我有這個界面:
interface Props {
close: () => void;
disableButton: () => void;
showPrompt: boolean;
pol: string;
}
我正在嘗試在測驗中使用它。我的問題是我不知道該怎么處理closeand disableButton。它們只是傳遞給該類,因此可以更新狀態。我給變數以什么值用于我的shallow?
describe('<Reissue />', () => {
it('calls reissue service', () => {
const close = ???;
const disableButton = ???;
const showPrompt = true;
const pol = '123456';
const wrapper = shallow(<Reissue close={} disableButton={} showPrompt={showPrompt} pol={pol}/>);
});
});
uj5u.com熱心網友回復:
close并且disableButton是函式,因此您應該將函式傳遞給它們,即使是空的空函式 -
const wrapper = shallow(<Reissue close={()=>()} disableButton={()=>()} showPrompt={showPrompt} pol={pol}/>);
uj5u.com熱心網友回復:
此背景關系中的void關鍵字用于指示函式不回傳任何值,因此您可以只使用空閉包() => {}。
如果您正在使用 jest,您也可以使用jest.fn(),它的行為相同,但有利于捕獲有助于您在測驗期間的資訊(例如,該函式被呼叫了多少次)
https://jestjs.io/docs/mock-functions
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/483352.html
標籤:javascript 反应 打字稿
