@actuate-media/cms-admin 0.66.0 → 0.68.0

package/src/__tests__/lib/post-types-service.test.ts

@@ -0,0 +1,112 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+
+const cmsApiMock = vi.fn()
+vi.mock('../../lib/api.js', () => ({
+  cmsApi: (...args: unknown[]) => cmsApiMock(...args),
+}))
+
+const {
+  fetchPostTypeDetail,
+  fieldKeyFromName,
+  fieldTypeLabel,
+  humanizeFieldName,
+  renderFieldSnippet,
+} = await import('../../lib/post-types-service.js')
+
+const COLLECTIONS = [
+  {
+    slug: 'blog',
+    labels: { singular: 'Blog Post', plural: 'Blog' },
+    type: 'post',
+    urlPrefix: 'blog',
+    description: 'Long-form articles',
+    icon: 'file-text',
+    color: 'purple',
+    hidden: false,
+    fields: [
+      { name: 'title', type: 'text', required: true },
+      { name: 'body', type: 'richText', required: false },
+      { name: 'author', type: 'relationship', required: false, relationTo: 'users' },
+    ],
+  },
+]
+
+describe('fetchPostTypeDetail', () => {
+  beforeEach(() => {
+    cmsApiMock.mockReset()
+    cmsApiMock.mockResolvedValue({ data: COLLECTIONS })
+  })
+
+  it('maps the matching collection row onto PostTypeDetail', async () => {
+    const detail = await fetchPostTypeDetail('blog')
+    expect(detail).toEqual({
+      slug: 'blog',
+      singular: 'Blog Post',
+      plural: 'Blog',
+      description: 'Long-form articles',
+      urlPrefix: 'blog',
+      icon: 'file-text',
+      color: 'purple',
+      fields: COLLECTIONS[0]!.fields,
+    })
+  })
+
+  it('returns null when the slug is unknown', async () => {
+    expect(await fetchPostTypeDetail('missing')).toBeNull()
+  })
+
+  it('throws on an API error envelope', async () => {
+    cmsApiMock.mockResolvedValue({ error: 'boom' })
+    await expect(fetchPostTypeDetail('blog')).rejects.toThrow('boom')
+  })
+})
+
+describe('field name helpers', () => {
+  it('humanizes camelCase and snake_case keys', () => {
+    expect(humanizeFieldName('clientName')).toBe('Client Name')
+    expect(humanizeFieldName('meta_description')).toBe('Meta Description')
+    expect(humanizeFieldName('seo-score')).toBe('Seo Score')
+  })
+
+  it('derives camelCase keys from display names', () => {
+    expect(fieldKeyFromName('Client Name')).toBe('clientName')
+    expect(fieldKeyFromName('  Featured   Image!  ')).toBe('featuredImage')
+    expect(fieldKeyFromName('')).toBe('')
+  })
+
+  it('labels known field types and passes through unknown ones', () => {
+    expect(fieldTypeLabel('text')).toBe('Short Text')
+    expect(fieldTypeLabel('relationship')).toBe('Relation')
+    expect(fieldTypeLabel('customThing')).toBe('customThing')
+  })
+})
+
+describe('renderFieldSnippet', () => {
+  it('renders a minimal optional field', () => {
+    expect(
+      renderFieldSnippet({ key: 'subtitle', label: 'Subtitle', type: 'text', required: false }),
+    ).toBe("subtitle: { type: 'text', label: 'Subtitle' },")
+  })
+
+  it('includes required, help text, and escapes quotes', () => {
+    const snippet = renderFieldSnippet({
+      key: 'clientName',
+      label: "Client's Name",
+      type: 'text',
+      required: true,
+      helpText: "Editor's hint",
+    })
+    expect(snippet).toContain("label: 'Client\\'s Name'")
+    expect(snippet).toContain('required: true')
+    expect(snippet).toContain("admin: { description: 'Editor\\'s hint' }")
+  })
+
+  it('seeds placeholder options for select and relationTo for relationship', () => {
+    expect(
+      renderFieldSnippet({ key: 'tone', label: 'Tone', type: 'select', required: false }),
+    ).toContain("options: [{ label: 'Option A', value: 'option-a' }]")
+    expect(
+      renderFieldSnippet({ key: 'owner', label: 'Owner', type: 'relationship', required: false }),
+    ).toContain("relationTo: 'posts'")
+  })
+})

package/src/__tests__/views/collection-list-nav.render.test.tsx

