Question

我正在尝试使用e2e测试角度7来测试我的服务，我的问题是我不知道该怎么做：

这是我的服务，（该方法返回Observable）：

import { Injectable } from '@angular/core';
import { UrlDecoratorService } from "../../common/url-decorator.service";
import { APIFetcherService } from "../common/api-fetcher.service";
import { Observable } from 'rxjs';
import { IALChrono, ALChrono } from '../../common/IALChrono.interface';

@Injectable()
export class AnnonceChronoDetailService {
    private months: string[];
    constructor(private urlDecoratorService: UrlDecoratorService, private apiFetcher: APIFetcherService) {
    }

    fetchData(chronoInfo: ALChrono): Observable<any> {
        // construct API parameters and URL
        var URL: string = this.urlDecoratorService.urlAPIDecorate("AL", "GetAccessChrono");

        var params = this.urlDecoratorService.generateParameters({
            year: chronoInfo.year,
            month: chronoInfo.month,
            sortBy: chronoInfo.sortBy,
            sortDirection: chronoInfo.sortDirection,
            pageNumber: chronoInfo.currentPage,
            pageSize: chronoInfo.pageSize
        });

        return this.apiFetcher.fetchJson(URL, params);
    }
}

它在我的服务中还有另外两个服务， UrlDecoratorService 和 APIFetcherService 。

这是我的e2e测试：

import { AppPage } from './app.po';
import { AnnonceChronoDetailService } from '../../src/app/services/annonce-legale/annonce-chrono-detail.service';
import { ALChrono } from '../../src/app/common/IALChrono.interface';
import { APIResponse } from '../../src/app/common/api-response.interface';
import { Observable } from 'rxjs';

describe('workspace-project App', () => {
  let page: AppPage;
  let service: AnnonceChronoDetailService;
  this.chronoInfo = new ALChrono(); //it's a class

  beforeEach(() => {
    page = new AppPage();
  });

  it('should display welcome message', () => {
    page.navigateTo();
    expect(page.getParagraphText()).toEqual('Welcome to MyProject!');
  });


  it('#getObservableValue should return value from observable', (done: DoneFn) => {
    service.fetchData(this.chronoInfo).subscribe((resp: APIResponse) => {
      expect(resp.dataCount).toBe(5);
      done();
    });
  });
});

我需要的是如何将两个服务 UrlDecoratorService 和 APIFetcherService 注入我的e2e测试，或者如何测试注入其他服务的服务？

如果您需要更多信息，请告诉我。

Answer 1

所以e2e测试的目的是以构建形式实际试用您的应用程序，基本上您已经完成了

ng构建

在您的应用程序上，然后在其上本地托管（您也可以在外部进行）刚创建的构建程序。

因此，基本上，您的服务都包含在这些捆绑软件中（在主捆绑软件中更精确），因此您不需要设置任何配置，而是开始使用带有browser的量角器api等来测试您的应用程序，依此类推。因此，在查看问题时，您的测试文件可能看起来像这样：

  describe('workspace-project App', () => {
   let page: AppPage;
   this.chronoInfo = new ALChrono(); //it's a class

   beforeEach(() => {
     page = new AppPage();
   });

   it('should display welcome message', () => {
     page.navigateTo();
     expect(page.getParagraphText()).toEqual('Welcome to MyProject!');
   });
  }

因此，包含服务测试的代码应包含在单元测试中如果您不确定量角器的工作方式，建议您阅读有关设置如何工作的文档的更多信息。

角度e2e测试：如何测试Service注入（使用）其他服务

1 个答案: