测试 - 固执服务方法不确定

Question

我已经在非常简单的代码上写了一个非常简单的测试，但是由于某种原因，存根服务方法不确定。当我使用茉莉花间谍时，它可以正常工作，但对于这么简单的任务。有人可以解释为什么会发生这种情况(我删除了导入语句只是为了减少代码(：

businessarea-overview.component

@Component({
  templateUrl: './businessarea-overview.component.html',
  styleUrls: ['./businessarea-overview.component.css']
})
export class BusinessAreaOverviewComponent implements OnInit {
  businessArea: BusinessArea;
  businessAreaId: number;
  errorMessage: string;
  constructor(private businessAreaService: BusinessAreaService, private utilityService: UtilityService,  private route: ActivatedRoute) {
    this.businessArea = new BusinessArea();
    this.route.params.subscribe(params => {
      this.businessAreaId = +params['id'];
    });
   }
  ngOnInit() {
    if (!isNaN(this.businessAreaId)) {
      this.businessAreaService.getBusinessAreaById(this.businessAreaId)
        .subscribe(data => {
          this.businessArea = data;
        },
        error => this.errorMessage = error);
    }
  }
}

businessarea-overview.spec.ts

describe('BusinessareaOverviewComponent', () => {
  let component: BusinessAreaOverviewComponent;
  let fixture: ComponentFixture<BusinessAreaOverviewComponent>;
  beforeEach(async(() => {
    const authServiceSpy = jasmine.createSpyObj("AuthService", ["authenticateUser"]);
    authServiceSpy.authenticateUser.and.callFake(() => { return Observable.from([true]); });
    //const businessAreaServiceSpy = jasmine.createSpyObj("BusinessAreaService", ["getBusinessAreaById"]);
    //businessAreaServiceSpy.getBusinessAreaById.and.callFake(() => { return Observable.of(new BusinessArea()); });
        TestBed.configureTestingModule({
            declarations: [
                BusinessAreaOverviewComponent
            ],
            imports: [
                GrowlModule,
                FormsModule,
                RadioButtonModule,
                AutoCompleteModule,
                DataTableModule,
                MessagesModule
            ],
            providers: [
                { provide: Http, useValue: httpServiceStub },
                { provide: AuthService, useValue: authServiceSpy },
                { provide: UtilityService, useValue: utilityServiceStub },
                { provide: ActivatedRoute, useValue: { params: Observable.of({id: 123})} },
                { provide: BusinessAreaService, useValue: businessAreaServiceStub }
            ]
        }).compileComponents();
        fixture = TestBed.createComponent(BusinessAreaOverviewComponent);
        component = fixture.debugElement.componentInstance;
    }));
   it('should create the component', () => {
       var businessAreaService = fixture.debugElement.injector.get(BusinessAreaService);
       console.log(businessAreaService);
       fixture.detectChanges();
        expect(component).toBeTruthy();
   });
});
export class httpServiceStub {
}
export class utilityServiceStub {
   navigateTo(path: string, id: number, urlSegment){ }
}
export class businessAreaServiceStub{
     getBusinessAreaById(id: number): Observable<BusinessArea> {
        return Observable.of(new BusinessArea());
    }
}
export class routerServiceStub {
}

测试类中的评论行是修复程序。当我做控制台时。log我可以清楚地看到呼叫

时注入了固执的服务

this.businessAreaService.getBusinessAreaById

在OnInit方法中，但是 getBusinessAreabyId 不确定而不是那里。

我在以下错误

以下

typeError：this.businessareaservice.getBusinessareAbyid不是 功能

我知道这与 this 有关

business-area.service.ts
@Injectable()
export class BusinessAreaService {
    constructor(private http: Http) {
    }
    saveBusinessArea(businessArea: BusinessArea): Observable<any> {
        let body = JSON.stringify(businessArea);
        let headers = new Headers(AppSettings.jsonContentTypeObject);
        let options = new RequestOptions({ headers: headers });
        if (businessArea && businessArea.id > 0)
            return this.updateBusinessArea(businessArea.id, body, options);
        return this.addBusinessArea(body, options);
    }
    private addBusinessArea(body: Object, options: Object): Observable<BusinessArea> {
        return this.http.post(AppSettings.businessAreaEndPoint, body, options)
            .map(this.extractData)
            .catch(this.handleError);
    }
    private updateBusinessArea(id: number, body: Object, options: Object): Observable<BusinessArea> {
        return this.http.put(AppSettings.businessAreaEndPoint + id, body, options)
            .map(this.extractData)
            .catch(this.handleError);
    }
    getBusinessAreaById(id: number): Observable<BusinessArea> {
        return this.http.get(AppSettings.businessAreaEndPoint + id)
            .map(this.extractData)
            .catch(this.handleError);
    }
    getAllBusinessAreas(): Observable<BusinessArea[]> {
        return this.http.get(AppSettings.businessAreaEndPoint)
            .map(this.extractData)
            .catch(this.handleError);
    }
    private extractData(response: Response) {
        let body = response.json().items || response.json();
        return body || {};
    }
    private handleError(error: Response) {
        console.log(error);
        return Observable.throw(error || "500 internal server error");
    }
}

Answer 1

将 { provide: BusinessAreaService, useValue: businessAreaServiceStub }更改为 { provide: BusinessAreaService, useClass: businessAreaServiceStub }