test(terminal): verify complete native row markup

Author: Bill Leoutsakos

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/terminal/components/terminal-row-button.test.tsx

@@ -2,6 +2,7 @@
  * @vitest-environment jsdom
  */
 import { act } from 'react'
+import { BlockTileView } from '@sim/workflow-renderer'
 import { createRoot, type Root } from 'react-dom/client'
 import { renderToStaticMarkup } from 'react-dom/server'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
@@ -71,4 +72,28 @@ describe('TerminalRowButton', () => {
     expect(html).toContain('>Running</span>')
     expect(html).not.toContain('<div')
   })
+
+  it('keeps the complete tile, label, chevron, and status as valid button contents', () => {
+    const Icon = ({ className }: { className?: string }) => <svg className={className} />
+    const html = renderToStaticMarkup(
+      <TerminalRowButton aria-expanded={false}>
+        <span className={ROW_STYLES.content}>
+          <BlockTileView as='span' blockType='agent' icon={Icon} bgColor='#33C482' useAccent />
+          <span className={ROW_STYLES.label}>Agent</span>
+          <svg aria-hidden='true' />
+        </span>
+        <span className={ROW_STYLES.status}>
+          <StatusDisplay isRunning isCanceled={false} formattedDuration='-' />
+        </span>
+      </TerminalRowButton>
+    )
+    const document = new DOMParser().parseFromString(html, 'text/html')
+    const button = document.querySelector('button')
+    expect(button?.getAttribute('aria-expanded')).toBe('false')
+    expect(button?.textContent).toContain('Agent')
+    expect(button?.textContent).toContain('Running')
+    expect(button?.querySelector('[data-workflow-type-icon="agent"]')).not.toBeNull()
+    expect(button?.querySelectorAll('button, a, div')).toHaveLength(0)
+    expect(document.body.children).toHaveLength(1)
+  })
 })