test(graphql): add TypedDocumentNode inference tests

package.json

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

test/typings/graphql-typed-document.test-d.ts

@@ -0,0 +1,44 @@
+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,
+  // @ts-expect-error Invalid response type.
+  () => {
+    return HttpResponse.json({
+      data: {
+        user: { name: 123 },
+      },
+    })
+  },
+)

test/typings/tsconfig.4.7.json

@@ -1,6 +1,7 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "moduleResolution": "Node16"
+    "moduleResolution": "Node16",
+    "lib": ["DOM", "DOM.Iterable"]
   }
 }