在角度指令单元测试中注入服务

Posted 2023-02-22

【中文标题】在角度指令单元测试中注入服务

【英文标题】：Injecting service in angular directive unit test

【发布时间】：2019-03-28 16:00:00

【问题描述】：

我正在尝试首先修复 cli 为我编写的基本单元测试。我是单元测试新手，所以这里是代码

import  MyDirective  from './my.directive';

describe('MyDirective', () => 
  it('should create an instance', () => 
    const directive = new MyDirective(); // it throws error here
    expect(directive).toBeTruthy();
  );
);

我需要在 MyDirective 中注入 ElementRef

【问题讨论】：

也许你应该先阅读official documentation，它回答了这个案例。

【参考方案1】：

我在解决问题的过程中浪费了几个小时。这里是答案。比如我们需要注入 ElementRef 和 NgControl：

import  inject  from '@angular/core/testing';
import  ElementRef  from '@angular/core';
import  NgControl  from '@angular/forms'
import  MyDirective  from './my.directive';

describe('MyDirective', () => 
  it('should create an instance', inject([ElementRef, NgControl], (elementRef: ElementRef, ngControl: NgControl) => 
      const directive = new MyDirective(elementRef, ngControl);

      expect(directive).toBeTruthy();
    ));
  );
);