From 3da8162b0fe76d36adea2f94816ed63a6c0f78b2 Mon Sep 17 00:00:00 2001
From: Guillaume Chau <alphadelta.fg@gmail.com>
Date: Sun, 1 Dec 2019 16:56:11 +0100
Subject: [PATCH] test(useSubscription): watch result

---
 .../src/components/Subscriptions.vue          | 20 +++++++++++++++----
 .../tests/e2e/specs/subscriptions.js          |  2 ++
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/packages/test-e2e-composition/src/components/Subscriptions.vue b/packages/test-e2e-composition/src/components/Subscriptions.vue
index fc76182..1a8a417 100644
--- a/packages/test-e2e-composition/src/components/Subscriptions.vue
+++ b/packages/test-e2e-composition/src/components/Subscriptions.vue
@@ -1,5 +1,5 @@
 <script>
-import { ref, computed } from '@vue/composition-api'
+import { ref, computed, watch } from '@vue/composition-api'
 import { useSubscription, useMutation } from '@vue/apollo-composable'
 import gql from 'graphql-tag'
 
@@ -7,8 +7,9 @@ export default {
   setup () {
     const subType = ref('dog')
     const history = ref([])
+    const onResultCount = ref(0)
 
-    const { onResult } = useSubscription(gql`
+    const { result, onResult } = useSubscription(gql`
       subscription onCounterUpdate ($type: String!) {
         counterUpdated (type: $type)
       }
@@ -16,8 +17,14 @@ export default {
       type: subType.value,
     }))
 
+    watch(result, data => {
+      history.value.push(data.counterUpdated)
+    }, {
+      lazy: true,
+    })
+
     onResult(result => {
-      history.value.push(result.data.counterUpdated)
+      onResultCount.value++
     })
 
     const historyJson = computed(() => JSON.stringify(history.value))
@@ -43,6 +50,7 @@ export default {
     return {
       subType,
       historyJson,
+      onResultCount,
       inputType,
       counterValue,
       updateCounter,
@@ -117,7 +125,11 @@ export default {
     </div>
 
     <div class="sub-history">
-      {{ historyJson }}
+      history: {{ historyJson }}
+    </div>
+
+    <div class="result-count">
+      onResult called {{ onResultCount }} times
     </div>
   </div>
 </template>
diff --git a/packages/test-e2e-composition/tests/e2e/specs/subscriptions.js b/packages/test-e2e-composition/tests/e2e/specs/subscriptions.js
index 41e53a7..4dd1a6e 100644
--- a/packages/test-e2e-composition/tests/e2e/specs/subscriptions.js
+++ b/packages/test-e2e-composition/tests/e2e/specs/subscriptions.js
@@ -12,5 +12,7 @@ describe('useSubscription', () => {
     cy.get('.sub-cat').click()
     cy.get('.btn-update').click()
     cy.get('.sub-history').should('contain', '[0,1,3]')
+
+    cy.get('.result-count').should('contain', '3')
   })
 })