@skyhook-io/k8s-ui 1.16.3 → 1.17.1

package/src/components/ui/status-tone.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from 'vitest'
-import { mapHealthToTone } from './status-tone'
+import { mapHealthToTone, worseTone } from './status-tone'
 
 // Inputs flow in from heterogeneous sources (Problems API, Audit findings,
 // multi-cluster aggregation). A regression here is a silent visual
@@ -51,3 +51,12 @@ describe('mapHealthToTone', () => {
     expect(mapHealthToTone('HIGH')).toBe('alert')
   })
 })
+
+describe('worseTone', () => {
+  it('never reads calmer than a part that could not be read', () => {
+    expect(worseTone('healthy', 'unknown')).toBe('unknown')
+    expect(worseTone('unknown', 'degraded')).toBe('degraded')
+    expect(worseTone('alert', 'unhealthy')).toBe('unhealthy')
+    expect(worseTone('neutral', 'healthy')).toBe('neutral')
+  })
+})

package/src/components/ui/status-tone.tsx

@@ -1,4 +1,5 @@
 import { type HealthLevel } from '../resources/resource-utils';
+import { TONE_TEXT_CLASS } from './severity-tone';
 
 // StatusDot + mapHealthToTone are typed helpers over the canonical OSS
 // status vocabulary defined in `packages/k8s-ui/src/theme/components.css`.
@@ -48,6 +49,34 @@ const DOT_CLASS: Record<StatusTone, string> = {
   unknown: 'bg-slate-400',
 };
 
+/** Solid fill for a tone, e.g. a bar or meter segment. */
+export function toneFillClass(tone: StatusTone): string {
+  return DOT_CLASS[tone]
+}
+
+// Text for a value read in a tone. Healthy reads as plain primary text: only
+// what needs a look is coloured.
+const TEXT_CLASS: Record<StatusTone, string> = {
+  healthy: 'text-theme-text-primary',
+  degraded: TONE_TEXT_CLASS.amber,
+  alert: TONE_TEXT_CLASS.orange,
+  unhealthy: TONE_TEXT_CLASS.red,
+  unknown: 'text-theme-text-tertiary',
+  neutral: 'text-theme-text-secondary',
+}
+
+export function toneTextClass(tone: StatusTone): string {
+  return TEXT_CLASS[tone]
+}
+
+// Unknown ranks above healthy: a combined reading never looks calmer than a
+// part that could not be read.
+const TONE_RANK: Record<StatusTone, number> = { healthy: 0, neutral: 1, unknown: 2, degraded: 3, alert: 4, unhealthy: 5 }
+
+export function worseTone(a: StatusTone, b: StatusTone): StatusTone {
+  return TONE_RANK[b] > TONE_RANK[a] ? b : a
+}
+
 // Normalize the variety of severity / health vocabularies that flow in
 // from APIs (Problems, Audit, multi-cluster aggregation endpoints) onto
 // a single tone. Inputs are case-insensitive. Returns 'unknown' for

package/src/components/workload/WorkloadView.deleted.test.tsx

@@ -0,0 +1,101 @@
+import { renderToStaticMarkup } from 'react-dom/server'
+import { describe, expect, it, vi } from 'vitest'
+
+import { WorkloadView } from './WorkloadView'
+
+const pod = {
+  apiVersion: 'v1',
+  kind: 'Pod',
+  metadata: { name: 'web-1', namespace: 'shop' },
+  spec: { containers: [{ name: 'app', image: 'nginx' }] },
+  status: { phase: 'Running', containerStatuses: [{ name: 'app', ready: true, state: { running: {} } }] },
+}
+
+function render(resourceError: unknown) {
+  return renderToStaticMarkup(
+    <WorkloadView
+      kind="pods"
+      namespace="shop"
+      name="web-1"
+      onBack={vi.fn()}
+      resource={pod}
+      resourceError={resourceError}
+      relationships={{ deployment: { kind: 'Deployment', namespace: 'shop', name: 'web' } }}
+      onNavigateToResource={vi.fn()}
+      actionsBarProps={{ canExec: true, canViewLogs: true, onOpenTerminal: vi.fn(), onOpenLogs: vi.fn(), onDelete: vi.fn(), renderDiagnose: () => 'Diagnose' }}
+      hasOperationalIssues
+      renderOverviewLead={() => 'Host issues panel'}
+      renderOverviewExtra={() => 'Host reachability panel'}
+      renderDiagnoseTab={() => 'Host reachability tab'}
+      reachableVia={[{ kind: 'Service', namespace: 'shop', name: 'web' }]}
+    />,
+  )
+}
+
+describe('WorkloadView for an object deleted while open', () => {
+  it('says it is gone, names its owner, and offers nothing that acts on it', () => {
+    const html = render(Object.assign(new Error('pods "web-1" not found'), { status: 404 }))
+    expect(html).toContain('This Pod no longer exists in the cluster')
+    expect(html).toContain('Go to its Deployment web')
+    expect(html).toContain('>Deleted<')
+    expect(html).not.toContain('Terminal')
+    expect(html).not.toContain('Diagnose')
+    expect(html).not.toContain('Host issues panel')
+    expect(html).not.toContain('Host reachability panel')
+    expect(html).not.toContain('Reachability')
+  })
+
+  it('shows the live view when the fetch failed for another reason', () => {
+    const html = render(Object.assign(new Error('boom'), { status: 500 }))
+    expect(html).not.toContain('no longer exists')
+    expect(html).not.toContain('>Deleted<')
+    expect(html).toContain('Terminal')
+    expect(html).toContain('Diagnose')
+    expect(html).toContain('Host issues panel')
+    expect(html).toContain('Host reachability panel')
+    expect(html).toContain('Reachability')
+  })
+})
+
+function renderHosted(resourceError: unknown, activeTab: string) {
+  return renderToStaticMarkup(
+    <WorkloadView
+      kind="clusters"
+      group="postgresql.cnpg.io"
+      namespace="db"
+      name="pg"
+      expanded
+      activeTab={activeTab as never}
+      onBack={vi.fn()}
+      resource={{ apiVersion: 'postgresql.cnpg.io/v1', kind: 'Cluster', metadata: { name: 'pg', namespace: 'db' }, spec: {} }}
+      resourceError={resourceError}
+      renderSummary={() => 'Host summary action'}
+      extraTabs={[{ id: 'backups', label: 'Host backups', render: () => 'Host backups action' }]}
+      subheader="Host subheader action"
+      renderHeaderActions={() => 'Host header action'}
+      renderStatusBadge={() => 'Host phase'}
+      statusNote="Host verdict"
+      specTab={{ render: () => 'Host spec action' }}
+    />,
+  )
+}
+
+describe('a host page for an object deleted while open', () => {
+  it('drops the host summary, tabs, subheader and actions, which act on the live object', () => {
+    const gone = Object.assign(new Error('clusters "pg" not found'), { status: 404 })
+    for (const tab of ['overview', 'backups', 'spec']) {
+      const html = renderHosted(gone, tab)
+      expect(html).toContain('>Deleted<')
+      for (const host of ['Host summary action', 'Host backups', 'Host subheader action', 'Host header action', 'Host phase', 'Host verdict', 'Host spec action']) {
+        expect(html, `${tab}: ${host}`).not.toContain(host)
+      }
+    }
+  })
+
+  it('keeps them while the object exists', () => {
+    const html = renderHosted(Object.assign(new Error('boom'), { status: 500 }), 'overview')
+    for (const host of ['Host summary action', 'Host backups', 'Host subheader action', 'Host header action', 'Host phase', 'Host verdict']) {
+      expect(html).toContain(host)
+    }
+  })
+})

package/src/components/workload/WorkloadView.deletedDialog.test.tsx

@@ -0,0 +1,45 @@
+// @vitest-environment jsdom
+import { act } from 'react'
+import { createRoot } from 'react-dom/client'
+import { expect, it, vi } from 'vitest'
+
+import { WorkloadView } from './WorkloadView'
+
+vi.stubGlobal('IS_REACT_ACT_ENVIRONMENT', true)
+
+const deployment = {
+  apiVersion: 'apps/v1',
+  kind: 'Deployment',
+  metadata: { name: 'web', namespace: 'shop' },
+  spec: { replicas: 1, template: { spec: { containers: [{ name: 'app', image: 'nginx' }] } } },
+  status: { replicas: 1, readyReplicas: 1, availableReplicas: 1 },
+}
+
+it('closes an open Delete dialog when the object is deleted elsewhere', async () => {
+  const element = document.createElement('div')
+  document.body.append(element)
+  const root = createRoot(element)
+  const render = (resourceError: unknown) =>
+    root.render(
+      <WorkloadView
+        kind="deployments"
+        namespace="shop"
+        name="web"
+        onBack={vi.fn()}
+        resource={deployment}
+        resourceError={resourceError}
+        actionsBarProps={{ onDelete: vi.fn() }}
+      />,
+    )
+  const dialogOpen = () => document.body.textContent?.includes('Are you sure you want to delete') ?? false
+
+  await act(async () => render(null))
+  await act(async () => { element.querySelector<HTMLButtonElement>('button:has(svg.lucide-trash-2)')!.click() })
+  expect(dialogOpen()).toBe(true)
+
+  await act(async () => render(Object.assign(new Error('deployments.apps "web" not found'), { status: 404 })))
+  expect(dialogOpen()).toBe(false)
+
+  await act(async () => root.unmount())
+  element.remove()
+})

package/src/components/workload/WorkloadView.relationships.test.tsx

@@ -0,0 +1,37 @@
+import { renderToStaticMarkup } from 'react-dom/server'
+import { describe, expect, it } from 'vitest'
+import { WorkloadView } from './WorkloadView'
+
+const workload = {
+  apiVersion: 'apps/v1', kind: 'Deployment', metadata: { name: 'web', namespace: 'demo' },
+  spec: { replicas: 1, selector: { matchLabels: { app: 'web' } }, template: { metadata: { labels: { app: 'web' } }, spec: { containers: [{ name: 'app', image: 'nginx' }] } } },
+  status: { replicas: 1, availableReplicas: 1, readyReplicas: 1, updatedReplicas: 1 },
+}
+
+
+describe('workload monitoring projection', () => {
+  it('renders monitors in the related dependency card', () => {
+    const html = renderToStaticMarkup(<WorkloadView kind="deployments" namespace="demo" name="web" onBack={() => {}} resource={workload} relationships={{ monitors: [{ kind: 'PodMonitor', group: 'monitoring.coreos.com', namespace: 'demo', name: 'scraper' }] }} />)
+    expect(html).toContain('Monitored By')
+    expect(html).toContain('scraper')
+  })
+})
+
+
+describe('workload upstream projection', () => {
+  it('keeps other routing sources visible as entrypoints', () => {
+    const html = renderToStaticMarkup(<WorkloadView kind="deployments" namespace="demo" name="web" onBack={() => {}} resource={workload} relationships={{ routedFrom: [{ kind: 'Broker', group: 'eventing.knative.dev', namespace: 'demo', name: 'messages' }] }} />)
+    expect(html).toContain('Entry point resources')
+    expect(html).toContain('messages')
+  })
+})
+
+
+describe('workload staged-policy projection', () => {
+  it('shows staging without calling it an enforcing network policy', () => {
+    const html = renderToStaticMarkup(<WorkloadView kind="deployments" namespace="demo" name="web" onBack={() => {}} resource={workload} relationships={{ stagedPolicies: [{ kind: 'StagedNetworkPolicy', group: 'projectcalico.org', namespace: 'demo', name: 'preview' }] }} />)
+    expect(html).toContain('Staged Policies')
+    expect(html).toContain('preview')
+    expect(html).not.toContain('Network policies')
+  })
+})

package/src/components/workload/WorkloadView.secretSave.test.tsx

@@ -0,0 +1,62 @@
+// @vitest-environment jsdom
+import { act } from 'react'
+import { createRoot } from 'react-dom/client'
+import { expect, it, vi } from 'vitest'
+
+import { WorkloadView } from './WorkloadView'
+
+vi.stubGlobal('IS_REACT_ACT_ENVIRONMENT', true)
+
+const secret = {
+  apiVersion: 'v1',
+  kind: 'Secret',
+  metadata: { name: 'db', namespace: 'shop', resourceVersion: '7' },
+  type: 'Opaque',
+  data: { password: btoa('old') },
+}
+
+function button(label: string): HTMLButtonElement | undefined {
+  return [...document.querySelectorAll('button')].find(b => b.textContent?.trim() === label || b.title === label)
+}
+
+it('saves a Secret value against the version on screen, and offers no edit once the Secret is gone', async () => {
+  const element = document.createElement('div')
+  document.body.append(element)
+  const root = createRoot(element)
+  const onUpdateResource = vi.fn().mockResolvedValue(undefined)
+  const render = (resourceError: unknown) =>
+    root.render(
+      <WorkloadView
+        kind="secrets"
+        namespace="shop"
+        name="db"
+        onBack={vi.fn()}
+        resource={secret}
+        resourceError={resourceError}
+        canUpdateSecrets
+        onUpdateResource={onUpdateResource}
+      />,
+    )
+
+  await act(async () => render(null))
+  await act(async () => button('Reveal')!.click())
+  await act(async () => button('Edit value')!.click())
+  await act(async () => button('Save')!.click())
+  await act(async () => button('Update')!.click())
+  expect(onUpdateResource).toHaveBeenCalledWith(expect.objectContaining({
+    kind: 'secrets',
+    namespace: 'shop',
+    name: 'db',
+    reviewedResourceVersion: '7',
+  }))
+
+  await act(async () => button('Edit value')!.click())
+  expect(element.querySelector('textarea')).not.toBeNull()
+  await act(async () => render(Object.assign(new Error('secrets "db" not found'), { status: 404 })))
+  expect(element.textContent).toContain('This Secret no longer exists in the cluster')
+  expect(element.querySelector('textarea')).toBeNull()
+  expect(button('Edit value')).toBeUndefined()
+
+  await act(async () => root.unmount())
+  element.remove()
+})

package/src/components/workload/WorkloadView.spec.test.tsx

@@ -0,0 +1,149 @@
+// @vitest-environment jsdom
+import { act } from 'react'
+import { createRoot } from 'react-dom/client'
+import { renderToStaticMarkup } from 'react-dom/server'
+import type { ReactNode } from 'react'
+import { expect, it, vi } from 'vitest'
+import { WorkloadView } from './WorkloadView'
+
+const renderer = vi.hoisted(() => vi.fn(({ mainFooter }: { mainFooter?: ReactNode }) => <div>Generic renderer and Conditions{mainFooter}</div>))
+vi.mock('../shared/ResourceRendererDispatch', async (original) => ({ ...await original<typeof import('../shared/ResourceRendererDispatch')>(), ResourceRendererDispatch: renderer }))
+
+const resource = { apiVersion: 'postgresql.cnpg.io/v1', kind: 'Cluster', metadata: { name: 'pg', namespace: 'db', labels: { app: 'postgres' } }, spec: { instances: 2 }, status: {} }
+const props = { kind: 'clusters', namespace: 'db', name: 'pg', group: 'postgresql.cnpg.io', resource, onBack: () => {}, activeTab: 'spec' as const, renderSummary: () => <div>Composed Overview</div>, renderOverviewExtra: () => <div>Audit Findings</div> }
+
+;(globalThis as { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT = true
+
+it('replaces the entire expanded spec body, including its generic sections and lead', () => {
+  renderer.mockClear()
+  const html = renderToStaticMarkup(<WorkloadView {...props} specTab={{ label: 'Configuration', lead: <div>Old lead</div>, render: () => <div>Purpose-built configuration</div> }} />)
+  expect(html).toContain('Purpose-built configuration')
+  expect(html).toContain('Configuration')
+  for (const text of ['Generic renderer', 'Conditions', 'Audit Findings', 'Labels (1)', 'Metadata', 'Recent Events', 'Old lead']) expect(html).not.toContain(text)
+  expect(renderer).not.toHaveBeenCalled()
+})
+
+it('preserves the generic spec body and lead when no replacement is supplied', () => {
+  const html = renderToStaticMarkup(<WorkloadView {...props} specTab={{ label: 'Settings', lead: <div>Existing lead</div> }} />)
+  for (const text of ['Settings', 'Existing lead', 'Generic renderer and Conditions', 'Audit Findings']) expect(html).toContain(text)
+})
+
+it('does not use the spec replacement in a drawer or on Overview', () => {
+  const replacement = vi.fn(() => <div>Purpose-built configuration</div>)
+  let html = renderToStaticMarkup(<WorkloadView {...props} expanded={false} specTab={{ render: replacement }} />)
+  expect(html).toContain('Composed Overview')
+  html = renderToStaticMarkup(<WorkloadView {...props} activeTab="overview" specTab={{ render: replacement }} />)
+  expect(html).toContain('Composed Overview')
+  expect(replacement).not.toHaveBeenCalled()
+})
+
+it('still opens the original Spec & status in a drawer when a page replacement is provided', () => {
+  const replacement = vi.fn(() => <div>Purpose-built configuration</div>)
+  const host = document.createElement('div')
+  const root = createRoot(host)
+  act(() => root.render(<WorkloadView {...props} expanded={false} specTab={{ label: 'Configuration', render: replacement }} />))
+  const tab = [...host.querySelectorAll<HTMLButtonElement>('[role="tab"]')].find((b) => b.textContent === 'Spec & status')!
+  act(() => tab.click())
+  expect(tab.getAttribute('aria-selected')).toBe('true')
+  expect(host.textContent).toContain('Generic renderer and Conditions')
+  expect(host.textContent).toContain('Audit Findings')
+  expect(replacement).not.toHaveBeenCalled()
+  act(() => root.unmount())
+})
+
+it('lets a host render the reported phase while preserving the default derived badge', () => {
+  const instance = { ...resource, status: { phase: 'Cluster in healthy state', readyInstances: 1 } }
+  for (const expanded of [true, false]) {
+    const html = renderToStaticMarkup(<WorkloadView {...props} expanded={expanded} resource={instance} renderStatusBadge={(r) => <span>Phase: {r.status.phase}</span>} />)
+    expect(html).toContain('Phase: Cluster in healthy state')
+    expect(html).not.toMatch(/badge[^>]*>Degraded/)
+    expect(renderToStaticMarkup(<WorkloadView {...props} expanded={expanded} resource={instance} />)).toMatch(/badge[^>]*>Degraded/)
+  }
+})
+
+it('waits for the resource before asking a host for its status badge', () => {
+  const badge = vi.fn((r: any) => <span>Phase: {r.status.phase}</span>)
+  for (const expanded of [true, false]) {
+    expect(() => renderToStaticMarkup(<WorkloadView {...props} expanded={expanded} resource={undefined} renderStatusBadge={badge} />)).not.toThrow()
+  }
+  expect(badge).not.toHaveBeenCalled()
+})
+
+it.each(['ScheduledBackup', 'Database', 'Publication', 'ClusterImageCatalog', 'Deployment', 'Pod', 'Pooler'])('keeps %s drawer utilities apart from identity and object actions', (kind) => {
+  const host = document.createElement('div')
+  const root = createRoot(host)
+  const name = 'a-long-object-name-that-needs-the-full-drawer-width'
+  act(() => root.render(<WorkloadView {...props} name={name} resource={{ ...resource, kind }} expanded={false} onExpand={() => {}} onClose={() => {}} renderStatusBadge={() => <span>Reported status</span>} renderHeaderActions={() => <button>Object action</button>} />))
+  const expand = host.querySelector('[aria-label="Open full view"]')!
+  const utilityRow = expand.parentElement!.parentElement!
+  expect(utilityRow.classList.contains('shrink-0')).toBe(true)
+  expect(utilityRow.classList.contains('flex-nowrap')).toBe(true)
+  expect(utilityRow.querySelector('[aria-label="Refresh"]')).not.toBeNull()
+  expect(utilityRow.querySelector('[aria-label="Close"]')).not.toBeNull()
+  expect(utilityRow.textContent).not.toContain('Object action')
+  // The name has its own line under the badges and controls, so a long one gets the drawer's full width.
+  const title = host.querySelector('h2')!
+  expect(title.textContent).toBe(name)
+  const topRow = utilityRow.parentElement!
+  expect(topRow.contains(title)).toBe(false)
+  expect(topRow.textContent).toContain('Reported status')
+  const action = [...host.querySelectorAll('button')].find((b) => b.textContent === 'Object action')!
+  expect(topRow.contains(action)).toBe(false)
+  expect(title.parentElement!.contains(action)).toBe(false)
+  act(() => root.unmount())
+})
+
+it('preserves Diagnose before the resource loads while deferring resource-dependent actions', () => {
+  const header = vi.fn(() => <button>Resource action</button>)
+  const html = renderToStaticMarkup(<WorkloadView {...props} resource={undefined} expanded={false} renderHeaderActions={header} actionsBarProps={{ renderDiagnose: () => <button>Diagnose this object</button> }} />)
+  expect(html).toContain('Diagnose this object')
+  expect(header).not.toHaveBeenCalled()
+})
+
+it.each(['Deployment', 'Pod', 'ScheduledBackup', 'Database', 'Pooler'])('groups Diagnose with %s drawer utilities and omits empty object actions', (kind) => {
+  const host = document.createElement('div')
+  const root = createRoot(host)
+  const header = vi.fn(() => null)
+  const group = kind === 'Deployment' ? 'apps' : kind === 'Pod' ? '' : 'postgresql.cnpg.io'
+  const data = { ...resource, kind, apiVersion: group ? `${group}/v1` : 'v1' }
+  act(() => root.render(<WorkloadView {...props} kind={`${kind.toLowerCase()}s`} group={group} resource={data} expanded={false} onExpand={() => {}} onClose={() => {}} renderHeaderActions={header} actionsBarProps={{ renderDiagnose: () => <button>Diagnose</button> }} />))
+  const utility = host.querySelector('[aria-label="Open full view"]')!.parentElement!.parentElement!
+  expect(utility.textContent).toContain('Diagnose')
+  expect(host.querySelector('[data-action-group=object]')!.matches(':empty')).toBe(true)
+  expect(header).toHaveBeenCalledTimes(1)
+  act(() => root.render(<WorkloadView {...props} kind={`${kind.toLowerCase()}s`} group={group} resource={data} expanded renderHeaderActions={header} actionsBarProps={{ renderDiagnose: () => <button>Diagnose</button> }} />))
+  const refresh = host.querySelector('[aria-label="Refresh"]')!
+  expect(refresh.parentElement!.parentElement!.textContent).toContain('Diagnose')
+  act(() => root.unmount())
+})
+
+it('hides the object action band when a host action component has no content yet', () => {
+  const EmptyAction = () => null
+  const host = document.createElement('div'); const root = createRoot(host)
+  act(() => root.render(<WorkloadView {...props} expanded={false} renderHeaderActions={() => <EmptyAction />} />))
+  const row = host.querySelector('[data-action-group=object]')!
+  expect(row.matches(':empty')).toBe(true)
+  expect(row.classList.contains('empty:hidden')).toBe(true)
+  act(() => root.render(<WorkloadView {...props} expanded={false} renderHeaderActions={() => <button>Run now</button>} />))
+  expect(row.matches(':empty')).toBe(false)
+  act(() => root.unmount())
+})
+
+it.each(['Deployment', 'Pod', 'Pooler', 'ScheduledBackup'])('groups %s drawer actions with utilities in one toolbar', (kind) => {
+  const host = document.createElement('div'); const root = createRoot(host)
+  const apiKind = kind === 'Deployment' ? 'deployments' : kind === 'Pod' ? 'pods' : kind === 'Pooler' ? 'poolers' : 'scheduledbackups'
+  const group = kind === 'Deployment' ? 'apps' : kind === 'Pod' ? '' : 'postgresql.cnpg.io'
+  const data = { ...resource, kind, apiVersion: group ? `${group}/v1` : 'v1', spec: { containers: [{ name: 'postgres', image: 'postgres' }] }, status: { phase: 'Running' } }
+  act(() => root.render(<WorkloadView {...props} kind={apiKind} group={group} expanded={false} resource={data} actionsBarProps={{ canExec: true, onOpenTerminal: () => {}, onRestart: () => {} }} renderHeaderActions={() => kind === 'ScheduledBackup' ? <><div><button>Suspend</button><button>Run now</button><button>Edit schedule</button></div><div>Run blocked: no backup destination</div></> : <button>{kind === 'Pooler' ? 'Pause' : 'Object action'}</button>} />))
+  const object = host.querySelector('[data-action-group=object]')!
+  const utility = host.querySelector('[data-action-group=utility]')!
+  expect(object.parentElement).toBe(utility.parentElement)
+  expect(object.parentElement!.classList.contains('flex-wrap')).toBe(true)
+  expect(utility.classList.contains('ml-auto')).toBe(true)
+  expect(object.querySelector('button')).not.toBeNull()
+  expect(utility.textContent).toContain('YAML')
+  if (kind === 'Pod') expect(object.textContent).toContain('Terminal')
+  if (kind === 'Deployment') expect(object.textContent).toContain('Restart')
+  if (kind === 'ScheduledBackup') { expect(object.querySelectorAll('button')).toHaveLength(3); expect(object.textContent).toContain('Run blocked: no backup destination') }
+  act(() => root.unmount())
+})