utilized fragments to reuse request object

Author: sadabnepal

readme.md

@@ -98,7 +98,7 @@ Sample Report
 ### GraphQL Topics to Explore
  - [x] basics of GraphQL (query, mutation)
  - [ ] advance topics (fragments, unions, aliases)
- - [ ] filters using arguments, variables, directive
+ - [x] filters using arguments, variables, directive
  - [ ] setting default variable
  - [ ] variables inside fragments
  - [ ] use of directive to build dynamic/reusable query

tests/payload/directives.ts

@@ -1,13 +1,11 @@
+import { userResponseFields } from './fragments';
+
 export const queryUsersWithNodeDirectivePayload = (includeNodes = true) => {
     return `{
         users {
             totalCount
             nodes @include (if: ${includeNodes}) {
-                email
-                gender
-                id
-                name
-                status
+                ${userResponseFields}
             }
         }
     }`;

tests/payload/fragments.ts

@@ -0,0 +1,20 @@
+export const userFragments = `fragment userFragments on user {
+    id
+    name
+    gender
+    email
+    status
+}`;
+
+export const userResponseFields = `id
+    name
+    gender
+    email
+    status`;
+
+//TODO: enhance this
+export const fragmentBuilder = (fragmentName: string, fragmentObject: string, fieldType: string) => {
+    return `fragment ${fragmentName} on ${fieldType} {
+        ${fragmentObject}
+    }`;
+};

tests/payload/mutation.ts

@@ -1,7 +1,10 @@
 import { IUser, IUserOmittedID } from '../types/users';
+import { userFragments, userResponseFields } from './fragments';
 
 export const createUserPayload = (data: IUserOmittedID) => {
-    return `mutation {
+    return `
+    ${userFragments}
+    mutation {
         createUser(
             input: {
                 name: "${data.name}"
@@ -11,19 +14,17 @@ export const createUserPayload = (data: IUserOmittedID) => {
             }
         ) {
             user {
-                id
-                name
-                gender
-                email
-                status
+                ...userFragments
             }
         }
     }`;
 };
 
 
 export const updateUserPayload = (data: IUser) => {
-    return `mutation {
+    return `
+    ${userFragments}
+    mutation {
         updateUser(
             input: {
                 id: ${data.id}
@@ -34,11 +35,7 @@ export const updateUserPayload = (data: IUser) => {
             }
         ) {
             user {
-                id
-                name
-                gender
-                email
-                status
+                ...userFragments
             }
         }
     }`;
@@ -52,11 +49,7 @@ export const deleteUserPayload = (id: number) => {
             }
         ) {
             user {
-                id
-                name
-                gender
-                email
-                status
+                ${userResponseFields}
             }
         }
     }`;

tests/payload/queries.ts

@@ -1,24 +1,18 @@
+import { userResponseFields } from './fragments';
+
 export const queryAllUserPayload = `{
     users {
         totalCount
         nodes {
-            email
-            gender
-            id
-            name
-            status
+            ${userResponseFields}
         }
     }
 }`;
 
 export const queryUserByIdPayload = (id: number) => {
     return `query User {
         user(id: "${id}") {
-            email
-            gender
-            id
-            name
-            status
+            ${userResponseFields}
         }
     }`;
 };