Estoy trabajando en una pequeña aplicación de prueba para aprender Angular 2 y las pruebas unitarias en Angular 2 un poco mejor. Viniendo de una reacción - Broma de fondo; Se siente raro incluir todos los componentes en app.component.ts.

Así es como se ve la Jerarquía de componentes para lo que tengo hasta ahora:

Componente de aplicación> Componente de diseño> Componente de encabezado> Componente de navegación

Cuando ejecuto la prueba npm, aparece el error de

main-header 'no es un elemento conocido:

Cuando solucione esto importando y declarando el componente vinculado a ese selector en App.Component.spec.ts, obtendría el mismo error para el siguiente componente / selector en línea.

Si hubiera sido una aplicación grande con muchos componentes; Pude ver que la prueba del componente de la aplicación se volvía grande e imposible de mantener. Después de varias búsquedas en Google que arrojaron resultados de AngularJS y Angular RC.X ... Llegué a un callejón sin salida. Mi intestino me dice que algo está mal y que esta no puede ser la forma en que se realizan las pruebas en Angular 2 ... ¡pero podría estar equivocado!