test(graphql): add TypedDocumentNode inference tests (#2018)

Author: kettanaito

package.json

@@ -259,6 +259,7 @@
   "devDependencies": {
     "@commitlint/cli": "^18.4.4",
     "@commitlint/config-conventional": "^18.4.4",
+    "@graphql-typed-document-node/core": "^3.2.0",
     "@fastify/websocket": "^8.3.1",
     "@open-draft/test-server": "^0.4.2",
     "@ossjs/release": "^0.8.1",

pnpm-lock.yaml

@@ -0,0 +1,43 @@
+import { graphql, HttpResponse } from 'msw'
+import { TypedDocumentNode } from '@graphql-typed-document-node/core'
+
+const GetUserQuery = {} as TypedDocumentNode<
+  {
+    user: {
+      name: 'John'
+    }
+  },
+  { userId: string }
+>
+
+graphql.query(GetUserQuery, ({ variables }) => {
+  variables.userId.toUpperCase()
+
+  return HttpResponse.json({
+    data: {
+      user: { name: 'John' },
+    },
+  })
+})
+
+graphql.query(GetUserQuery, ({ variables }) => {
+  // @ts-expect-error Unknown variable
+  variables.unknownVariable
+
+  return HttpResponse.json({
+    data: {
+      user: { name: 'John' },
+    },
+  })
+})
+
+graphql.query(GetUserQuery, () => {
+  return HttpResponse.json({
+    data: {
+      user: {
+        // @ts-expect-error Invalid response type.
+        name: 123,
+      },
+    },
+  })
+})