From f444c11d218d26ac817d5f3b12e19c6b4b8d2390 Mon Sep 17 00:00:00 2001 From: Igor Minar Date: Tue, 9 Aug 2016 10:54:54 -0700 Subject: [PATCH] docs(changelog): add the ngModel is now fully async note --- CHANGELOG.md | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index d8991f35e9..5a0e13fd9c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -491,6 +491,27 @@ let upgradeAdapter = new UpgradeAdapter(MyModule); ``` + * ngModel: `ngModel` is now always asynchronous when updating. This means that in tests, instead of calling `ComponentFixture.detectChanges`, you'll need to use `ComponentFixture.whenStable`, which is asynchronous. + + Before: + + ```js + let fixture = TestBed.createComponent(InputComp); + fixture.detectChanges(); + + let inputBox = fixture.debugElement.query(By.css('input')).nativeElement; + expect(inputBox.value).toEqual('Original Name'); + ``` + + After: + ```js + let fixture = TedBed.createComponent(InputComp); + fixture.whenStable().then(() => { + let inputBox = fixture.debugElement.query(By.css('input')).nativeElement; + expect(inputBox.value).toEqual('Original Name'); + }); + ``` +