Componentes de prueba angulares de 2 unidades con routerLink
Estoy tratando de probar mi componente con angular 2 final, pero recibo un error porque el componente usa elrouterLink
directiva. Obtuve el siguiente error:
No se puede vincular a 'routerLink' ya que no es una propiedad conocida de 'a'.
Este es el código relevante deListComponent
modelo
<a
*ngFor="let item of data.list"
class="box"
routerLink="/settings/{{collectionName}}/edit/{{item._id}}">
Y aquí está mi prueba.
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);
});
});
Miré varias respuestas a preguntas similares, pero no pude encontrar una solución que funcionó para mí.