Add Exact and set up test

Author: eddeee888

packages/plugins/typescript/operations/src/index.ts

@@ -60,7 +60,11 @@ export const plugin: PluginFunction<TypeScriptDocumentsPluginConfig, Types.Compl
   }
 
   return {
-    prepend: [...visitor.getImports(), ...visitor.getGlobalDeclarations(visitor.config.noExport)],
+    prepend: [
+      ...visitor.getImports(),
+      ...visitor.getGlobalDeclarations(visitor.config.noExport),
+      'type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };',
+    ],
     content,
   };
 };

packages/plugins/typescript/operations/tests/ts-documents.standalone.spec.ts

@@ -1,4 +1,5 @@
-import { validateTs } from '@graphql-codegen/testing';
+import { mergeOutputs } from '@graphql-codegen/plugin-helpers';
+// import { validateTs } from '@graphql-codegen/testing';
 import { buildSchema, parse } from 'graphql';
 import { plugin } from '../src/index.js';
 
@@ -7,41 +8,92 @@ describe('TypeScript Operations Plugin - Standalone', () => {
     const schema = buildSchema(/* GraphQL */ `
       type Query {
         user(id: ID!): User
+        users(input: UsersInput!): UsersResponse!
+      }
+
+      type ResponseError {
+        error: ResponseErrorType!
+      }
+
+      enum ResponseErrorType {
+        NOT_FOUND
+        INPUT_VALIDATION_ERROR
+        FORBIDDEN_ERROR
+        UNEXPECTED_ERROR
       }
 
       type User {
         id: ID!
         name: String!
         role: UserRole!
+        createdAt: DateTime!
       }
 
       enum UserRole {
         ADMIN
         CUSTOMER
       }
+
+      input UsersInput {
+        from: DateTime
+        to: DateTime
+      }
+
+      type UsersResponseOk {
+        users: [User!]!
+      }
+      union UsersResponse = UsersResponseOk | ResponseError
+
+      scalar DateTime
     `);
     const document = parse(/* GraphQL */ `
       query User($id: ID!) {
         user(id: $id) {
           id
           name
           role
+          createdAt
+        }
+      }
+
+      query Users($input: UsersInput!) {
+        users(input: $input) {
+          ... on UsersResponseOk {
+            result {
+              id
+            }
+          }
+          ... on ResponseError {
+            __typename
+          }
         }
       }
     `);
 
-    const { content } = await plugin(schema, [{ document }], {});
+    const result = mergeOutputs([await plugin(schema, [{ document }], {})]);
 
-    expect(content).toMatchInlineSnapshot(`
-      "export type UserQueryVariables = Exact<{
+    expect(result).toMatchInlineSnapshot(`
+      "type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] };
+      export type UserQueryVariables = Exact<{
         id: Scalars['ID']['input'];
       }>;
 
 
-      export type UserQuery = { __typename?: 'Query', user?: { __typename?: 'User', id: string, name: string, role: UserRole } | null };
+      export type UserQuery = { __typename?: 'Query', user?: { __typename?: 'User', id: string, name: string, role: UserRole, createdAt: any } | null };
+
+      export type UsersQueryVariables = Exact<{
+        input: UsersInput;
+      }>;
+
+
+      export type UsersQuery = { __typename?: 'Query', users:
+          | { __typename?: 'UsersResponseOk' }
+          | { __typename: 'ResponseError' }
+         };
       "
     `);
 
-    validateTs(content, undefined, undefined, undefined, undefined, true);
+    // FIXME: enable this to ensure type correctness
+    // validateTs(content, undefined, undefined, undefined, undefined, true);
   });
 });