He leído la documentación para probar el enlace bidireccional en Angular2. Todos los ejemplos son simples, demasiado simples, en realidad.

Parece que solo prueban el out-binding...

Voy a publicar un código para ilustrar:

 import { Component, Input } from "@angular/core"; import { ComponentFixture, async, TestBed, tick, fakeAsync } from "@angular/core/testing"; import { FormsModule } from "@angular/forms"; import { By } from "@angular/platform-browser"; @Component({ selector: 'test', template: ` <input type="text" [(ngModel)]="myValue" /> <div>{{ myValue }}</div> ` }) class TestComponent { @Input() myValue: string } describe('Example', () => { let component: TestComponent let fixture: ComponentFixture<TestComponent> beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [TestComponent], providers: [], imports: [FormsModule] }) .compileComponents() })) beforeEach(() => { fixture = TestBed.createComponent(TestComponent) component = fixture.componentInstance fixture.detectChanges() }) it('should test two-way binding by setting the component member', fakeAsync(() => { const testValue = 'Component member test' component.myValue = testValue // Should be the correct way to test ngModel tick(); fixture.detectChanges(); // Assertion error: Expected '' to equal 'Component member test' // Why wasn't the value set in the textbox? expect(fixture.debugElement.query(By.css('input')) .nativeElement.value).toEqual(testValue) //Yeah, the bananas are working. We have out-binding expect(fixture.debugElement .query(By.css('div')) .nativeElement .textContent ).toEqual(testValue); })) it('should test two-way binding by setting value directly on the native element. But that just tests the out-binding', fakeAsync(() => { const testValue = 'NativeElement test' let element = fixture.debugElement.query(By.css('input')).nativeElement; element.value = testValue // this tests only the out-binding element.dispatchEvent(new Event('input')); tick(); fixture.detectChanges(); //of course this is Ok, we just set it directly expect(fixture.debugElement.query(By.css('input')) .nativeElement.value).toEqual(testValue) //Yeah, the bananas are working. We have out-binding expect(fixture.debugElement .query(By.css('div')) .nativeElement .textContent ).toEqual(testValue); })) })

Entonces, ¿hay alguna manera de probar el componente configurando myValue? Creo que me estoy perdiendo algo...