Jak wymienić komponent użyty w @viewChildren na podwójny test?

Question

Załóżmy, że mam składnik, który chcę przetestować, i który używa bardzo złożonego komponentu. Ponadto wywołuje niektóre ze swoich metod, korzystając z referencji uzyskanych przez @viewChildren. Na przykład:

@Component({ 
     moduleId: module.id, 
     selector: 'test', 
     template: '<complex *ngFor='let v of vals'></complex>' , 
    }) 
    export class TestComponent{ 
    vals = [1,2,3,4] 
    @ViewChildren(ComplexComponent) cpxs : QueryList<ComplexComponent> 
    // .... 
    } 

Jak mogę zamienić złożony komponent dla podwójnego testu w `TestBed '?

Coś

@Component({ 
    moduleId : module.id, 
    selector: 'complex', template: '' 
}) 
class ComplexComponentStub { 
} 

describe('TestComponent',() => { 
    beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
     declarations : [ComplexComponentStub, TestComponent], 
    }); 
it('should have four sons',()=>{ 
    let fixture = TestBed.createComponent(TestComponent); 
    let comp = fixture.componentInstance as TestComponent; 
    fixture.detectChanges(); 
    expect(comp.cpxs.length).toBe(4); 
}); 

    //.... 
})); 

Aby uzyskać pełną przykład patrz plnkr http://plnkr.co/edit/ybdrN8VimzktiDCTvhwe?p=preview

Answer 1

Można użyć odzwierciedlać-Metadane możliwości zrobić to działa:

it('should have four sons',() => { 
    const propMetadata = Reflect['getMetadata']('propMetadata', FatherComponent); 
    var originType = propMetadata.cpxs[0].selector; 
    propMetadata.cpxs[0].selector = ComplexComponentStub; // Replace ViewChild Type 

    let fixture = TestBed.createComponent(FatherComponent); 

    let comp = fixture.componentInstance as FatherComponent; 
    fixture.detectChanges(); 
    expect(comp.cpxs.length).toBe(4); 

    propMetadata.cpxs[0].selector = originType; // reset ViewChild 
}); 

Test in Plunker

Możesz przeczytać więcej o dekoratorów i około odzwierciedlać-metadane tutaj:

• Angular 2, decorators and class inheritance