test(cockpit-langgraph): aimock e2e for 7 remaining langgraph caps (Task #4)

.github/workflows/ci.yml

@@ -277,6 +277,13 @@ jobs:
           - { angular: cockpit-chat-theming-angular,           python: cockpit/chat/theming/python }
           - { angular: cockpit-chat-generative-ui-angular,     python: cockpit/chat/generative-ui/python }
           - { angular: cockpit-chat-a2ui-angular,              python: cockpit/chat/a2ui/python }
+          - { angular: cockpit-langgraph-persistence-angular,  python: cockpit/langgraph/persistence/python }
+          - { angular: cockpit-langgraph-interrupts-angular,   python: cockpit/langgraph/interrupts/python }
+          - { angular: cockpit-langgraph-memory-angular,       python: cockpit/langgraph/memory/python }
+          - { angular: cockpit-langgraph-durable-execution-angular, python: cockpit/langgraph/durable-execution/python }
+          - { angular: cockpit-langgraph-subgraphs-angular,    python: cockpit/langgraph/subgraphs/python }
+          - { angular: cockpit-langgraph-time-travel-angular,  python: cockpit/langgraph/time-travel/python }
+          - { angular: cockpit-langgraph-deployment-runtime-angular, python: cockpit/langgraph/deployment-runtime/python }
     steps:
       - uses: actions/checkout@v6.0.2
       - uses: actions/setup-node@v6.3.0

apps/cockpit/scripts/capability-registry.ts

@@ -16,14 +16,14 @@ export interface Capability {
 }
 
 export const capabilities: readonly Capability[] = [
-  { id: 'streaming', product: 'langgraph', topic: 'streaming', angularProject: 'cockpit-langgraph-streaming-angular', port: 4300, pythonDir: 'cockpit/langgraph/streaming/python', graphName: 'streaming' },
-  { id: 'persistence', product: 'langgraph', topic: 'persistence', angularProject: 'cockpit-langgraph-persistence-angular', port: 4301, pythonDir: 'cockpit/langgraph/persistence/python', graphName: 'persistence' },
-  { id: 'interrupts', product: 'langgraph', topic: 'interrupts', angularProject: 'cockpit-langgraph-interrupts-angular', port: 4302, pythonDir: 'cockpit/langgraph/interrupts/python', graphName: 'interrupts' },
-  { id: 'memory', product: 'langgraph', topic: 'memory', angularProject: 'cockpit-langgraph-memory-angular', port: 4303, pythonDir: 'cockpit/langgraph/memory/python', graphName: 'memory' },
-  { id: 'durable-execution', product: 'langgraph', topic: 'durable-execution', angularProject: 'cockpit-langgraph-durable-execution-angular', port: 4304, pythonDir: 'cockpit/langgraph/durable-execution/python', graphName: 'durable-execution' },
-  { id: 'subgraphs', product: 'langgraph', topic: 'subgraphs', angularProject: 'cockpit-langgraph-subgraphs-angular', port: 4305, pythonDir: 'cockpit/langgraph/subgraphs/python', graphName: 'subgraphs' },
-  { id: 'time-travel', product: 'langgraph', topic: 'time-travel', angularProject: 'cockpit-langgraph-time-travel-angular', port: 4306, pythonDir: 'cockpit/langgraph/time-travel/python', graphName: 'time-travel' },
-  { id: 'deployment-runtime', product: 'langgraph', topic: 'deployment-runtime', angularProject: 'cockpit-langgraph-deployment-runtime-angular', port: 4307, pythonDir: 'cockpit/langgraph/deployment-runtime/python', graphName: 'deployment-runtime' },
+  { id: 'streaming', product: 'langgraph', topic: 'streaming', angularProject: 'cockpit-langgraph-streaming-angular', port: 4300, pythonPort: 5300, pythonDir: 'cockpit/langgraph/streaming/python', graphName: 'streaming' },
+  { id: 'persistence', product: 'langgraph', topic: 'persistence', angularProject: 'cockpit-langgraph-persistence-angular', port: 4301, pythonPort: 5301, pythonDir: 'cockpit/langgraph/persistence/python', graphName: 'persistence' },
+  { id: 'interrupts', product: 'langgraph', topic: 'interrupts', angularProject: 'cockpit-langgraph-interrupts-angular', port: 4302, pythonPort: 5302, pythonDir: 'cockpit/langgraph/interrupts/python', graphName: 'interrupts' },
+  { id: 'memory', product: 'langgraph', topic: 'memory', angularProject: 'cockpit-langgraph-memory-angular', port: 4303, pythonPort: 5303, pythonDir: 'cockpit/langgraph/memory/python', graphName: 'memory' },
+  { id: 'durable-execution', product: 'langgraph', topic: 'durable-execution', angularProject: 'cockpit-langgraph-durable-execution-angular', port: 4304, pythonPort: 5304, pythonDir: 'cockpit/langgraph/durable-execution/python', graphName: 'durable-execution' },
+  { id: 'subgraphs', product: 'langgraph', topic: 'subgraphs', angularProject: 'cockpit-langgraph-subgraphs-angular', port: 4305, pythonPort: 5305, pythonDir: 'cockpit/langgraph/subgraphs/python', graphName: 'subgraphs' },
+  { id: 'time-travel', product: 'langgraph', topic: 'time-travel', angularProject: 'cockpit-langgraph-time-travel-angular', port: 4306, pythonPort: 5306, pythonDir: 'cockpit/langgraph/time-travel/python', graphName: 'time-travel' },
+  { id: 'deployment-runtime', product: 'langgraph', topic: 'deployment-runtime', angularProject: 'cockpit-langgraph-deployment-runtime-angular', port: 4307, pythonPort: 5307, pythonDir: 'cockpit/langgraph/deployment-runtime/python', graphName: 'deployment-runtime' },
   { id: 'da-planning', product: 'deep-agents', topic: 'planning', angularProject: 'cockpit-deep-agents-planning-angular', port: 4310, pythonDir: 'cockpit/deep-agents/planning/python', graphName: 'da-planning' },
   { id: 'da-filesystem', product: 'deep-agents', topic: 'filesystem', angularProject: 'cockpit-deep-agents-filesystem-angular', port: 4311, pythonDir: 'cockpit/deep-agents/filesystem/python', graphName: 'da-filesystem' },
   { id: 'da-subagents', product: 'deep-agents', topic: 'subagents', angularProject: 'cockpit-deep-agents-subagents-angular', port: 4312, pythonDir: 'cockpit/deep-agents/subagents/python', graphName: 'subagents' },

cockpit/langgraph/deployment-runtime/angular/e2e/deployment-runtime.spec.ts

@@ -0,0 +1,10 @@
+// SPDX-License-Identifier: MIT
+import { test, expect } from '@playwright/test';
+import { submitAndWaitForResponse } from '../../../../../libs/e2e-harness/src';
+
+test('deployment-runtime: hello prompt produces assistant turn', async ({ page }) => {
+  const bubble = await submitAndWaitForResponse(page, 'Hello');
+  // Smoke: backend booted, aimock replayed fixture, assistant bubble
+  // finalized (data-streaming="false") and is present in the DOM.
+  await expect(bubble).toBeVisible();
+});

cockpit/langgraph/deployment-runtime/angular/e2e/fixtures/deployment-runtime.json

@@ -0,0 +1,12 @@
+{
+  "fixtures": [
+    {
+      "match": {
+        "userMessage": "Hello"
+      },
+      "response": {
+        "content": "Hello! How can I help you today?"
+      }
+    }
+  ]
+}

cockpit/langgraph/deployment-runtime/angular/e2e/global-setup-impl.ts

@@ -0,0 +1,11 @@
+// SPDX-License-Identifier: MIT
+import { resolve } from 'node:path';
+import { createGlobalSetup } from '../../../../../libs/e2e-harness/src';
+
+export default createGlobalSetup({
+  langgraphCwd: 'cockpit/langgraph/deployment-runtime/python',
+  langgraphPort: 5307,
+  angularProject: 'cockpit-langgraph-deployment-runtime-angular',
+  angularPort: 4307,
+  fixturesDir: resolve(__dirname, 'fixtures'),
+});

cockpit/langgraph/deployment-runtime/angular/e2e/playwright.config.ts

@@ -0,0 +1,18 @@
+// SPDX-License-Identifier: MIT
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: '.',
+  testMatch: '**/*.spec.ts',
+  fullyParallel: false,
+  workers: 1,
+  retries: process.env.CI ? 2 : 0,
+  reporter: process.env.CI ? [['list'], ['html', { open: 'never' }]] : 'list',
+  use: {
+    baseURL: 'http://localhost:4307',
+    trace: 'retain-on-failure',
+  },
+  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
+  globalSetup: './global-setup-impl.ts',
+  globalTeardown: require.resolve('../../../../../libs/e2e-harness/src/global-teardown'),
+});