@@ -3,9 +3,14 @@ import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { fireEvent, render, screen, within } from '@testing-library/react'
 
 /**
- * Regression for the post-list navigation bug: CollectionList must open
- * post-type rows in the section editor (`/posts/:type/:id/edit`), not the
- * generic `/:collection/:id` route — which 404s when the slug is `posts`.
+ * CollectionList row interactions with the inline entry detail pane
+ * (design Entries split-pane):
+ *  - row / title click toggles the 400px detail pane (no navigation)
+ *  - "Open full editor" and row double-click open the correct editor route
+ *
+ * Regression (post-list navigation bug): post-type rows must open the section
+ * editor (`/posts/:type/:id/edit`), never the generic `/:collection/:id`
+ * route — which 404s when the slug is `posts`.
  */
 
 vi.mock('../../lib/api.js', () => ({
@@ -40,17 +45,58 @@ beforeEach(() => {
   listDocs = []
 })
 
-describe('CollectionList navigation (post collection)', () => {
-  it('opens a post row in the section editor, not the generic route', () => {
+describe('CollectionList entry detail pane + navigation (post collection)', () => {
+  it('row click opens the detail pane instead of navigating', () => {
+    listDocs = [
+      {
+        id: '1',
+        title: 'Hello',
+        status: 'PUBLISHED',
+        updatedAt: '2026-06-01T00:00:00Z',
+        data: { title: 'Hello' },
+      },
+    ]
+    const onNavigate = vi.fn()
+    render(<CollectionList collectionSlug="posts" config={POST_CONFIG} onNavigate={onNavigate} />)
+
+    const titleButton = within(screen.getByRole('table')).getByRole('button', { name: 'Hello' })
+    expect(titleButton.getAttribute('aria-expanded')).toBe('false')
+    fireEvent.click(titleButton)
+
+    expect(onNavigate).not.toHaveBeenCalled()
+    expect(titleButton.getAttribute('aria-expanded')).toBe('true')
+    expect(screen.getByRole('region', { name: 'Post details' })).toBeTruthy()
+
+    // Clicking again toggles the pane closed.
+    fireEvent.click(titleButton)
+    expect(screen.queryByRole('region', { name: 'Post details' })).toBeNull()
+  })
+
+  it('"Open full editor" opens the section editor, not the generic route', () => {
     listDocs = [{ id: '1', title: 'Hello', status: 'PUBLISHED', updatedAt: '2026-06-01T00:00:00Z' }]
     const onNavigate = vi.fn()
     render(<CollectionList collectionSlug="posts" config={POST_CONFIG} onNavigate={onNavigate} />)
 
     fireEvent.click(within(screen.getByRole('table')).getByRole('button', { name: 'Hello' }))
+    fireEvent.click(screen.getByRole('button', { name: 'Open full editor' }))
+
     expect(onNavigate).toHaveBeenCalledWith('/posts/posts/1/edit')
     expect(onNavigate).not.toHaveBeenCalledWith('/posts/1')
   })
 
+  it('row double-click opens the section editor directly', () => {
+    listDocs = [{ id: '1', title: 'Hello', status: 'PUBLISHED', updatedAt: '2026-06-01T00:00:00Z' }]
+    const onNavigate = vi.fn()
+    render(<CollectionList collectionSlug="posts" config={POST_CONFIG} onNavigate={onNavigate} />)
+
+    const row = within(screen.getByRole('table'))
+      .getByRole('button', { name: 'Hello' })
+      .closest('tr')!
+    fireEvent.doubleClick(row)
+
+    expect(onNavigate).toHaveBeenCalledWith('/posts/posts/1/edit')
+  })
+
   it('starts a new post in the section editor', () => {
     const onNavigate = vi.fn()
     render(<CollectionList collectionSlug="posts" config={POST_CONFIG} onNavigate={onNavigate} />)

package/src/__tests__/views/dashboard.test.tsx

@@ -59,13 +59,17 @@ describe('Dashboard', () => {
     expect(screen.queryByText('Recent Activity')).toBeNull()
   })
 
-  it('shows empty states when there is no content', () => {
+  it('shows the onboarding block instead of the activity grid when there is no content', () => {
     responses['/stats'] = statsResult()
 
     render(<Dashboard config={{ collections: [] }} session={{}} onNavigate={() => {}} />)
 
-    expect(screen.getByText('No activity yet')).toBeTruthy()
-    expect(screen.getByText('No scheduled content')).toBeTruthy()
+    // An effectively-empty site (zero posts+pages, zero media) swaps the
+    // Recent Activity / Publishing Queue / Content Health grid for the
+    // getting-started onboarding block.
+    expect(screen.getByText(/Welcome to ActuateCMS/)).toBeTruthy()
+    expect(screen.queryByText('No activity yet')).toBeNull()
+    expect(screen.queryByText('No scheduled content')).toBeNull()
   })
 
   it('surfaces a retryable banner when the stats request is exhausted', () => {

package/src/__tests__/views/forms-list.render.test.tsx

@@ -3,8 +3,8 @@ import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 
 // Drive the Forms list through a mocked forms-service so the test owns the
-// data and can assert filtering, search, the notify toggle, and the schema
-// drawer without a real backend.
+// data and can assert filtering, search, the notify toggle, and the inline
+// schema pane without a real backend.
 function makeForm(over: Record<string, unknown> = {}) {
   return {
     id: 'f1',
@@ -56,6 +56,7 @@ const fetchFormSchema = vi.fn(async () => ({
   activeVersionId: null,
   versions: [],
 }))
+const saveFormSchema = vi.fn(async (_id: string, _fields: unknown[]) => ({ data: {} }))
 const fetchEmbedSettings = vi.fn(async () => ({}))
 const fetchNotificationSettings = vi.fn(async () => ({ enabled: true, recipients: [] }))
 
@@ -64,7 +65,7 @@ vi.mock('../../lib/forms-service.js', () => ({
   fetchFormStats: () => fetchFormStats(),
   setNotifyEnabled: (id: string, v: boolean) => setNotifyEnabled(id, v),
   fetchFormSchema: () => fetchFormSchema(),
-  saveFormSchema: vi.fn(async () => ({ data: {} })),
+  saveFormSchema: (id: string, fields: unknown[]) => saveFormSchema(id, fields),
   fetchEmbedSettings: () => fetchEmbedSettings(),
   updateEmbedSettings: vi.fn(async () => ({ data: {} })),
   fetchNotificationSettings: () => fetchNotificationSettings(),
@@ -79,6 +80,8 @@ beforeEach(() => {
   fetchForms.mockClear()
   fetchFormStats.mockClear()
   setNotifyEnabled.mockClear()
+  fetchFormSchema.mockClear()
+  saveFormSchema.mockClear()
 })
 
 describe('Forms list', () => {
@@ -128,14 +131,39 @@ describe('Forms list', () => {
     await waitFor(() => expect(setNotifyEnabled).toHaveBeenCalledWith('f1', false))
   })
 
-  it('opens the schema drawer from the Schema action', async () => {
+  it('opens the inline schema pane from the Schema action and saves through the service', async () => {
     render(<Forms onNavigate={() => {}} />)
     await screen.findByText('Contact Us')
 
-    fireEvent.click(screen.getAllByRole('button', { name: 'Schema' })[0]!)
+    const schemaButton = screen.getAllByRole('button', { name: 'Schema' })[0]!
+    expect(schemaButton.getAttribute('aria-expanded')).toBe('false')
+    fireEvent.click(schemaButton)
 
     await waitFor(() => expect(fetchFormSchema).toHaveBeenCalled())
-    // Drawer tabs are present.
+    // Pane renders as a labelled inline region (not an overlay dialog).
+    expect(screen.getByRole('region', { name: 'Form schema' })).toBeTruthy()
+    expect(schemaButton.getAttribute('aria-expanded')).toBe('true')
     expect(await screen.findByRole('tab', { name: 'Fields' })).toBeTruthy()
+
+    // Saving flows through the same saveFormSchema service call.
+    fireEvent.click(await screen.findByRole('button', { name: 'Save Schema' }))
+    await waitFor(() =>
+      expect(saveFormSchema).toHaveBeenCalledWith(
+        'f1',
+        expect.arrayContaining([expect.objectContaining({ key: 'name' })]),
+      ),
+    )
+  })
+
+  it('clicking Schema again toggles the pane closed', async () => {
+    render(<Forms onNavigate={() => {}} />)
+    await screen.findByText('Contact Us')
+
+    const schemaButton = screen.getAllByRole('button', { name: 'Schema' })[0]!
+    fireEvent.click(schemaButton)
+    await waitFor(() => expect(screen.getByRole('region', { name: 'Form schema' })).toBeTruthy())
+
+    fireEvent.click(schemaButton)
+    await waitFor(() => expect(screen.queryByRole('region', { name: 'Form schema' })).toBeNull())
   })
 })

package/src/__tests__/views/media-seo-audit.render.test.tsx

@@ -0,0 +1,117 @@
+// @vitest-environment happy-dom
+import { describe, expect, it, vi } from 'vitest'
+import { fireEvent, render, screen, within } from '@testing-library/react'
+
+import { MediaSeoAudit, type MediaSeoAuditItem } from '../../views/MediaSeoAudit.js'
+
+// Scores mirror what cms-core's `calculateMediaSeoScore()` would return for
+// each row — the component never re-scores, it renders `seoScore` as-is.
+const ITEMS: MediaSeoAuditItem[] = [
+  {
+    id: 'complete',
+    name: 'seattle-team.webp',
+    type: 'image/webp',
+    size: '120 KB',
+    url: 'https://cdn.example.com/seattle-team.webp',
+    format: 'webp',
+    altTag: 'Team collaborating in the Seattle office',
+    title: 'Seattle Team',
+    description: 'The team collaborating in the Seattle office.',
+    seoScore: 100,
+  },
+  {
+    id: 'no-alt',
+    name: 'hero-banner.jpg',
+    type: 'image/jpeg',
+    size: '342 KB',
+    url: 'https://cdn.example.com/hero-banner.jpg',
+    format: 'jpeg',
+    altTag: '',
+    title: 'Hero Banner',
+    description: 'Homepage hero banner.',
+    seoScore: 70,
+  },
+  {
+    id: 'bare',
+    name: 'IMG_4892.jpg',
+    type: 'image/jpeg',
+    size: '1.8 MB',
+    url: 'https://cdn.example.com/IMG_4892.jpg',
+    format: 'jpeg',
+    altTag: '',
+    title: '',
+    description: '',
+    seoScore: 0,
+  },
+]
+
+describe('MediaSeoAudit', () => {
+  it('renders the four summary stat cards from item metadata', () => {
+    render(<MediaSeoAudit items={ITEMS} onEdit={vi.fn()} />)
+
+    // Avg = round((100 + 70 + 0) / 3) = 57 → "Fair"
+    expect(screen.getByText('57/100')).toBeTruthy()
+    expect(screen.getByText('Avg SEO Score')).toBeTruthy()
+    expect(screen.getByText('Fair')).toBeTruthy()
+
+    expect(screen.getByText('Missing Alt Text')).toBeTruthy()
+    expect(screen.getByText('1 have alt text')).toBeTruthy()
+    expect(screen.getByText('Missing Titles')).toBeTruthy()
+    expect(screen.getByText('2 have titles')).toBeTruthy()
+    expect(screen.getByText('Missing Descriptions')).toBeTruthy()
+    expect(screen.getByText('2 have descriptions')).toBeTruthy()
+  })
+
+  it('shows all items by default with a right-aligned count', () => {
+    render(<MediaSeoAudit items={ITEMS} onEdit={vi.fn()} />)
+
+    const table = screen.getByRole('table', { name: 'Media SEO audit' })
+    expect(within(table).getAllByRole('row')).toHaveLength(4) // header + 3 items
+    expect(screen.getByText('3 items')).toBeTruthy()
+  })
+
+  it('filters to items missing alt text', () => {
+    render(<MediaSeoAudit items={ITEMS} onEdit={vi.fn()} />)
+
+    fireEvent.click(screen.getByRole('button', { name: 'Missing Alt' }))
+
+    const table = screen.getByRole('table', { name: 'Media SEO audit' })
+    expect(within(table).getAllByRole('row')).toHaveLength(3) // header + 2 items
+    expect(within(table).queryByText('seattle-team.webp')).toBeNull()
+    expect(screen.getByText('2 items')).toBeTruthy()
+  })
+
+  it('filters to poor scores (score < 40)', () => {
+    render(<MediaSeoAudit items={ITEMS} onEdit={vi.fn()} />)
+
+    fireEvent.click(screen.getByRole('button', { name: 'Poor score' }))
+
+    const table = screen.getByRole('table', { name: 'Media SEO audit' })
+    expect(within(table).getAllByRole('row')).toHaveLength(2) // header + 1 item
+    expect(within(table).getByText('IMG_4892.jpg')).toBeTruthy()
+    expect(screen.getByText('1 item')).toBeTruthy()
+  })
+
+  it('fires onEdit with the row item from the Edit button', () => {
+    const onEdit = vi.fn()
+    render(<MediaSeoAudit items={ITEMS} onEdit={onEdit} />)
+
+    const buttons = screen.getAllByRole('button', { name: 'Edit' })
+    expect(buttons).toHaveLength(3)
+    fireEvent.click(buttons[1]!)
+    expect(onEdit).toHaveBeenCalledTimes(1)
+    expect(onEdit.mock.calls[0]![0].id).toBe('no-alt')
+  })
+
+  it('shows an empty state when there is nothing to audit', () => {
+    render(<MediaSeoAudit items={[]} onEdit={vi.fn()} />)
+    expect(screen.getByText('No media to audit')).toBeTruthy()
+    expect(screen.queryByRole('table')).toBeNull()
+  })
+
+  it('shows a filter-specific empty state when a filter matches nothing', () => {
+    render(<MediaSeoAudit items={[ITEMS[0]!]} onEdit={vi.fn()} />)
+    fireEvent.click(screen.getByRole('button', { name: 'Missing Alt' }))
+    expect(screen.getByText('No items match this filter')).toBeTruthy()
+  })
+})

package/src/__tests__/views/onboarding-block.render.test.tsx

@@ -0,0 +1,193 @@
+// @vitest-environment happy-dom
+import { describe, expect, it, vi } from 'vitest'
+import { fireEvent, render, screen } from '@testing-library/react'
+import {
+  OnboardingBlock,
+  deriveOnboardingSteps,
+  shouldShowOnboarding,
+  type OnboardingSignals,
+} from '../../views/dashboard/OnboardingBlock.js'
+
+function signals(over: Partial<OnboardingSignals> = {}): OnboardingSignals {
+  return {
+    postsAndPagesCount: 0,
+    mediaCount: 0,
+    seoScore: 0,
+    userCount: 1,
+    hasApiTraffic: false,
+    ...over,
+  }
+}
+
+describe('deriveOnboardingSteps', () => {
+  it('marks only the workspace step done on a brand-new site', () => {
+    const steps = deriveOnboardingSteps(signals())
+    expect(steps).toHaveLength(6)
+    expect(steps.filter((s) => s.done).map((s) => s.id)).toEqual(['workspace'])
+  })
+
+  it('derives each step from its dashboard signal', () => {
+    const steps = deriveOnboardingSteps(
+      signals({
+        postsAndPagesCount: 3,
+        mediaCount: 2,
+        seoScore: 71,
+        userCount: 4,
+        hasApiTraffic: true,
+      }),
+    )
+    expect(steps.every((s) => s.done)).toBe(true)
+  })
+
+  it('treats a lone user and zero SEO score as incomplete steps', () => {
+    const steps = deriveOnboardingSteps(signals({ userCount: 1, seoScore: 0 }))
+    const byId = Object.fromEntries(steps.map((s) => [s.id, s.done]))
+    expect(byId['invite']).toBe(false)
+    expect(byId['seo']).toBe(false)
+    expect(byId['api-key']).toBe(false)
+  })
+})
+
+describe('shouldShowOnboarding', () => {
+  it('shows only when both posts+pages and media are empty', () => {
+    expect(shouldShowOnboarding(signals())).toBe(true)
+    expect(shouldShowOnboarding(signals({ postsAndPagesCount: 1 }))).toBe(false)
+    expect(shouldShowOnboarding(signals({ mediaCount: 1 }))).toBe(false)
+  })
+})
+
+describe('OnboardingBlock', () => {
+  it('renders the welcome banner with the derived progress count', () => {
+    render(<OnboardingBlock signals={signals()} onNavigate={() => {}} />)
+
+    expect(screen.getByText(/Welcome to ActuateCMS/)).toBeTruthy()
+    // 1 of 6 done (workspace only) on a fresh site.
+    expect(screen.getByText(/1\/6 steps complete/)).toBeTruthy()
+
+    const bar = screen.getByRole('progressbar', { name: 'Onboarding progress' })
+    expect(bar.getAttribute('aria-valuenow')).toBe('1')
+    expect(bar.getAttribute('aria-valuemax')).toBe('6')
+  })
+
+  it('updates the progress count as steps derive complete', () => {
+    render(
+      <OnboardingBlock signals={signals({ userCount: 3, seoScore: 50 })} onNavigate={() => {}} />,
+    )
+
+    expect(screen.getByText(/3\/6 steps complete/)).toBeTruthy()
+    expect(
+      screen
+        .getByRole('progressbar', { name: 'Onboarding progress' })
+        .getAttribute('aria-valuenow'),
+    ).toBe('3')
+  })
+
+  it('renders all six checklist labels with accessible completion state', () => {
+    render(<OnboardingBlock signals={signals()} onNavigate={() => {}} />)
+
+    for (const label of [
+      'Create your workspace',
+      'Create your first Post or Page',
+      'Upload media assets',
+      'Configure SEO defaults',
+      'Get your API key',
+      'Invite team members',
+    ]) {
+      expect(screen.getByText(label)).toBeTruthy()
+    }
+
+    // Completion is announced via text, not color alone.
+    expect(screen.getAllByText('(completed)')).toHaveLength(1)
+    expect(screen.getAllByText('(not completed)')).toHaveLength(5)
+  })
+
+  it('navigates through quick links via onNavigate', () => {
+    const onNavigate = vi.fn()
+    render(<OnboardingBlock signals={signals()} onNavigate={onNavigate} />)
+
+    fireEvent.click(screen.getByRole('button', { name: /Invite team/ }))
+    expect(onNavigate).toHaveBeenCalledWith('/settings?tab=users')
+
+    fireEvent.click(screen.getByRole('button', { name: /API Reference/ }))
+    expect(onNavigate).toHaveBeenCalledWith('/settings?tab=api-keys')
+
+    fireEvent.click(screen.getByRole('button', { name: /SEO defaults/ }))
+    expect(onNavigate).toHaveBeenCalledWith('/settings?tab=seo')
+  })
+})
+
+// ── Dashboard integration: visibility rule ─────────────────────────────────
+
+const responses: Record<string, unknown> = {}
+const emptyResult = { data: null, loading: false, error: null, exhausted: false, refetch: () => {} }
+
+vi.mock('../../lib/useApiData.js', () => ({
+  useApiData: (endpoint: string | null) => responses[endpoint ?? ''] ?? emptyResult,
+}))
+
+const { Dashboard } = await import('../../views/Dashboard.js')
+
+const baseStats = {
+  totalDocuments: 0,
+  totalMedia: 0,
+  totalUsers: 1,
+  formCount: 0,
+  avgSeoScore: 0,
+  webhookCount: 0,
+  webhookActiveCount: 0,
+  collectionCounts: {} as Record<string, number>,
+  statusCounts: {},
+  recentDocuments: [] as unknown[],
+}
+
+function statsResult(over: Partial<typeof baseStats> = {}) {
+  return {
+    data: { ...baseStats, ...over },
+    loading: false,
+    error: null,
+    exhausted: false,
+    refetch: () => {},
+  }
+}
+
+describe('Dashboard onboarding visibility', () => {
+  it('replaces the activity grid with onboarding when the site is empty', () => {
+    responses['/stats'] = statsResult()
+
+    render(<Dashboard config={{ collections: [] }} session={{}} onNavigate={() => {}} />)
+
+    expect(screen.getByText(/Welcome to ActuateCMS/)).toBeTruthy()
+    expect(screen.queryByText('Recent Activity')).toBeNull()
+    expect(screen.queryByText('Publishing Queue')).toBeNull()
+    expect(screen.queryByText('Content Health')).toBeNull()
+    // The Delivery API card below the block stays.
+    expect(screen.getByText('Delivery API')).toBeTruthy()
+    delete responses['/stats']
+  })
+
+  it('renders the normal dashboard when posts or pages exist', () => {
+    responses['/stats'] = statsResult({ collectionCounts: { posts: 2 } })
+
+    render(
+      <Dashboard
+        config={{ collections: [{ slug: 'posts', type: 'post' }] }}
+        session={{}}
+        onNavigate={() => {}}
+      />,
+    )
+
+    expect(screen.queryByText(/Welcome to ActuateCMS/)).toBeNull()
+    expect(screen.getByText('Recent Activity')).toBeTruthy()
+    delete responses['/stats']
+  })
+
+  it('renders the normal dashboard when only media exists', () => {
+    responses['/stats'] = statsResult({ totalMedia: 5 })
+
+    render(<Dashboard config={{ collections: [] }} session={{}} onNavigate={() => {}} />)
+
+    expect(screen.queryByText(/Welcome to ActuateCMS/)).toBeNull()
+    expect(screen.getByText('Recent Activity')).toBeTruthy()
+    delete responses['/stats']
+  })
+})