fix(typescript-operations): Import type definitions of dependent frag…

…ments when `inlineFragmentType` is `mask` (#7799)

* Import type definitions of dependent fragments when `inlineFragmentType` is `mask`

* Add changeset

.changeset/fifty-students-fail.md

@@ -0,0 +1,5 @@
+---
+'@graphql-codegen/typescript-operations': patch
+---
+
+Import type definitions of dependent fragments when `inlineFragmentType` is `mask`

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

@@ -118,7 +118,8 @@ export class TypeScriptDocumentsVisitor extends BaseDocumentsVisitor<
   }
 
   public getImports(): Array<string> {
-    return !this.config.globalNamespace && this.config.inlineFragmentTypes === 'combine'
+    return !this.config.globalNamespace &&
+      (this.config.inlineFragmentTypes === 'combine' || this.config.inlineFragmentTypes === 'mask')
       ? this.config.fragmentImports.map(fragmentImport => generateFragmentImportStatement(fragmentImport, 'type'))
       : [];
   }

packages/presets/near-operation-file/tests/fixtures/issue-7798-child.ts

@@ -0,0 +1,5 @@
+export const UserNameFragment = /* GraphQL */ `
+  fragment UserName on User {
+    name
+  }
+`;

packages/presets/near-operation-file/tests/fixtures/issue-7798-parent.ts

@@ -0,0 +1,8 @@
+import { UserNameFragment } from './issue-7798-child';
+
+export const UserFragment = /* GraphQL */ `
+  fragment User on User {
+    ...UserName
+  }
+  ${UserNameFragment}
+`;

packages/presets/near-operation-file/tests/near-operation-file.spec.ts

@@ -544,6 +544,41 @@ describe('near-operation-file preset', () => {
         );
       }
     });
+
+    it('#7798 - importing type definitions of dependent fragments when `inlineFragmentType` is `mask`', async () => {
+      const result = await executeCodegen({
+        schema: [
+          /* GraphQL */ `
+            type User {
+              id: ID!
+              name: String!
+            }
+
+            type Query {
+              user(id: ID!): User!
+            }
+          `,
+        ],
+        documents: [
+          path.join(__dirname, 'fixtures/issue-7798-parent.ts'),
+          path.join(__dirname, 'fixtures/issue-7798-child.ts'),
+        ],
+        generates: {
+          'out1.ts': {
+            preset,
+            presetConfig: {
+              baseTypesPath: 'types.ts',
+            },
+            plugins: ['typescript-operations'],
+            config: { inlineFragmentTypes: 'mask' },
+          },
+        },
+      });
+
+      const parentContent = result.find(generatedDoc => generatedDoc.filename.match(/issue-7798-parent/)).content;
+      const imports = parentContent.match(/import.*UserNameFragment/g);
+      expect(imports).toHaveLength(1);
+    });
   });
 
   it('Should build the correct operation files paths', async () => {