web-dev-qa-db-ja.com

Angular 2でサービスをテストするときのNgModule 'DynamicTestModule'の無効なプロバイダー

次のサービスがあります。

import { Injectable } from '@angular/core';

import { MenuItem } from './../classes/menu-item';
import { ITEMS } from './../static-data/items-list';

@Injectable()
export class ItemsListService {

    getItems(): Promise<MenuItem[]> {
        return Promise.resolve(ITEMS);
    }

}

このサービスのテストは次のとおりです。

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

import { ItemListService } from './item-list.service';
import { MenuItem } from './../classes/menu-item';
import { ITEMS } from './../static-data/items-list';

describe('ItemListService', () => {
  beforeEach(() => {
    TestBed.configureTestingModule({
        providers: [ ItemListService, MenuItem, ITEMS ]
    });
  });

  it('should ...', inject([ItemListService], (service: ItemListService) => {
    expect(service).toBeTruthy();
  }));
});

MenuItemはここで定義されます。

export class MenuItem {
    name: string;
    link: string;
}

ITEMSはここで定義されています：import {MenuItem} from './../classes/menu-item';

export var ITEMS: MenuItem[] = [
    {name: 'Vehicles', link: '/vehicles'},
    {name: 'Gateways', link: '/gateways'},
    {name: 'Statuses', link: '/statuses'},
    {name: 'Logs', link: '/logs'}
]

テストを実行すると、ブラウザコンソールに次のエラーが表示されます。

FAILED ItemListService should ...

そして

enter image description here

では、なぜこれらのエラーが発生するのですか？そして、テストが機能するための解決策は何ですか？

javascriptangulartestingangular-services
14
Cristian

これは非常に迷惑なエラーです。仕様で探す別の微妙な原因を含めます。私の場合、以下のように「提供」ではなく「提供者」を指定しました

 TestBed.configureTestingModule({
      providers: [{provider: ApplicationActions, useClass: ActionMock}]

「提供するキーが指定されていません」などの有用な情報を提供するのではなく、単にレポートします。

Failed: Invalid provider for the NgModule 'DynamicTestModule' - only instances of Provider and Type are allowed, got: [?[object Object]?, ...]
48
Craig