Angular+Jasmine：如何模拟外部文件导入的常量以完成测试

当组件方法依赖外部文件导出的常量时，我们可以通过测试框架的模块模拟功能替换常量值，确保测试不受真实常量的影响，同时覆盖不同场景的验证需求。以下以Jest（TypeScript环境）为例，给出具体实现方案：

方法一：模拟整个常量模块 #

在测试文件中，使用jest.mock()直接替换目标常量模块的导出内容，让组件导入的是我们自定义的常量值：

// component.spec.ts
import { Component } from './component';
import { myConst } from './constants';

// 模拟constants模块，自定义myConst的值
jest.mock('./constants', () => ({
  myConst: 20
}));

describe('isEqualToConstValue方法测试', () => {
  let component: Component;

  beforeEach(() => {
    component = new Component();
  });

  it('当测试值等于常量时，返回true', () => {
    const result = component.isEqualToConstValue(20);
    expect(result).toBe(true);
  });

  it('当测试值不等于常量时，返回false', () => {
    // 临时修改模拟的常量值
    (myConst as jest.Mocked<number>) = 30;
    const result = component.isEqualToConstValue(20);
    expect(result).toBe(false);
  });
});

关键说明 #

• 路径匹配：jest.mock()中的模块路径必须和组件中导入常量的路径完全一致，否则模拟不会生效。
• 类型处理：由于TypeScript默认认为导出的常量是只读的，修改模拟值时需要用as jest.Mocked<number>进行类型断言，绕过只读检查。
• 多场景测试：可以在不同测试用例中修改模拟的常量值，验证方法在不同常量下的逻辑是否正确。

如果使用Vitest作为测试框架，语法几乎一致，只需将jest.mock()替换为vi.mock()即可。

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