cockpit/langgraph/deployment-runtime/angular/e2e/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "Bundler",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "types": ["node"]
+  },
+  "include": ["**/*.ts"],
+  "exclude": ["node_modules", "test-results", "playwright-report"]
+}

cockpit/langgraph/deployment-runtime/angular/project.json

@@ -87,6 +87,12 @@
         "cwd": "cockpit/langgraph/deployment-runtime/angular",
         "command": "npx tsx -e \"import { langgraphDeploymentRuntimeAngularModule } from './src/index.ts'; const module = langgraphDeploymentRuntimeAngularModule; if (module.id !== 'langgraph-deployment-runtime-angular' || module.title !== 'LangGraph Deployment & Runtime (Angular)') { throw new Error('Unexpected module shape for ' + module.id); }\""
       }
+    },
+    "e2e": {
+      "executor": "@nx/playwright:playwright",
+      "options": {
+        "config": "cockpit/langgraph/deployment-runtime/angular/e2e/playwright.config.ts"
+      }
     }
   }
 }

cockpit/langgraph/deployment-runtime/angular/proxy.conf.json

@@ -1,9 +1,11 @@
 {
   "/api": {
-    "target": "http://localhost:8123",
+    "target": "http://localhost:5307",
     "secure": false,
     "changeOrigin": true,
-    "pathRewrite": { "^/api": "" },
+    "pathRewrite": {
+      "^/api": ""
+    },
     "ws": true
   }
 }

