角度排除外部JavaScript库中的单位测试

Question

我正在使用使用外部JavaScript库的组件来测试我的组件，如果我评论行 aksservice = aksserviceFactory（），我的所有测试用例都可以在我的组件中导入和初始化。 （下面的代码），但它给出了一个错误 typeError：如果我不计入它，则无法读取未定义的属性（读取'aks'）。我也尝试在Spec.ts文件中导入库，但会产生相同的错误。

我想在我的component.spec.ts文件中包含此库，这样它就不会给我这个错误，或者如果有一种方法，我们可以将此文件排除在单位测试中，以免给出此错误。

component.ts文件

import { aksServiceFactory } from '../../services/gdl.service';
import { GlobalConstants } from '../../global-constants';


@Component({
  selector: 'app-page',
  templateUrl: './opt-page.component.html',
  styleUrls: ['./opt-page.component.scss']

})

export class OptPageComponent implements OnInit {

  //initialize aks Service

  aksService = aksServiceFactory();

aks.service.ts

// aks.service.js

export const aksServiceFactory = () => {
    const aksQueue = window.cms.aks;
    const sendPageview = (pageId) => {
      aksQueue.push(['event:publish', ['page', 'pageinfo']]);
    };

    const sendEvent = (category, name, payload) => {
      aksQueue.push(['event:publish', [category, name, payload]]);
    };

    const enableDebugMode=()=>{
      aksQueue.debug.enable();
    }

    return {
      enableDebugMode,
      sendPageview,
      sendEvent,
    };
  };

Answer 1

用依赖注入创建服务并模拟它。单元测试不应仅在必要时才依靠外部LIB，必须测试组件的功能，因此，当您模拟它时，必须使用正确的返回值返回模拟的服务。这将使图书馆如果更改单元测试将不会失败。 :)
这些文章将为您提供帮助：

如何模拟单位测试的角组件中的服务功能

https：// https：// angular.io/guide/dependenty-invoction-providers#using-factory-Providers