Angular -如何在单元测试中模拟外部函数？

在Angular中进行单元测试时，我们经常需要模拟外部函数的行为。为了模拟外部函数，我们可以使用Angular提供的测试工具和方法。

首先，我们可以使用spyOn函数来模拟外部函数的行为。spyOn函数可以监视一个对象的方法，并捕获其调用情况。通过这种方式，我们可以模拟外部函数的执行并验证其参数和返回值。

以下是一个示例：

import { TestBed } from '@angular/core/testing';

describe('Component', () => {
  let myService: MyService;

  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [MyService]
    });

    myService = TestBed.inject(MyService);
  });

  it('should call external function with the correct arguments', () => {
    const externalFunctionSpy = spyOn(myService, 'externalFunction');
    const expectedArg = 'test argument';

    myService.callExternalFunction(expectedArg);

    expect(externalFunctionSpy).toHaveBeenCalledWith(expectedArg);
  });
});

在这个示例中，我们创建了一个myService对象，并使用spyOn函数监视了externalFunction方法。然后，我们调用了myService的callExternalFunction方法，并验证了externalFunction是否被调用，并且参数是否正确。

除了使用spyOn函数，我们还可以使用jasmine.createSpy函数来创建一个模拟函数。这个函数不会执行实际的代码，但我们可以定义它的行为。

以下是一个示例：

import { TestBed } from '@angular/core/testing';

describe('Component', () => {
  let myService: MyService;

  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [MyService]
    });

    myService = TestBed.inject(MyService);
  });

  it('should call external function with the correct arguments', () => {
    const externalFunctionSpy = jasmine.createSpy('externalFunctionSpy');
    const expectedArg = 'test argument';

    myService.externalFunction = externalFunctionSpy;

    myService.callExternalFunction(expectedArg);

    expect(externalFunctionSpy).toHaveBeenCalledWith(expectedArg);
  });
});

在这个示例中，我们使用jasmine.createSpy函数创建了一个名为externalFunctionSpy的模拟函数，并将它赋值给了myService的externalFunction属性。接下来，我们调用了myService的callExternalFunction方法，并验证了externalFunctionSpy是否被调用，并且参数是否正确。

通过使用spyOn函数或jasmine.createSpy函数，我们可以在Angular的单元测试中模拟外部函数的行为，以便更好地测试我们的代码逻辑。

关于Angular和单元测试的更多信息，您可以参考腾讯云的Angular相关文档和产品介绍链接：