ResultsPane.test.js: stop using sync mode [+]

https://jira.nyu.edu/jira/browse/NYUP-804
vuejs/vue-test-utils#1137

Author: da70

tests/unit/components/ResultsPane.test.js

@@ -23,16 +23,17 @@ describe( 'ResultsPane', () => {
 
     let wrapper;
 
-    function simulateError() {
+    async function simulateError() {
         wrapper.setProps(
             {
                 display : true,
                 error   : true,
             }
         );
+        await wrapper.vm.$nextTick();
     }
 
-    function simulateSearch() {
+    async function simulateSearch() {
         wrapper.setProps(
             {
                 display    : true,
@@ -41,32 +42,34 @@ describe( 'ResultsPane', () => {
                 results    : RESULTS.response.docs,
             }
         );
+        await wrapper.vm.$nextTick();
     }
 
     beforeEach( () => {
         wrapper = createWrapper();
     } );
 
-    test( 'renders no results found correctly', () => {
+    test( 'renders no results found correctly', async () => {
         wrapper.setProps(
             {
                 display  : true,
                 numBooks : 0,
                 results  : [],
             }
         );
+        await wrapper.vm.$nextTick();
 
         expect( wrapper.element ).toMatchSnapshot();
     } );
 
-    test( 'renders results correctly', () => {
-        simulateSearch();
+    test( 'renders results correctly', async () => {
+        await simulateSearch();
 
         expect( wrapper.element ).toMatchSnapshot();
     } );
 
-    test( 'renders error condition correctly', () => {
-        simulateError();
+    test( 'renders error condition correctly', async () => {
+        await simulateError();
 
         expect( wrapper.element ).toMatchSnapshot();
     } );