fix: variables in gql Query body are replaced (AnWeber/vscode-httpyac…

…#303)

CHANGELOG.md

@@ -1,3 +1,7 @@
+## [unreleased]
+### Fix
+- variables in gql Query body are replaced (AnWeber/vscode-httpyac#303)
+
 ## [6.14.0] ( 2024-06-01)
 ### Features
 - add `--tag` support to cli to only execute httpRegion with defined tag (#693)

src/plugins/graphql/gqlAction.ts

@@ -1,5 +1,5 @@
 import { log, userInteractionProvider } from '../../io';
-import { ProcessorContext, Request } from '../../models';
+import { ProcessorContext, Request, VariableType } from '../../models';
 import * as utils from '../../utils';
 
 export type GqlLoadData = string | ((context: ProcessorContext) => Promise<string | undefined>);
@@ -60,8 +60,9 @@ export class GqlAction {
             }
           }
         }
+        const replacedQuery = await utils.replaceVariables(query, VariableType.body, context);
         const gqlRequestBody: GqlPostRequest = {
-          query,
+          query: utils.isString(replacedQuery) ? replacedQuery : query,
         };
         if (this.gqlData.operationName) {
           gqlRequestBody.operationName = this.gqlData.operationName;

src/plugins/graphql/test/graphql.spec.ts

@@ -40,6 +40,30 @@ query launchesQuery($limit: Int!){
     );
   });
 
+  it('should replace variables in query', async () => {
+    initFileProvider();
+    const requests = initHttpClientProvider();
+
+    await sendHttp(
+      `
+@sku=1
+POST /graphql
+
+query getit {
+  product( id: "gid://shopify/Product/{{sku}}" ) {
+    id
+    status
+  }
+}
+    `
+    );
+
+    expect(requests[0].url).toBe(`/graphql`);
+    expect(requests[0].body).toBe(
+      '{"query":"query getit {\\n  product( id: \\"gid://shopify/Product/1\\" ) {\\n    id\\n    status\\n  }\\n}","operationName":"getit"}'
+    );
+  });
+
   it('query + operation + variable replacement', async () => {
     initFileProvider();
     const requests = initHttpClientProvider();