Try flushing queues explicitly

aurelia · Mar 25, 2019 · 186aaca · 186aaca
1 parent 7156b43
commit 186aaca
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 1 deletion.
diff --git a/skeleton-esnext-webpack/test/helper/flush-queue.js b/skeleton-esnext-webpack/test/helper/flush-queue.js
@@ -0,0 +1,26 @@
+import { Container, TaskQueue } from 'aurelia-framework';
+
+export function flushQueue() {
+  let taskQueue = Container.instance.get(TaskQueue);
+
+  if (!taskQueue) {
+    throw new Error('TaskQueue not available in container');
+  }
+
+  taskQueue.flushTaskQueue();
+}
+
+export function flushMicroQueue() {
+  let taskQueue = Container.instance.get(TaskQueue);
+
+  if (!taskQueue) {
+    throw new Error('TaskQueue not available in container');
+  }
+
+  taskQueue.flushMicroTaskQueue();
+}
+
+export function flushQueues() {
+  flushQueue();
+  flushMicroQueue();
+}
diff --git a/skeleton-esnext-webpack/test/unit/foo.spec.js b/skeleton-esnext-webpack/test/unit/foo.spec.js
@@ -1,6 +1,7 @@
 import {bootstrap} from 'aurelia-bootstrapper';
 import {StageComponent} from 'aurelia-testing';
 import {PLATFORM} from 'aurelia-pal';
+import { flushQueues } from '../helper/flush-queue';
 
 describe('FooComponent', () => {
   let component;
@@ -28,9 +29,13 @@ describe('FooComponent', () => {
     expect(component.viewModel.bar).toBeFalsy();
   })
 
-  it('clicking on the button should toggle bar', () => {
+  it('clicking on the button should toggle bar', async () => {
     const button = document.querySelector('#button');
     button.click();
+
+    flushQueues();
+    await Promise.resolve();
+
     expect(component.viewModel.bar).toBeTruthy();
 
     // This line fails