使用服务依赖项测试服务

Question

我无法找到正确的解决方案来测试将其他服务作为依赖项的服务。我正在测试的服务在返回任务列表的另一个服务上调用 getter 方法。这是我正在测试的服务：

服务测试：

export class TasksData {
  public tasks = [];
  public tasksData = [
    {
      'form': 'setup-device',
      'type': 'register-device',
      'text': 'Register Device',
      'icon': 'mdi-cellphone-link',
      'status': ''
    },
    {
      'form': 'setup-eula',
      'type': 'confirm-eula',
      'text': 'Agree to EULA',
      'icon': 'mdi-pen',
      'status': ''
    },
    {
      'form': 'setup-change-password',
      'type': 'change-password',
      'text': 'Change Password',
      'icon': 'mdi-lock-reset',
      'status': ''
    },
    {
      'form': 'setup-profile',
      'type': 'register-profile',
      'text': 'Register Profile',
      'icon': 'mdi-account-plus',
      'status': ''
    }
  ];

  constructor(private setupManager: SetupManagerService) {}

  public getter() {
    let data = [];
    this.tasks = this.setupManager.getter();

    data = this.tasksData.filter((task) => {
      return (this.tasks.indexOf(task.type)) !== -1;
    });

    return data;
  }
}

依赖服务：

export class SetupManagerService {
  private message: string;
  private redirect = '';
  private tasks: any = [];
  private clone: any = [];
  private user: Object = {};

  public taskChange = new Subject();

  constructor(
    private closeModal: CloseModalService,
    private pubsub: Pubsub,
    private reloadStatus: ReloadStatusService,
    private router: Router,
    private storage: HTML5Storage
  ) {}

  // ===== Removed code for brevity ===== //

  public getter() {
    return this.clone;
  }
}

测试：

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

// Test Case:
import { TasksData } from '../tasks-data.service';

// Dependencies:
import { SetupManagerService } from '../setup-manager.service';

let ds = [{
  'form': 'setup-device',
  'type': 'register-device',
  'text': 'Register Device',
  'icon': 'mdi-cellphone-link',
  'status': ''
}];

class SetupManagerServiceStub {
  getter() {
    return ['register-device'];
  }
}

fdescribe('Service TaskData', () => {
  let subject = TasksData;
  let setupManager;

  beforeEach(() => {
    TestBed.configureTestingModule({
      providers: [
        TasksData,
        { provide: SetupManagerService, useClass: SetupManagerServiceStub }
      ]
    });

    subject = TestBed.get(TasksData);
    setupManager = TestBed.get(SetupManagerService);
  });

  it('should create an instance', () => {
    expect(subject).toBeDefined();
  });

  it('should...  ', () => {
    expect(subject.getter()).toEqual(ds);
  });
});

我尝试了许多不同的在线示例来说明如何执行此操作，但大多数都不起作用，可能是因为 Angular 在最终版本之前的更改，它们不再有效。

TasksData 服务具有 SetupManagerService 作为依赖项。因此，为了避免添加所有 SetupManagerService 依赖项，我使用 getter 方法创建了一个存根类，并返回了测试 TaskData 服务所需的预期值。

首先，我不确定这是否是正确的方法。 Angular 的测试文档没有关于如何使用 TestBed 模块测试具有服务依赖关系的服务的示例。这是我尝试了一整天的最佳工作成果。

关于这是否正确的问题只是我的问题的一部分。另一个问题是 Typescript 抱怨我做了什么，我还没有找到解决这个问题的方法。

即使测试通过，我也会收到以下错误：

我的编辑器中有这个丑陋的红色下划线警告：

Answer 1

这只是一个 TypeScript 问题，更具体地说是这一行：

  let subject = TasksData;

没有充分的理由可以将subject（应该是TasksData 的一个实例）分配给构造函数。如果subject 由于某种原因不会被重新分配，它就不会是undefined，但它仍然不会是一个实例。这将导致更难以调试的测试。

这里subject是通过赋值隐式输入的，和

  let subject: typeof TasksData = TasksData;

重新分配它

subject = new TasksData();

会导致类型错误，清楚地表明出了什么问题，

类型“TasksData”不可分配给类型“typeof TasksData”。

但是由于TestBed.get isn't type safe and returns any，它不会触发类型错误，并且很明显只有在访问subject.getter时类型会被弄乱。

应该是

let subject: TasksData;