[typescript-operations] test: reproduce nested fragment import dropped with omitOperationSuffix + combine (failing) (#11026)

packages/plugins/typescript/operations/package.json

@@ -53,6 +53,7 @@
     "tslib": "^2.8.0"
   },
   "devDependencies": {
+    "@graphql-codegen/near-operation-file-preset": "5.2.2",
     "graphql-sock": "1.0.1"
   },
   "publishConfig": {

packages/plugins/typescript/operations/tests/fixtures/issue-11026/markdown.ts

@@ -0,0 +1,8 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+
+//@ts-ignore
+export const MarkdownFragment = gql(/* GraphQL */ `
+  fragment MarkdownFragment on Markdown {
+    markdown
+  }
+`);

packages/plugins/typescript/operations/tests/fixtures/issue-11026/op.ts

@@ -0,0 +1,19 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+
+//@ts-ignore
+export const WidgetFragment = gql(/* GraphQL */ `
+  fragment WidgetFragment on Widget {
+    title {
+      ...MarkdownFragment
+    }
+  }
+`);
+
+//@ts-ignore
+export const PingQuery = gql(/* GraphQL */ `
+  query Ping {
+    ping {
+      ...WidgetFragment
+    }
+  }
+`);

packages/plugins/typescript/operations/tests/ts-documents.near-operation-file.spec.ts

@@ -0,0 +1,68 @@
+import path from 'path';
+import { executeCodegen } from '@graphql-codegen/cli';
+import * as nearOperationFilePreset from '@graphql-codegen/near-operation-file-preset';
+import * as typescriptOperationsPlugin from '../src/index.js';
+
+const fixturesDir = path.join(__dirname, 'fixtures/issue-11026');
+
+const runCodegen = (omitOperationSuffix: boolean) =>
+  executeCodegen({
+    cwd: fixturesDir,
+    schema: /* GraphQL */ `
+      type Query {
+        ping: Widget
+      }
+
+      type Widget {
+        title: Markdown
+      }
+
+      type Markdown {
+        markdown: String
+      }
+    `,
+    documents: ['markdown.ts', 'op.ts'],
+    pluginLoader: async name => {
+      if (name === '@graphql-codegen/typescript-operations') {
+        return typescriptOperationsPlugin;
+      }
+      return import(name);
+    },
+    generates: {
+      './': {
+        preset: nearOperationFilePreset,
+        presetConfig: {
+          extension: '.generated.ts',
+          baseTypesPath: 'globalTypes.ts',
+        },
+        plugins: ['typescript-operations'],
+        config: {
+          omitOperationSuffix,
+          inlineFragmentTypes: 'combine',
+        },
+      },
+    },
+  });
+
+describe('TypeScript Operations Plugin - near-operation-file preset', () => {
+  it('Issue #11026 - imports fragment used by another fragment in the same file when omitOperationSuffix=true', async () => {
+    const { result } = await runCodegen(true);
+
+    const opFile = result.find(file => file.filename.endsWith('op.generated.ts'));
+    expect(opFile.content).toContain(
+      `export type WidgetFragment = { title: MarkdownFragment | null };`,
+    );
+    expect(opFile.content).toMatch(
+      /import (type )?\{ MarkdownFragment \} from '\.\/markdown\.generated';/,
+    );
+  });
+
+  it('control: imports fragment used by another fragment in the same file when omitOperationSuffix=false', async () => {
+    const { result } = await runCodegen(false);
+
+    const opFile = result.find(file => file.filename.endsWith('op.generated.ts'));
+    expect(opFile.content).toMatch(
+      /import (type )?\{ MarkdownFragmentFragment \} from '\.\/markdown\.generated';/,
+    );
+  });
+});