时间戳

首页 > 解决方案 > Angular - 如何在单元测试中模拟外部函数？

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

问题描述

我正在尝试为依赖于导入函数的函数编写角度单元测试 - 如何编写模拟导入函数结果的单元测试？我的功能是：

import { DependentMethod } from './dependentMethod';

export function doSomething() {
  const dependentResults = DependentMethod(); // DependentMethod makes an http call and returns the result
  return dependentResults;
}

在这种情况下，我想测试doSomething并模拟该DependentMethod功能。当我之前尝试模拟一些东西时，我已经spy在类方法上使用过，但我不确定在这种情况下如何处理它。任何帮助将不胜感激！

标签： javascriptangularunit-testingjasmine

解决方案

您可以尝试以下方法，

import { dependent } from './dependentLibrary'; 


describe('yourCoponent', () => {
  let component: yourComponent;
  let service : dependentService;

  beforeEach(() => {
    service = new dependent(null); // if your service has further dependency
    component = new yourComponent(service);
  });

  it('should perform test', () => {
    // Arrange part --> 
    spyOn(service, 'dependentMethod').and.callFake(() => {
      return Observable.from([ [1,2,3] ]); // return your mock data
    });

    //Act part
    component.ngOnInit();

    //Assert
    expect(component.testable.action).toBe(value);

  });

推荐阅读