Componentes de teste de unidade angular 2 com roteadorLink
Estou tentando testar meu componente com o angular 2 final, mas recebo um erro porque o componente usa orouterLink
directiva. Estou tendo o erro a seguir:
Não é possível vincular ao 'routerLink', pois não é uma propriedade conhecida de 'a'.
Este é o código relevante doListComponent
modelo
<a
*ngFor="let item of data.list"
class="box"
routerLink="/settings/{{collectionName}}/edit/{{item._id}}">
E aqui está o meu teste.
import { TestBed } from '@angular/core/testing';
import { ListComponent } from './list.component';
import { defaultData, collectionName } from '../../config';
import { initialState } from '../../reducers/reducer';
const data = {
sort: initialState.sort,
list: [defaultData, defaultData],
};
describe(`${collectionName} ListComponent`, () => {
let fixture;
beforeEach(() => {
TestBed.configureTestingModule({
declarations: [
ListComponent,
],
}).compileComponents(); // compile template and css;
fixture = TestBed.createComponent(ListComponent);
fixture.componentInstance.data = data;
fixture.detectChanges();
});
it('should render 2 items in list', () => {
const el = fixture.debugElement.nativeElement;
expect(el.querySelectorAll('.box').length).toBe(3);
});
});
Procurei várias respostas para perguntas semelhantes, mas não consegui encontrar uma solução que funcionasse para mim.