test(agentflow): update tests to remove console warnings (#5878)

* test(agentflow): update ConnectionLine and GenerateFlowDialog tests to use SvgWrapper for rendering

- Modified tests for ConnectionLine to wrap components in SvgWrapper for proper rendering of SVG elements.
- Updated GenerateFlowDialog tests to include async wait for chat models to be loaded before assertions.
- Enhanced test coverage and reliability by ensuring correct rendering contexts for components.

* address gemini review comments

Author: jocelynlin-wd

packages/agentflow/src/features/canvas/components/ConnectionLine.test.tsx

@@ -1,9 +1,14 @@
+import { ReactNode } from 'react'
 import { Position } from 'reactflow'
 
-import { render } from '@testing-library/react'
+import { render, RenderOptions } from '@testing-library/react'
 
 import { ConnectionLine } from './ConnectionLine'
 
+const SvgWrapper = ({ children }: { children: ReactNode }) => <svg>{children}</svg>
+
+const renderInSvg = (ui: React.ReactElement, options?: Omit<RenderOptions, 'wrapper'>) => render(ui, { wrapper: SvgWrapper, ...options })
+
 // --- Mocks ---
 let mockConnectionHandleId: string | null = null
 
@@ -39,72 +44,72 @@ describe('ConnectionLine', () => {
     describe('edge label visibility', () => {
         it('should not render edge label for regular nodes', () => {
             mockConnectionHandleId = 'llmAgentflow_output_0'
-            const { queryByTestId } = render(<ConnectionLine {...defaultProps} />)
+            const { queryByTestId } = renderInSvg(<ConnectionLine {...defaultProps} />)
             expect(queryByTestId('edge-label-renderer')).not.toBeInTheDocument()
         })
 
         it('should render edge label for conditionAgentflow nodes', () => {
             mockConnectionHandleId = 'conditionAgentflow_output-0'
-            const { getByTestId } = render(<ConnectionLine {...defaultProps} />)
+            const { getByTestId } = renderInSvg(<ConnectionLine {...defaultProps} />)
             expect(getByTestId('edge-label-renderer')).toBeInTheDocument()
         })
 
         it('should render edge label for conditionAgentAgentflow nodes', () => {
             mockConnectionHandleId = 'conditionAgentAgentflow_output-0'
-            const { getByTestId } = render(<ConnectionLine {...defaultProps} />)
+            const { getByTestId } = renderInSvg(<ConnectionLine {...defaultProps} />)
             expect(getByTestId('edge-label-renderer')).toBeInTheDocument()
         })
 
         it('should render edge label for humanInputAgentflow nodes', () => {
             mockConnectionHandleId = 'humanInputAgentflow_output-0'
-            const { getByTestId } = render(<ConnectionLine {...defaultProps} />)
+            const { getByTestId } = renderInSvg(<ConnectionLine {...defaultProps} />)
             expect(getByTestId('edge-label-renderer')).toBeInTheDocument()
         })
     })
 
     describe('edge label content', () => {
         it('should show numeric label for condition nodes', () => {
             mockConnectionHandleId = 'conditionAgentflow_output-2'
-            const { getByText } = render(<ConnectionLine {...defaultProps} />)
+            const { getByText } = renderInSvg(<ConnectionLine {...defaultProps} />)
             expect(getByText('2')).toBeInTheDocument()
         })
 
         it('should show "0" when condition handle has no numeric suffix', () => {
             mockConnectionHandleId = 'conditionAgentflow_output-0'
-            const { getByText } = render(<ConnectionLine {...defaultProps} />)
+            const { getByText } = renderInSvg(<ConnectionLine {...defaultProps} />)
             expect(getByText('0')).toBeInTheDocument()
         })
 
         it('should show "proceed" for humanInput first output (index 0)', () => {
             mockConnectionHandleId = 'humanInputAgentflow_output-0'
-            const { getByText } = render(<ConnectionLine {...defaultProps} />)
+            const { getByText } = renderInSvg(<ConnectionLine {...defaultProps} />)
             expect(getByText('proceed')).toBeInTheDocument()
         })
 
         it('should show "reject" for humanInput second output (index 1)', () => {
             mockConnectionHandleId = 'humanInputAgentflow_output-1'
-            const { getByText } = render(<ConnectionLine {...defaultProps} />)
+            const { getByText } = renderInSvg(<ConnectionLine {...defaultProps} />)
             expect(getByText('reject')).toBeInTheDocument()
         })
 
         it('should handle NaN suffix by defaulting to "0"', () => {
             mockConnectionHandleId = 'conditionAgentflow_output-notanumber'
-            const { getByText } = render(<ConnectionLine {...defaultProps} />)
+            const { getByText } = renderInSvg(<ConnectionLine {...defaultProps} />)
             expect(getByText('0')).toBeInTheDocument()
         })
     })
 
     describe('edge color', () => {
         it('should use the color from AGENTFLOW_ICONS for known nodes', () => {
             mockConnectionHandleId = 'conditionAgentflow_output-0'
-            const { container } = render(<ConnectionLine {...defaultProps} />)
+            const { container } = renderInSvg(<ConnectionLine {...defaultProps} />)
             const path = container.querySelector('path.animated')
             expect(path).toHaveAttribute('stroke', '#FF6B6B')
         })
 
         it('should render path element for any connection', () => {
             mockConnectionHandleId = 'llmAgentflow_output_0'
-            const { container } = render(<ConnectionLine {...defaultProps} />)
+            const { container } = renderInSvg(<ConnectionLine {...defaultProps} />)
             const path = container.querySelector('path.animated')
             expect(path).toBeInTheDocument()
             expect(path).toHaveAttribute('stroke', '#45B7D1')
@@ -113,7 +118,7 @@ describe('ConnectionLine', () => {
 
     it('should handle null connectionHandleId gracefully', () => {
         mockConnectionHandleId = null
-        const { container } = render(<ConnectionLine {...defaultProps} />)
+        const { container } = renderInSvg(<ConnectionLine {...defaultProps} />)
         expect(container.querySelector('g')).toBeInTheDocument()
     })
 })