Complete GeoIntel visual system and portfolio case study

frontend/src/components/detection/AiPipelineIllustration.test.tsx

@@ -0,0 +1,26 @@
+import { cleanup, fireEvent, render, screen } from '@testing-library/react'
+import { afterEach, describe, expect, it } from 'vitest'
+import { AiPipelineIllustration } from './AiPipelineIllustration'
+
+afterEach(cleanup)
+
+describe('AiPipelineIllustration', () => {
+  it('shows the real readiness state and explains the selected stage', () => {
+    render(
+      <AiPipelineIllustration
+        hasImagery
+        hasTiles
+        gpuReady
+        hasDetections={false}
+        hasQualityEvidence={false}
+        running={false}
+      />,
+    )
+
+    expect(screen.getByText('CUDA gereed')).toBeTruthy()
+    expect(screen.getByRole('tab', { name: /Detecties/ }).textContent).toContain('volgende stap')
+
+    fireEvent.click(screen.getByRole('tab', { name: /NVIDIA GPU/ }))
+    expect(screen.getByRole('tabpanel').textContent).toContain('Lokale PyTorch-inferentie')
+  })
+})