feat(update): update bindings helper

src/aurelia-testing.ts

@@ -3,6 +3,7 @@ export * from './compile-spy';
 export * from './view-spy';
 export * from './component-tester';
 export * from './wait';
+export * from './update-bindings';
 
 export function configure(config: FrameworkConfiguration) {
   config.globalResources([

src/update-bindings.ts

@@ -0,0 +1,9 @@
+import { Container, TaskQueue } from 'aurelia-framework';
+
+export function updateBindings() {
+  const tq: TaskQueue = Container.instance.get(TaskQueue);
+
+  if (tq) {
+    tq.flushMicroTaskQueue();
+  }
+}

test/doc-samples.spec.ts

@@ -1,5 +1,6 @@
 import { StageComponent, ComponentTester } from '../src/component-tester';
 import { bootstrap } from 'aurelia-bootstrapper';
+import { updateBindings } from '../src/update-bindings';
 
 describe('SampleCustomComponent', () => {
   let component: ComponentTester;
@@ -24,6 +25,24 @@ describe('SampleCustomComponent', () => {
       });
   });
 
+  it('should render new first name after update using helper', done => {
+    component.create(bootstrap)
+      .then(() => {
+        const nameElement = document.querySelector('.firstName') as Element;
+        expect(nameElement.innerHTML).toBe('Bob');
+
+        component.viewModel.firstName = 'TheBuilder';
+        updateBindings();
+
+        expect(nameElement.innerHTML).toBe('TheBuilder');
+        done();
+      })
+      .catch(error => {
+        fail(error);
+        done();
+      });
+  });
+
   afterEach(() => {
     component.dispose();
   });