如何在 Angular 单元测试中模拟/监视导入的函数

Question

假设我有一个角度为 6 的组件，其方法 test 返回一些值：

import { doSomething } from './helper';

@Component({
    ...
})
export class AppComponent {
    test() {
        const data = doSomething(1);
        return data.something ? 1: 2;
    }
}

doSomething 只是一个简单的辅助函数：

export function doSomething() {
    return { something: 1 };
}

是否可以在单元测试中模拟或监视此函数（以便我可以控制其返回值）？还是我必须更改组件中的方法？

请注意：doSomething() 可以是 lodash 函数、常量、类等。我只是尽量让示例保持简单。

---

我尝试过的事情：

• SpyOn 不起作用，因为函数未附加到任何东西

• 将模拟函数导入TestBed.configureTestingModule 的imports 数组会得到Unexpected value 'doSomething' imported by the module 'DynamicTestModule'. Please add a @NgModule annotation.

• 为其创建服务是可行的，但必须为每个导入的函数创建服务感觉很愚蠢

Answer 1

无法模拟外部函数，但您可以执行以下操作，效果很好。

import { doSomething } from './helper';

@Component({
    ...
})
export class AppComponent {
    const doSomethingRef = doSomething; 
    test() {
        const data = this.doSomethingRef(1);
        return data.something ? 1: 2;
    }
}

现在，因为我们可以模拟 doSomethingRef

describe('AppComponent ', () => {
  let appComponent: AppComponent ;
  beforeEach(() => {
    TestBed.configureTestingModule({});
    appComponent= TestBed.inject(AppComponent);
  });

  it('should allow mocking', () => {
    (appComponent as AppComponent).doSomethingRef = jasmine.createSpy('doSomethingRef ').and.returnValue(1);
    expect(guard.test()).toEqual(1);
  });
 }

Answer 2

在您的规范文件中以这种方式导入帮助程序：

import * as helper from './helper';

并且在您的 it() 中，您可以监视助手对象并返回请求的值：

spyOn(helper, 'doSomething').and.returnValue({});