reactjs - 如何 Jest 模拟 AWS 库

Question

我正在使用“aws-amplify”库中的登录方法。在 Jest 中运行测试用例时，我无法从该库调用signIn方法。

代码:

import { Auth } from "aws-amplify"; // import statement

//code for function
handleSubmit = async event => {
  event.preventDefault();
  this.setState({ isLoading: true });
  try {
    await Auth.signIn(this.state.username, this.state.password);
    this.props.history.push("/dashboard");
  } catch (e) {
    this.setState({ isLoading: false });
  }
}

测试文件:

it('calls event handler; "handleSubmit"', async()  => {   
    const componentInstance = Wrapper2.dive().instance();

    componentInstance.setState({
        isLoading : false,
        username : "demo",
        password : "demo"
    })
    const event = {
        preventDefault : () => {}
    };
    await componentInstance.handleSubmit(event);
    expect(componentInstance.state.isLoading).toEqual(true); 
});

在运行上面的测试用例时，它总是进入handleSubmit()函数的catch部分。

如何实现从“aws-amplify”库调用signIn方法并测试正面/负面场景？

指导我，提前致谢。

Answer 1

实现此目的的一种方法是模拟登录函数并使用它。对于测试文件中的导入 Auth

import { Auth } from "aws-amplify";

然后在调用handleSubmit函数之前模拟signIn函数

it('calls event handler; "handleSubmit"', async()  => {   
    const componentInstance = Wrapper2.dive().instance();

    componentInstance.setState({
        isLoading : false,
        username : "demo",
        password : "demo"
    })
    const event = {
        preventDefault : () => {}
    };
    Auth.signIn = jest.fn().mockImplementation(
     () => {
     // return whatever you want to test
    });
    await componentInstance.handleSubmit(event);
    expect(componentInstance.state.isLoading).toEqual(true); 
});