angular - 是否可以使用 ng-mocks 从模拟服务中保留一些方法？

问题描述

我正在向 Angular 项目添加测试。有一项服务从 API 获取一些数据并从这些数据创建一些业务实体。

我使用ng-mocks 模拟了这个服务来测试一个依赖它的组件。

原始服务如下所示：

class DataService {
  public getEntityFromApi(): Observable<Entity> {
    return http.get(...).pipe(
      map(httpResponse => {
        return this.createEntityFromApiData(httpResponse);
      })
    );
  }

  private createEntityFromApiData(apiData: any): Entity {
    // ...
  }
}

它被嘲笑为：

getMockedServiceProvider() {
  const testData = ...;
  return MockProvider(DataService, {
    getEntityFromApi: () => {
      let entity = // duplicated code from the createEntityFromApiData method to create the object from testData
      return of(entity);
    }
  });
}

因此，模拟服务能够在不向 API 发出请求的情况下返回对象，但我必须复制从普通 json 创建对象的代码。

在模拟服务中避免这种重复的最佳方法是什么？

是否有可能以某种方式在模拟的服务中保留createEntityFromApiData原始服务的私有性？
我是否应该将这个逻辑隔离在另一个服务中，该服务仅负责我将在测试中按原样使用的实例化？
其他方法？

标签： angulartesting

在您的情况下，如果您想从服务中保留某些内容，那么有两种选择：

保留服务本身
将事物提取到单独的类/函数中。

如果你想在所有测试中返回相同的假数据，你可以考虑使用ngMocks.defaultMock。

然后你需要在src/test.ts.

ngMocks.defaultMock(DataService, () => ({
  getEntityFromApi: () => {
    let entity = // duplicated code from the createEntityFromApiData method to create the object from testData
    return of(entity);
  },
}));

angular - 是否可以使用 ng-mocks 从模拟服务中保留一些方法？

问题描述

解决方案

推荐阅读