Я пытаюсь протестировать компонент, который получает ссылку на ElementRef через DI.
import { Component, OnInit, ElementRef } from '@angular/core';
@Component({
selector: 'cp',
templateUrl: '...',
styleUrls: ['...']
})
export class MyComponent implements OnInit {
constructor(private elementRef: ElementRef) {
//stuffs
}
ngAfterViewInit() {
// things
}
ngOnInit() {
}
}
и тест:
import {
beforeEach,
beforeEachProviders,
describe,
expect,
it,
inject,
} from '@angular/core/testing';
import { ComponentFixture, TestComponentBuilder } from '@angular/compiler/testing';
import { Component, Renderer, ElementRef } from '@angular/core';
import { By } from '@angular/platform-browser';
describe('Component: My', () => {
let builder: TestComponentBuilder;
beforeEachProviders(() => [MyComponent]);
beforeEach(inject([TestComponentBuilder], function (tcb: TestComponentBuilder) {
builder = tcb;
}));
it('should inject the component', inject([MyComponent],
(component: MyComponent) => {
expect(component).toBeTruthy();
}));
it('should create the component', inject([], () => {
return builder.createAsync(MyComponentTestController)
.then((fixture: ComponentFixture<any>) => {
let query = fixture.debugElement.query(By.directive(MyComponent));
expect(query).toBeTruthy();
expect(query.componentInstance).toBeTruthy();
});
}));
});
@Component({
selector: 'test',
template: '
<cp></cp>
',
directives: [MyComponent]
})
class MyTestController {
}
И компонент, и тестовая схема были созданы Angular-cli. Теперь я не могу выяснить, какого поставщика, если таковой имеется, я должен добавить в beforeEachProviders
чтобы внедрение ElementRef было успешным. Когда я запускаю ng test
я получаю сообщение об Error: No provider for ElementRef! (MyComponent → ElementRef)
Error: No provider for ElementRef! (MyComponent → ElementRef)
.