reactjs - 在 Sagas 测试中没有调用我的模拟函数

原文 标签 reactjs react-native testing jestjs saga

我正在尝试用 Jest 测试 Sagas,但我无法让 Sagas 调用 loginApi 模拟函数,看来它正在调用实际函数。有人可以帮我弄这个吗?

这就是我的传奇:

export async function loginApi(user) {
  return await api.post('/auth/customers/login', {
    email: user.email, //customer1@mi.me
    password: user.password, //12345678
  });
}

// Saga function that handles the side effect when the loginWatcher is triggered
export function* loginActionEffect(loginAction) {
  //console.tron.log('login Action Effect');

  try {
    const response = yield call(loginApi, loginAction.user);
    // console.log('response:' + response);

    yield AsyncStorage.setItem('access_token', response.data.access_token);
    yield put(LoginActions.setLogin(loginAction.user));
    yield put(LoginActions.setError(''));
  } catch (e) {
    //console.log('problema com o login!');
    yield put(LoginActions.setError('Email ou senha incorretos!'));
  }
}

那是我的测试:
it('should receive token in case of success', async () => {
    const mockToken = {token: 'kaajfalkfjlaniurvayeg'};
    const loginApi = jest.fn().mockImplementation(() => Promise.resolve(mockToken));
    const dispatched = [];

    const result = await runSaga(
      {
        dispatch: action => dispatched.push(action),
      },
      loginActionEffect,
    );

    expect(loginApi).toHaveBeenCalled();
    expect(dispatched).toContainEqual(Creators.setLogin());
    expect(dispatched).toContainEqual(Creators.setError());
    loginApi.mockClear();
  });

这就是我的测试结果:
expect(jest.fn()).toHaveBeenCalled()

Expected number of calls: >= 1
Received number of calls:    0

  21 |     );
  22 | 
> 23 |     expect(loginApi).toHaveBeenCalled();
     |                      ^

最佳答案

runSaga返回 Task对象不是 Promise所以你需要调用toPromise

const result = await runSaga(
  {
    dispatch: action => dispatched.push(action),
  },
  loginActionEffect,
).toPromise();

PS。您测试 sagas 的方式与推荐的不符。请阅读 docs .正如我在评论中所写。声明式效果的一件很酷的事情是效果执行依赖于解释器。因此,您不需要在测试中实际执行或模拟任何内容。

关于reactjs - 在 Sagas 测试中没有调用我的模拟函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59755276/

相关文章:

javascript - 通过 reac 中的 e.target 从映射的表单中获取值(value)

javascript - 如何在 React 中动态添加一些现有元素之间的新元素?

android - react native adb 反向错误 : more than one device

node.js - 使用 typescript 配置 native react 时出错

ios - 使用 react-native-navigation 将 react native 应用程序与现有的 iOS 应用程序集成

php - 如何在我自己的自定义 Composer 包上添加单元测试?

javascript - 加载带有值的附加配置文件

animation - React - 项目离开 DOM 时的跳跃动画

javascript - react js中的动态路由,无法在路由中分配来自字符串的组件名称

python - Django Selenium 测试,创建用户并检查登录