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

https://jira.nyu.edu/jira/browse/NYUP-804 vuejs/vue-test-utils#1137
NYULibraries · Jun 11, 2021 · df40640 · df40640
1 parent a16a195
commit df40640
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/tests/unit/components/ResultsPane.test.js b/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();
     } );