使用Jest模拟ES6类静态方法遇异常：测试通过但Mock未执行

可能的原因及对应解决方案 #

1. ES模块导入顺序问题 #

如果项目使用ES模块（import/export），Jest的Mock必须在导入目标类之前执行。若测试文件先导入CookiesManager再调用jest.mock，会导致原始类先被加载，Mock无法覆盖生效。

正确写法：

// 先执行Mock逻辑，再导入目标类
jest.mock('./path/to/CookiesManager', () => {
  const mockCookies = {};
  const Auth = jest.requireActual('./path/to/Auth');
  return {
    default: class extends Auth {
      static setCookie(key, value) {
        console.log('Mock setCookie called');
        mockCookies[key] = value;
      }
      static getCookie(key) {
        return mockCookies[key];
      }
    }
  };
});

import CookiesManager from './path/to/CookiesManager';

2. 静态方法未显式重写覆盖父类实现 #

子类继承父类静态方法时，若未在Mock类中显式重写对应方法，调用的仍是父类的原始实现，导致Mock逻辑不执行。

解决办法：
在Mock类中显式重写所有需要测试的静态方法，确保覆盖父类逻辑：

jest.mock('./path/to/CookiesManager', () => {
  const mockCookies = {};
  const Auth = jest.requireActual('./path/to/Auth');
  return {
    default: class extends Auth {
      // 显式重写静态方法，强制覆盖父类实现
      static setCookie = jest.fn((key, value) => {
        console.log('Mock setCookie triggered');
        mockCookies[key] = value;
      });
      static getCookie = jest.fn((key) => mockCookies[key]);
    }
  };
});

3. 使用jest.spyOn单独Mock静态方法（更灵活） #

如果不需要Mock整个类，仅针对特定静态方法做Mock，用jest.spyOn可以精准覆盖并确保实现执行：

import CookiesManager from './path/to/CookiesManager';

describe('CookiesManager static methods', () => {
  let mockCookies = {};

  beforeEach(() => {
    jest.clearAllMocks();
    mockCookies = {};

    // Spy并替换静态方法的实现
    jest.spyOn(CookiesManager, 'setCookie').mockImplementation((key, value) => {
      console.log('Spy setCookie called');
      mockCookies[key] = value;
    });

    jest.spyOn(CookiesManager, 'getCookie').mockImplementation((key) => mockCookies[key]);
  });

  test('should set and get cookie correctly', () => {
    CookiesManager.setCookie('testKey', 'testValue');
    expect(CookiesManager.setCookie).toHaveBeenCalled();
    expect(CookiesManager.getCookie('testKey')).toBe('testValue');
    // 此时console.log会正常输出
  });
});

4. 检查Jest的ES模块配置 #

确保jest.config.js正确处理ES模块，比如配置transform使用babel-jest：

module.exports = {
  transform: {
    '^.+\\.(js|jsx)$': 'babel-jest',
  },
  moduleFileExtensions: ['js', 'jsx'],
};

内容的提问来源于stack exchange，提问作者Norayr Ghukasyan