cockpit/langgraph/durable-execution/angular/e2e/durable-execution.spec.ts

@@ -0,0 +1,10 @@
+// SPDX-License-Identifier: MIT
+import { test, expect } from '@playwright/test';
+import { submitAndWaitForResponse } from '../../../../../libs/e2e-harness/src';
+
+test('durable-execution: hello prompt produces assistant turn', async ({ page }) => {
+  const bubble = await submitAndWaitForResponse(page, 'Hello');
+  // Smoke: backend booted, aimock replayed fixture, assistant bubble
+  // finalized (data-streaming="false") and is present in the DOM.
+  await expect(bubble).toBeVisible();
+});

cockpit/langgraph/durable-execution/angular/e2e/fixtures/durable-execution.json

@@ -0,0 +1,12 @@
+{
+  "fixtures": [
+    {
+      "match": {
+        "userMessage": "Hello"
+      },
+      "response": {
+        "content": "The user sent a simple greeting (\"Hello\"), so the immediate goal is to acknowledge the greeting and invite them to continue (e.g., ask how I can help or what they'd like to discuss)."
+      }
+    }
+  ]
+}

cockpit/langgraph/durable-execution/angular/e2e/global-setup-impl.ts

@@ -0,0 +1,11 @@
+// SPDX-License-Identifier: MIT
+import { resolve } from 'node:path';
+import { createGlobalSetup } from '../../../../../libs/e2e-harness/src';
+
+export default createGlobalSetup({
+  langgraphCwd: 'cockpit/langgraph/durable-execution/python',
+  langgraphPort: 5304,
+  angularProject: 'cockpit-langgraph-durable-execution-angular',
+  angularPort: 4304,
+  fixturesDir: resolve(__dirname, 'fixtures'),
+});

cockpit/langgraph/durable-execution/angular/e2e/playwright.config.ts

