代码之家 › 专栏 › 技术社区 › nikagar4

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

angular-directive karma-jasmine dependency-injection unit-testing angular

nikagar4 · 技术社区 · 6 年前

我正在尝试首先修复cli为我编写的基本单元测试。我是单元测试的新手,下面是代码

import { MyDirective } from './my.directive';

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

1 回复 | 直到 6 年前

Tauras Alexander Belov 4 年前

我在解决问题的过程中浪费了几个小时。这是答案。例如,我们需要注入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();
    }));
  });
});

推荐文章

hidar · vuejs中的单元测试

6 年前

Jackson Vaughan · 测试用karma+jasmine订阅angular 2中的位置(此位置。订阅)

6 年前

Nimish goel · 具有@输入属性的单元测试angular 4指令

6 年前

bulbasurmsr · 角度5的单元测试。我正在尝试模拟服务,但收到:“[对象错误事件]抛出”

6 年前

bulbasurmsr · 与Jasmine和Karma有角度的单元测试,错误:无法绑定到“xxx”,因为它不是“xxxxxx”的已知属性。

6 年前

D. Berg · Jasmine单元测试observable subscribe不会触发

6 年前

Mansoor Ahmed · Angular 4 Jasmine单元测试指令导出函数

6 年前

Greg · ngx翻译:在单元测试中翻译字符串

6 年前

Arkadi · 在Angular 2/Typescript中测试私有方法的最佳实践是什么

6 年前

Aaron Rabinowitz · 测试控制器语句未定义

6 年前