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;

具有服务依赖性的测试服务

1 个答案: