Question

我需要测试在抛出错误时我正在测试的addCampus方法中是否调用了logger（）函数。我对玩笑还很陌生，所以我可能缺少一些简单的东西

Logger.js

function logger(level, message) {
//logs message to console
//has no explicit return
}

export default logger;

AddCampusList.jsx

import logger from '../../Logger';
addCampus = campus => {
    axios
      .post('/api/campuses/', {
        name: campus.campusName,
        abbreviation: campus.campusAbbreviation,
      })
      .then(response => {
        const { campuses } = this.state;
        campuses.push(response.data);
        this.setState({ campuses });
      })
      .catch(error => {
        this.props.displayError(error);
        logger('ERROR', error);
      });
  };

AddCampusList.test.js

import logger from '../../../src/Logger.js'
...
it('calls displayError() with error', async () => {
      getSpy = jest.spyOn(axios, 'get').mockRejectedValueOnce(error);
      const logger = jest.fn();
      const loggerSpy = jest.spyOn(logger, 'default');
      wrapper = await shallow(<AddCampusList
        displayError={displayError}
        onSelectCampus={onSelectCampus}
        selectedCampus={selectedCampus}
        isMobileViewport={isMobileViewport}
      />);

      expect(displayError).toHaveBeenCalledWith(error);
      expect(loggerSpy).toHaveBeenCalled();
    });

Expect（displayError）正常运行，但是Expect（loggerSpy）却无法正常运行。我尝试了几种不同的方法，但这是我最常遇到的错误

 Cannot spy the default property because it is not a function; undefined given instead
> 105 |       const loggerSpy = jest.spyOn(logger, 'default');

Answer 1

logger已经是默认导入，因此不应该具有default属性。

监视它的正确方法是：

import * as loggerMod from '../../../src/Logger'
...
const loggerSpy = jest.spyOn(loggerMod, 'default');

这可能不起作用，因为ES模块是只读的，是否强制执行取决于设置。

一种更正确的方法是在模块模拟中执行此操作：

import logger from '../../../src/Logger'

jest.mock('../../../src/Logger.js', () => {
  const loggerMod = jest.requireActual('../../../src/Logger');

  return {
    ...loggerMod,
    __esModule: true,
    default: jest.fn(loggerMod.default)
  };
});

...

expect(logger).toHaveBeenCalled();

在大多数情况下，最好模拟一个可能产生不良副作用的函数，而不是对其进行监视，而且这要简单得多，尤其是对于仅具有默认导出功能的模块：

jest.mock('../../../src/Logger', () => jest.fn());

用Jest监视默认导出功能

1 个答案: