test: fragment

vuejs · Jan 15, 2024 · 062f72a · 062f72a
1 parent f8568e8
commit 062f72a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/packages/test-e2e-composable-vue3/src/components/ChannelList.vue b/packages/test-e2e-composable-vue3/src/components/ChannelList.vue
@@ -13,10 +13,14 @@ export default defineComponent({
     const { result, loading } = useQuery<{ channels: Channel[] }>(gql`
       query channels {
         channels {
-          id
-          label
+          ...channel
         }
       }
+
+      fragment channel on Channel {
+        id
+        label
+      }
     `)
     const channels = computed(() => result.value?.channels ?? [])
 

diff --git a/packages/test-e2e-composable-vue3/src/components/ChannelView.vue b/packages/test-e2e-composable-vue3/src/components/ChannelView.vue
@@ -22,12 +22,16 @@ export default defineComponent({
     const { result, loading, refetch } = useQuery(gql`
       query channel ($id: ID!) {
         channel (id: $id) {
+          ...channelView
+        }
+      }
+
+      fragment channelView on Channel {
+        id
+        label
+        messages {
           id
-          label
-          messages {
-            id
-            text
-          }
+          text
         }
       }
     `, () => ({