@@ -0,0 +1,18 @@
+// SPDX-License-Identifier: MIT
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: '.',
+  testMatch: '**/*.spec.ts',
+  fullyParallel: false,
+  workers: 1,
+  retries: process.env.CI ? 2 : 0,
+  reporter: process.env.CI ? [['list'], ['html', { open: 'never' }]] : 'list',
+  use: {
+    baseURL: 'http://localhost:4304',
+    trace: 'retain-on-failure',
+  },
+  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
+  globalSetup: './global-setup-impl.ts',
+  globalTeardown: require.resolve('../../../../../libs/e2e-harness/src/global-teardown'),
+});

cockpit/langgraph/durable-execution/angular/e2e/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "Bundler",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "types": ["node"]
+  },
+  "include": ["**/*.ts"],
+  "exclude": ["node_modules", "test-results", "playwright-report"]
+}

cockpit/langgraph/durable-execution/angular/project.json

@@ -87,6 +87,12 @@
         "cwd": "cockpit/langgraph/durable-execution/angular",
         "command": "npx tsx -e \"import { langgraphDurableExecutionAngularModule } from './src/index.ts'; const module = langgraphDurableExecutionAngularModule; if (module.id !== 'langgraph-durable-execution-angular' || module.title !== 'LangGraph Durable Execution (Angular)') { throw new Error('Unexpected module shape for ' + module.id); }\""
       }
+    },
+    "e2e": {
+      "executor": "@nx/playwright:playwright",
+      "options": {
+        "config": "cockpit/langgraph/durable-execution/angular/e2e/playwright.config.ts"
+      }
     }
   }
 }

cockpit/langgraph/durable-execution/angular/proxy.conf.json

@@ -1,9 +1,11 @@
 {
   "/api": {
-    "target": "http://localhost:8123",
+    "target": "http://localhost:5304",
     "secure": false,
     "changeOrigin": true,
-    "pathRewrite": { "^/api": "" },
+    "pathRewrite": {
+      "^/api": ""
+    },
     "ws": true
   }
 }

cockpit/langgraph/interrupts/angular/e2e/fixtures/interrupts.json

@@ -0,0 +1,12 @@
+{
+  "fixtures": [
+    {
+      "match": {
+        "userMessage": "Hello"
+      },
+      "response": {
+        "content": "Hello! How can I help you today? Please approve this response to continue."
+      }
+    }
+  ]
+}

cockpit/langgraph/interrupts/angular/e2e/global-setup-impl.ts

@@ -0,0 +1,11 @@
+// SPDX-License-Identifier: MIT
+import { resolve } from 'node:path';
+import { createGlobalSetup } from '../../../../../libs/e2e-harness/src';
+
+export default createGlobalSetup({
+  langgraphCwd: 'cockpit/langgraph/interrupts/python',
+  langgraphPort: 5302,
+  angularProject: 'cockpit-langgraph-interrupts-angular',
+  angularPort: 4302,
+  fixturesDir: resolve(__dirname, 'fixtures'),
+});

cockpit/langgraph/interrupts/angular/e2e/interrupts.spec.ts

@@ -0,0 +1,10 @@
+// SPDX-License-Identifier: MIT
+import { test, expect } from '@playwright/test';
+import { submitAndWaitForResponse } from '../../../../../libs/e2e-harness/src';
+
+test('interrupts: hello prompt produces assistant turn', async ({ page }) => {
+  const bubble = await submitAndWaitForResponse(page, 'Hello');
+  // Smoke: backend booted, aimock replayed fixture, assistant bubble
+  // finalized (data-streaming="false") and is present in the DOM.
+  await expect(bubble).toBeVisible();
+});

cockpit/langgraph/interrupts/angular/e2e/playwright.config.ts

@@ -0,0 +1,18 @@
+// SPDX-License-Identifier: MIT
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: '.',
+  testMatch: '**/*.spec.ts',
+  fullyParallel: false,
+  workers: 1,
+  retries: process.env.CI ? 2 : 0,
+  reporter: process.env.CI ? [['list'], ['html', { open: 'never' }]] : 'list',
+  use: {
+    baseURL: 'http://localhost:4302',
+    trace: 'retain-on-failure',
+  },
+  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
+  globalSetup: './global-setup-impl.ts',
+  globalTeardown: require.resolve('../../../../../libs/e2e-harness/src/global-teardown'),
+});

