使用 JEST 和 React 測試庫在 Onclick Function 中測試 API 調用

Question

我需要幫助測試 Onclick Function 中的 API 調用

export function functionName (a, b, c){
 const handleValue = async() =>{
 axios.get(url, {method: 'post', body:{a: "a"}};
 }

return <div>
{getvalue &&
<Button Onclick= {handleValue}>Button </Button>}
</div>
}

請幫助我了解如何執行此操作？

Answer 1

您可以使用以下玩笑來模擬您的 API 調用：

import axios from 'axios';

jest.mock('axios');

test('your test name', () => {
  axios.post.mockResolvedValue({data: yourSampleResponsePayload});
  // rest of your test contents such as button click and so on
});