React native 为什么不是´；运行redux操作的测试时，是否从_mock__;文件夹调用t mock？

我在redux操作中调用react navigation NavigationService。 测试模拟导航功能所需的操作

/app/utils/NavigationService.js

import { NavigationActions } from 'react-navigation';

let navigator;

function setTopLevelNavigator(navigatorRef) {
  navigator = navigatorRef;
}

function navigate(routeName, params) {
  navigator.dispatch(NavigationActions.navigate({
    type: NavigationActions.NAVIGATE,
    routeName,
    params,
  }));
}

// add other navigation functions that you need and export them

export default {
  navigate,
  setTopLevelNavigator,
};

export const loginUser = ({ email, password }) => (dispatch) => {
  dispatch({ type: LOGIN_USER });
  return firebase
    .auth()
    .signInWithEmailAndPassword(email, password)
    .catch((signInError) => {
      dispatch({ type: CREATE_USER, payload: signInError.message });
      return firebase
        .auth()
        .createUserWithEmailAndPassword(email, password)
        .then(async (user) => {
          const userVersionAndType = await dispatch(initUser());
          await dispatch(initWeekplan(userVersionAndType));
          await dispatch(initRecipeLibrary(userVersionAndType));
          return user;
        });
    })
    .then(async (user) => {
      saveCredentials(email, password);
      const userVersionAndType = await dispatch(getUserVersionAndType());
      await dispatch(weekplanFetch(userVersionAndType));
      await dispatch(recipeLibraryFetch(userVersionAndType));
      dispatch(loginUserSuccess({ user, userVersionAndType }));
      NavigationService.navigate('Home');
    })
    .catch(error => dispatch(loginUserFail(error.message)));
};

我在NavigationService.js文件旁边创建了一个

\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu

app/utils/\uuuuuu mocks\uuuuu/NavigationService.js
已更新

const navigate = jest.fn();
const setTopLevelNavigator = jest.fn();

export default {
    navigate,
    setTopLevelNavigator,
};

jest.mock('../../app/utils/NavigationService'); //at the top directly behind other imports

it('should call firebase on signIn', () => {
    const user = {
      email: 'test@test.com',
      password: 'sign',
    };

    const expected = [
      { type: types.LOGIN_USER },
      { payload: 1, type: types.DB_VERSION },
      { payload: 'prod', type: types.USER_TYPE },
      { payload: { name: 'data' }, type: types.WEEKPLAN_FETCH_SUCCESS },
      { payload: { name: 'data' }, type: types.RECIPELIBRARY_FETCH_SUCCESS },
      {
        payload: { user: { name: 'user' }, userVersionAndType: { dbVersion: 1, userType: 'prod' } },
        type: types.LOGIN_USER_SUCCESS,
      },
    ];

    return store.dispatch(actions.loginUser(user)).then(() => {
      expect(store.getActions()).toEqual(expected);
    });
  });

为什么jest在测试运行时不自动模拟
导航
功能？

\uuuu测试\uuuu/actions/AuthActions.test.js
更新

const navigate = jest.fn();
const setTopLevelNavigator = jest.fn();

export default {
    navigate,
    setTopLevelNavigator,
};

jest.mock('../../app/utils/NavigationService'); //at the top directly behind other imports

it('should call firebase on signIn', () => {
    const user = {
      email: 'test@test.com',
      password: 'sign',
    };

    const expected = [
      { type: types.LOGIN_USER },
      { payload: 1, type: types.DB_VERSION },
      { payload: 'prod', type: types.USER_TYPE },
      { payload: { name: 'data' }, type: types.WEEKPLAN_FETCH_SUCCESS },
      { payload: { name: 'data' }, type: types.RECIPELIBRARY_FETCH_SUCCESS },
      {
        payload: { user: { name: 'user' }, userVersionAndType: { dbVersion: 1, userType: 'prod' } },
        type: types.LOGIN_USER_SUCCESS,
      },
    ];

    return store.dispatch(actions.loginUser(user)).then(() => {
      expect(store.getActions()).toEqual(expected);
    });
  });

app/actions/authoctions.js

import { NavigationActions } from 'react-navigation';

let navigator;

function setTopLevelNavigator(navigatorRef) {
  navigator = navigatorRef;
}

function navigate(routeName, params) {
  navigator.dispatch(NavigationActions.navigate({
    type: NavigationActions.NAVIGATE,
    routeName,
    params,
  }));
}

// add other navigation functions that you need and export them

export default {
  navigate,
  setTopLevelNavigator,
};

export const loginUser = ({ email, password }) => (dispatch) => {
  dispatch({ type: LOGIN_USER });
  return firebase
    .auth()
    .signInWithEmailAndPassword(email, password)
    .catch((signInError) => {
      dispatch({ type: CREATE_USER, payload: signInError.message });
      return firebase
        .auth()
        .createUserWithEmailAndPassword(email, password)
        .then(async (user) => {
          const userVersionAndType = await dispatch(initUser());
          await dispatch(initWeekplan(userVersionAndType));
          await dispatch(initRecipeLibrary(userVersionAndType));
          return user;
        });
    })
    .then(async (user) => {
      saveCredentials(email, password);
      const userVersionAndType = await dispatch(getUserVersionAndType());
      await dispatch(weekplanFetch(userVersionAndType));
      await dispatch(recipeLibraryFetch(userVersionAndType));
      dispatch(loginUserSuccess({ user, userVersionAndType }));
      NavigationService.navigate('Home');
    })
    .catch(error => dispatch(loginUserFail(error.message)));
};

您已经创建了一个

为特定测试文件激活用户模块的手动模拟需要调用
jest.mock

对于这种特殊情况，将这一行添加到
\uuuuu tests\uuuu/actions/AuthActions.test.js
的顶部，模拟将用于该测试文件中的所有测试：

jest.mock('../../app/utils/NavigationService');  // use the manual mock in this test file


请注意，用户模块和节点核心模块（如
fs
、
路径
、
util
等）的手动模拟都必须通过调用
jest.mock来激活特定测试文件，此行为不同于自动应用于所有测试的节点模块的手动模拟。
感谢您的回复。再看一遍这些文件，我本以为它会起作用的。不幸的是，事实并非如此。查看更新的
AuthActions.test.js
我做错什么了吗？我得到的错误是
无法读取未定义的属性“dispatch”
我发现了问题。给了我缺失的片段我还必须调整NavigationService.js请参见更新