reactjs - 如何使用 jest 测试 fetch post 请求

Question

如何使用 jest 模拟 fetch 语句

export default function Login() {
  function LoginUser() {
    const requestOptions = {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        Accept: 'application/json',
      },
      body: JSON.stringify({ username: username, password: password }),
    };
    fetch('http://localhost:8080/post', requestOptions)
      .then((response) => {
        if (response.status === 200) {
          console.log('succesfull');
        } else {
          throw new Error('Invalid credentials');
        }
      })
      .catch((err) => {
        console.log(err);
      });
  }

  <Button
    block
    size='lg'
    type='submit'
    onClick={LoginUser}
    disabled={!validateForm()}
  >
    Login
  </Button>;
}

上面的代码应该在单击登录用户时使用模拟笑话进行单元测试，该功能是获取发布请求。