cockpit/langgraph/interrupts/angular/e2e/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "Bundler",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "types": ["node"]
+  },
+  "include": ["**/*.ts"],
+  "exclude": ["node_modules", "test-results", "playwright-report"]
+}

cockpit/langgraph/interrupts/angular/project.json

@@ -87,6 +87,12 @@
         "cwd": "cockpit/langgraph/interrupts/angular",
         "command": "npx tsx -e \"import { langgraphInterruptsAngularModule } from './src/index.ts'; const module = langgraphInterruptsAngularModule; if (module.id !== 'langgraph-interrupts-angular' || module.title !== 'LangGraph Interrupts (Angular)') { throw new Error('Unexpected module shape for ' + module.id); }\""
       }
+    },
+    "e2e": {
+      "executor": "@nx/playwright:playwright",
+      "options": {
+        "config": "cockpit/langgraph/interrupts/angular/e2e/playwright.config.ts"
+      }
     }
   }
 }

cockpit/langgraph/interrupts/angular/proxy.conf.json

@@ -1,9 +1,11 @@
 {
   "/api": {
-    "target": "http://localhost:8123",
+    "target": "http://localhost:5302",
     "secure": false,
     "changeOrigin": true,
-    "pathRewrite": { "^/api": "" },
+    "pathRewrite": {
+      "^/api": ""
+    },
     "ws": true
   }
 }

cockpit/langgraph/memory/angular/e2e/fixtures/memory.json

@@ -0,0 +1,18 @@
+{
+  "fixtures": [
+    {
+      "match": {
+        "userMessage": "Hello"
+      },
+      "response": {
+        "content": "Hi \u2014 nice to meet you! How can I help today? If you like, tell me your name or anything you want me to remember for future chats."
+      }
+    },
+    {
+      "match": {},
+      "response": {
+        "content": "{}"
+      }
+    }
+  ]
+}

cockpit/langgraph/memory/angular/e2e/global-setup-impl.ts

@@ -0,0 +1,11 @@
+// SPDX-License-Identifier: MIT
+import { resolve } from 'node:path';
+import { createGlobalSetup } from '../../../../../libs/e2e-harness/src';
+
+export default createGlobalSetup({
+  langgraphCwd: 'cockpit/langgraph/memory/python',
+  langgraphPort: 5303,
+  angularProject: 'cockpit-langgraph-memory-angular',
+  angularPort: 4303,
+  fixturesDir: resolve(__dirname, 'fixtures'),
+});

cockpit/langgraph/memory/angular/e2e/memory.spec.ts

@@ -0,0 +1,10 @@
+// SPDX-License-Identifier: MIT
+import { test, expect } from '@playwright/test';
+import { submitAndWaitForResponse } from '../../../../../libs/e2e-harness/src';
+
+test('memory: hello prompt produces assistant turn', async ({ page }) => {
+  const bubble = await submitAndWaitForResponse(page, 'Hello');
+  // Smoke: backend booted, aimock replayed fixture, assistant bubble
+  // finalized (data-streaming="false") and is present in the DOM.
+  await expect(bubble).toBeVisible();
+});

cockpit/langgraph/memory/angular/e2e/playwright.config.ts

@@ -0,0 +1,18 @@
+// SPDX-License-Identifier: MIT
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  testDir: '.',
+  testMatch: '**/*.spec.ts',
+  fullyParallel: false,
+  workers: 1,
+  retries: process.env.CI ? 2 : 0,
+  reporter: process.env.CI ? [['list'], ['html', { open: 'never' }]] : 'list',
+  use: {
+    baseURL: 'http://localhost:4303',
+    trace: 'retain-on-failure',
+  },
+  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
+  globalSetup: './global-setup-impl.ts',
+  globalTeardown: require.resolve('../../../../../libs/e2e-harness/src/global-teardown'),
+});