test(e2e): manual add smart query: loadingKey

Guillaume Chau · Guillaume Chau · commit 198b38330ae2 · 2019-10-21T12:42:44.000+02:00
diff --git a/tests/demo/apollo-server/resolvers.js b/tests/demo/apollo-server/resolvers.js
@@ -26,6 +26,9 @@ module.exports = {
     bad: () => {
       throw new Error('An error')
     },
+    loadNumber: () => new Promise((resolve) => {
+      setTimeout(() => resolve(42), 100)
+    }),
   },
 
   Mutation: {
diff --git a/tests/demo/apollo-server/schema.graphql b/tests/demo/apollo-server/schema.graphql
@@ -69,6 +69,7 @@ type Query {
   channel (id: ID!): Channel @private
   good: String
   bad: String
+  loadNumber: Int!
 }
 
 type Mutation {
diff --git a/tests/demo/src/components/ManualAddSmartQuery.vue b/tests/demo/src/components/ManualAddSmartQuery.vue
@@ -0,0 +1,46 @@
+<template>
+  <div>
+    <div v-if="loading > 0">
+      Loading...
+    </div>
+    <div v-else>
+      {{ number }}
+    </div>
+
+    <div>{{ json(history) }}</div>
+  </div>
+</template>
+
+<script>
+import gql from 'graphql-tag'
+export default {
+  data () {
+    return {
+      loading: 0,
+      number: null,
+      history: [],
+    }
+  },
+
+  mounted () {
+    this.$apollo.addSmartQuery('number', {
+      query: gql`
+        query {
+          number: loadNumber
+        }
+      `,
+      loadingKey: 'loading',
+      watchLoading: (isLoading, countModifier) => {
+        console.log(isLoading, countModifier)
+        this.history.push({ isLoading, countModifier })
+      },
+    })
+  },
+
+  methods: {
+    json (value) {
+      return JSON.stringify(value)
+    },
+  },
+}
+</script>
diff --git a/tests/demo/src/router.js b/tests/demo/src/router.js
@@ -4,6 +4,7 @@ import UserLogin from './components/UserLogin.vue'
 import WelcomeView from './components/WelcomeView.vue'
 import ChannelView from './components/ChannelView.vue'
 import PartialError from './components/PartialError.vue'
+import ManualAddSmartQuery from './components/ManualAddSmartQuery.vue'
 
 Vue.use(Router)
 
@@ -36,5 +37,9 @@ export default new Router({
       path: '/partial-error',
       component: PartialError,
     },
+    {
+      path: '/manual-add-smart-query',
+      component: ManualAddSmartQuery,
+    },
   ],
 })
diff --git a/tests/demo/tests/e2e/specs/manual-smart-query.js b/tests/demo/tests/e2e/specs/manual-smart-query.js
@@ -0,0 +1,8 @@
+describe('Manual Smart Query', () => {
+  it('should support loading key', () => {
+    cy.visit('/manual-add-smart-query')
+    cy.contains('Loading...')
+    cy.contains('42')
+    cy.contains('[{"isLoading":true,"countModifier":1},{"isLoading":false,"countModifier":-1}]')
+  })
+})

Original file line number	Diff line number	Diff line change
`@@ -69,6 +69,7 @@ type Query {`
`69`	`69`	`channel (id: ID!): Channel @private`
`70`	`70`	`good: String`
`71`	`71`	`bad: String`
	`72`	`+ loadNumber: Int!`
`72`	`73`	`}`
`73`	`74`
`74`	`75`	`type Mutation {`