如何使用Jest为采用命名空间格式的JavaScript文件编写单元测试

能否使用Jest测试该命名空间格式代码 #

完全可以，该命名空间写法属于传统的全局挂载式JS代码，Jest可直接对其进行测试，操作流程如下：

• 测试文件中直接引入目标utilities.js，文件加载后命名空间会自动挂载到全局作用域，可通过完整命名空间链调用目标方法
• 参考测试用例代码如下：

// utilities.test.js
require('./utilities.js');

describe('MyApp.Common.Utilities 模块测试', () => {
  test('getSomething 方法应返回字符串 "Something"', () => {
    expect(MyApp.Common.Utilities.getSomething()).toBe('Something');
  });
});

如果是ESModule环境，可在引入文件后手动将命名空间挂载到global对象上，即可正常访问。

更适配单元测试的命名空间结构设计 #

传统全局挂载写法存在全局污染、无法按需导入的问题，可通过模块化改造兼顾原有调用习惯和单元测试适配性，优势如下：

• 避免全局变量冲突，无需依赖完整作用域链即可调用对应方法
• 支持Tree Shaking，打包时可自动剔除未使用的方法，降低产物体积
• 单元测试时可按需导入目标方法，无需加载完整命名空间
  改造后的代码参考：

// utilities.js 模块化改造版本
export const getSomething = () => {
  return 'Something';
}

// 兼容原有全局命名空间调用方式
if (typeof window !== 'undefined') {
  window.MyApp = window.MyApp || {};
  window.MyApp.Common = window.MyApp.Common || {};
  window.MyApp.Common.Utilities = { getSomething };
}

对应简化版测试用例：

// 模块化写法测试用例
import { getSomething } from './utilities.js';

test('getSomething 方法应返回字符串 "Something"', () => {
  expect(getSomething()).toBe('Something');
});

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