@prenta/admin 0.92.0

package/src/__tests__/views/use-seo-resource.test.tsx

@@ -0,0 +1,68 @@
+// @vitest-environment happy-dom
+import { describe, expect, it } from 'vitest'
+import { act, render, screen, waitFor } from '@testing-library/react'
+
+import { useSeoResource } from '../../views/seo/useSeoResource.js'
+
+/**
+ * Regression test for the `useSeoResource` stale-response race: when the
+ * dependency (and therefore the fetcher) changes rapidly, a slow earlier
+ * request that resolves AFTER a faster later one must not clobber the newer
+ * result. We drive this with two deferred promises whose resolution order is
+ * inverted relative to the request order.
+ */
+
+function Probe({ dep, fetcher }: { dep: number; fetcher: () => Promise<string> }) {
+  const { data, loading, error } = useSeoResource<string>(fetcher, [dep])
+  return (
+    <div>
+      <span data-testid="state">{loading ? 'loading' : (error ?? data ?? 'empty')}</span>
+    </div>
+  )
+}
+
+function deferred<T>() {
+  let resolve!: (value: T) => void
+  let reject!: (reason?: unknown) => void
+  const promise = new Promise<T>((res, rej) => {
+    resolve = res
+    reject = rej
+  })
+  return { promise, resolve, reject }
+}
+
+describe('useSeoResource', () => {
+  it('ignores a stale (earlier) response that resolves after the latest one', async () => {
+    const first = deferred<string>()
+    const second = deferred<string>()
+
+    // First render uses the "first" fetcher (slow), then we switch deps so the
+    // hook re-runs with the "second" fetcher (fast).
+    const firstFetcher = () => first.promise
+    const secondFetcher = () => second.promise
+
+    const { rerender } = render(<Probe dep={1} fetcher={firstFetcher} />)
+    rerender(<Probe dep={2} fetcher={secondFetcher} />)
+
+    // The newer request resolves FIRST.
+    await act(async () => {
+      second.resolve('NEW')
+    })
+    await waitFor(() => expect(screen.getByTestId('state').textContent).toBe('NEW'))
+
+    // The stale earlier request resolves LATER — it must be ignored.
+    await act(async () => {
+      first.resolve('OLD')
+    })
+    expect(screen.getByTestId('state').textContent).toBe('NEW')
+  })
+
+  it('surfaces fetcher errors', async () => {
+    const d = deferred<string>()
+    render(<Probe dep={1} fetcher={() => d.promise} />)
+    await act(async () => {
+      d.reject(new Error('boom'))
+    })
+    await waitFor(() => expect(screen.getByTestId('state').textContent).toBe('boom'))
+  })
+})

package/src/__tests__/views/use-site-preview.render.test.tsx

@@ -0,0 +1,164 @@
+// @vitest-environment happy-dom
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+
+/**
+ * useSitePreview — drives the inline branded preview (iframe of the public
+ * site rendering a draft). Pins: token minted + URL built on activation,
+ * unsaved drafts are persisted first (a failed save cancels activation), and
+ * the frame reloads (reloadKey bump) after each completed save.
+ */
+
+const createPreviewToken = vi.fn(async () => ({
+  token: 'tok-123',
+  expiresAt: '2026-06-19T00:00:00Z',
+}))
+
+vi.mock('../../lib/preview-link.js', () => ({
+  createPreviewToken: (...args: unknown[]) => createPreviewToken(...(args as [])),
+  buildPublicPreviewUrl: ({ siteUrl, urlPrefix, slug, path, token }: any) => {
+    const p =
+      path === '/' || path === '' ? '/' : path || `${urlPrefix ? `/${urlPrefix}` : ''}/${slug}`
+    return p === '/'
+      ? `${siteUrl}/?preview=${token}`
+      : `${siteUrl}${p.startsWith('/') ? p : `/${p}`}?preview=${token}`
+  },
+  resolveSiteUrl: (u?: string | null) => u ?? 'https://fallback.test',
+}))
+
+vi.mock('sonner', () => ({
+  toast: { error: vi.fn(), success: vi.fn() },
+}))
+
+const { useSitePreview } = await import('../../views/page-editor/useSitePreview.js')
+const { toast } = await import('sonner')
+
+import type { SaveState } from '../../views/page-editor/EditorTopBar.js'
+
+function Harness({
+  documentId = 'doc-1',
+  slug = 'about',
+  dirty = false,
+  saveState = 'idle' as SaveState,
+  saveDraft = vi.fn(async () => true),
+  defaultActive = false,
+}: {
+  documentId?: string | null
+  slug?: string | null
+  dirty?: boolean
+  saveState?: SaveState
+  saveDraft?: () => Promise<boolean>
+  defaultActive?: boolean
+}) {
+  const sp = useSitePreview({
+    collection: 'pages',
+    documentId,
+    slug,
+    urlPrefix: '',
+    // Canvas defaults to window.location.origin (Next builder / CMS host).
+    dirty,
+    saveState,
+    saveDraft,
+    defaultActive,
+  })
+  return (
+    <div>
+      <button type="button" onClick={sp.toggle}>
+        toggle
+      </button>
+      <output data-testid="state">
+        {JSON.stringify({ active: sp.active, url: sp.url, reloadKey: sp.reloadKey })}
+      </output>
+    </div>
+  )
+}
+
+function state(): { active: boolean; url: string | null; reloadKey: number } {
+  return JSON.parse(screen.getByTestId('state').textContent ?? '{}')
+}
+
+beforeEach(() => {
+  createPreviewToken.mockClear()
+  vi.mocked(toast.error).mockClear()
+})
+
+describe('useSitePreview', () => {
+  it('mints a token and builds the canvas draft URL on activation', async () => {
+    render(<Harness />)
+    fireEvent.click(screen.getByText('toggle'))
+    expect(state().active).toBe(true)
+    await waitFor(() => {
+      expect(state().url).toBe(`${window.location.origin}/about?preview=tok-123`)
+    })
+    expect(createPreviewToken).toHaveBeenCalledWith('pages', 'doc-1')
+  })
+
+  it('saves a dirty draft before minting; a failed save cancels activation', async () => {
+    const saveDraft = vi.fn(async () => false)
+    render(<Harness dirty saveDraft={saveDraft} />)
+    fireEvent.click(screen.getByText('toggle'))
+    await waitFor(() => expect(saveDraft).toHaveBeenCalled())
+    await waitFor(() => expect(state().active).toBe(false))
+    expect(createPreviewToken).not.toHaveBeenCalled()
+  })
+
+  it('refuses to activate for unsaved documents', () => {
+    render(<Harness documentId={null} />)
+    fireEvent.click(screen.getByText('toggle'))
+    expect(state().active).toBe(false)
+    expect(toast.error).toHaveBeenCalled()
+  })
+
+  it('toggles back to the canvas on second click', async () => {
+    render(<Harness />)
+    fireEvent.click(screen.getByText('toggle'))
+    await waitFor(() => expect(state().url).not.toBeNull())
+    fireEvent.click(screen.getByText('toggle'))
+    expect(state().active).toBe(false)
+  })
+
+  it('auto-activates when defaultActive is true', async () => {
+    render(<Harness defaultActive />)
+    await waitFor(() => {
+      expect(state().active).toBe(true)
+      expect(state().url).toBe(`${window.location.origin}/about?preview=tok-123`)
+    })
+    expect(createPreviewToken).toHaveBeenCalledWith('pages', 'doc-1')
+  })
+
+  it('honors an explicit canvasUrl override', async () => {
+    function CanvasHarness() {
+      const sp = useSitePreview({
+        collection: 'pages',
+        documentId: 'doc-1',
+        slug: 'about',
+        urlPrefix: '',
+        canvasUrl: 'https://cms.test',
+        dirty: false,
+        saveState: 'idle',
+        saveDraft: vi.fn(async () => true),
+      })
+      return (
+        <button type="button" onClick={sp.toggle}>
+          {sp.url ?? 'none'}
+        </button>
+      )
+    }
+    render(<CanvasHarness />)
+    fireEvent.click(screen.getByRole('button'))
+    await waitFor(() => {
+      expect(screen.getByRole('button').textContent).toBe('https://cms.test/about?preview=tok-123')
+    })
+  })
+
+  it('bumps reloadKey after a save completes while the preview is open', async () => {
+    const { rerender } = render(<Harness saveState="idle" />)
+    fireEvent.click(screen.getByText('toggle'))
+    await waitFor(() => expect(state().url).not.toBeNull())
+    expect(state().reloadKey).toBe(0)
+
+    rerender(<Harness saveState="saving" />)
+    rerender(<Harness saveState="saved" />)
+    await waitFor(() => expect(state().reloadKey).toBe(1))
+  })
+})

package/src/__tests__/views/user-detail-drawer.render.test.tsx

@@ -0,0 +1,162 @@
+// @vitest-environment happy-dom
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+
+/**
+ * Render tests for the User detail drawer: overview facts, lazy-loaded Sessions
+ * and Permissions tabs, and the security action surface.
+ */
+
+const DETAIL = {
+  id: 'u1',
+  name: 'Priya Nair',
+  email: 'priya@prentamedia.com',
+  avatarUrl: null,
+  initials: 'PN',
+  role: 'EDITOR',
+  roleName: 'Editor',
+  status: 'active',
+  mfaEnabled: true,
+  mfaRequired: false,
+  passwordSet: true,
+  forcePasswordReset: false,
+  failedLoginCount: 0,
+  lockedAt: null,
+  suspendedAt: null,
+  authProvider: null,
+  oauthProviders: [],
+  ssoOnly: false,
+  emailVerified: true,
+  lastLoginAt: new Date(Date.now() - 86400000).toISOString(),
+  lastActiveAt: new Date(Date.now() - 86400000).toISOString(),
+  acceptedInviteAt: new Date('2026-01-02').toISOString(),
+  createdAt: new Date('2026-01-01').toISOString(),
+  invitedBy: { id: 'o1', name: 'Dana Chen', email: 'dana@prentamedia.com' },
+  externalDomain: false,
+  contentOwnedCount: 4,
+  isCurrentUser: false,
+}
+
+const SESSIONS = [
+  {
+    id: 's1',
+    deviceLabel: 'Chrome on macOS',
+    browser: 'Chrome',
+    os: 'macOS',
+    ipCountry: null,
+    createdAt: new Date(Date.now() - 3600000).toISOString(),
+    lastSeenAt: new Date().toISOString(),
+    expiresAt: new Date(Date.now() + 86400000).toISOString(),
+    revokedAt: null,
+    current: false,
+    active: true,
+  },
+]
+
+const PERMISSIONS = {
+  role: 'EDITOR',
+  roleName: 'Editor',
+  permissions: ['dashboard.view', 'content.publish'],
+}
+
+const { cmsApi } = vi.hoisted(() => ({ cmsApi: vi.fn() }))
+vi.mock('../../lib/api.js', () => ({ cmsApi }))
+
+const DIRECTORY = [
+  {
+    id: 'u1',
+    name: 'Priya Nair',
+    email: 'priya@prentamedia.com',
+    status: 'active',
+    isCurrentUser: false,
+  },
+  {
+    id: 'u2',
+    name: 'Dana Chen',
+    email: 'dana@prentamedia.com',
+    status: 'active',
+    isCurrentUser: false,
+  },
+]
+
+cmsApi.mockImplementation(async (endpoint?: string) => {
+  if (!endpoint) return { data: null, status: 200 }
+  if (endpoint.includes('/transfer-content'))
+    return { data: { documents: 4, media: 0, templates: 0, total: 4 }, status: 200 }
+  if (endpoint.endsWith('/sessions')) return { data: SESSIONS, status: 200 }
+  if (endpoint.endsWith('/permissions')) return { data: PERMISSIONS, status: 200 }
+  if (endpoint.endsWith('/activity')) return { data: [], status: 200 }
+  if (endpoint === '/users' || endpoint.startsWith('/users?'))
+    return { data: DIRECTORY, status: 200 }
+  if (endpoint.startsWith('/users/u1')) return { data: DETAIL, status: 200 }
+  return { data: null, status: 200 }
+})
+
+const { UserDetailDrawer } = await import('../../views/users/UserDetailDrawer.js')
+
+// Radix Tabs activates on mousedown (button 0), not a bare click.
+function selectTab(name: string) {
+  const tab = screen.getByRole('tab', { name })
+  fireEvent.mouseDown(tab, { button: 0 })
+  fireEvent.click(tab)
+}
+
+describe('UserDetailDrawer', () => {
+  beforeEach(() => cmsApi.mockClear())
+
+  it('renders overview facts for the user', async () => {
+    render(<UserDetailDrawer userId="u1" open onOpenChange={() => {}} />)
+    expect(await screen.findByText('Priya Nair')).toBeTruthy()
+    expect(screen.getByText('Content owned')).toBeTruthy()
+    expect(screen.getByText('4 items')).toBeTruthy()
+    expect(screen.getByText('Dana Chen')).toBeTruthy()
+  })
+
+  it('shows security actions on the Security tab', async () => {
+    render(<UserDetailDrawer userId="u1" open onOpenChange={() => {}} />)
+    await screen.findByText('Priya Nair')
+    selectTab('Security')
+    expect(await screen.findByText('Multi-factor authentication')).toBeTruthy()
+    expect(screen.getByRole('button', { name: 'Reset MFA' })).toBeTruthy()
+    expect(screen.getByRole('button', { name: 'Send reset' })).toBeTruthy()
+    expect(screen.getByRole('button', { name: 'Suspend' })).toBeTruthy()
+  })
+
+  it('lazy-loads the Sessions tab', async () => {
+    render(<UserDetailDrawer userId="u1" open onOpenChange={() => {}} />)
+    await screen.findByText('Priya Nair')
+    selectTab('Sessions')
+    expect(await screen.findByText('Chrome on macOS')).toBeTruthy()
+    expect(screen.getByRole('button', { name: 'Revoke all' })).toBeTruthy()
+  })
+
+  it('lazy-loads derived permissions', async () => {
+    render(<UserDetailDrawer userId="u1" open onOpenChange={() => {}} />)
+    await screen.findByText('Priya Nair')
+    selectTab('Permissions')
+    await waitFor(() => expect(screen.getByText('content.publish')).toBeTruthy())
+    expect(screen.getByText('dashboard.view')).toBeTruthy()
+  })
+
+  it('transfers content ownership to a chosen active recipient', async () => {
+    render(<UserDetailDrawer userId="u1" open onOpenChange={() => {}} />)
+    await screen.findByText('Priya Nair')
+
+    fireEvent.click(screen.getByRole('button', { name: 'Transfer content' }))
+
+    // Modal opens and loads the directory, excluding the target (u1).
+    expect(await screen.findByText('Transfer content ownership')).toBeTruthy()
+    const select = (await screen.findByLabelText('Transfer to')) as HTMLSelectElement
+    fireEvent.change(select, { target: { value: 'u2' } })
+
+    fireEvent.click(screen.getByRole('button', { name: 'Transfer' }))
+
+    await waitFor(() =>
+      expect(
+        cmsApi.mock.calls.some(([endpoint]) =>
+          String(endpoint).includes('/users/u1/transfer-content'),
+        ),
+      ).toBe(true),
+    )
+  })
+})

package/src/__tests__/views/users-selected-deeplink.render.test.tsx

@@ -0,0 +1,102 @@
+// @vitest-environment happy-dom
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { render, screen } from '@testing-library/react'
+
+/**
+ * Render tests for the `?selected=<userId>` deep link written by the command
+ * palette (`/users?selected=<id>`): once the member list loads, the matching
+ * member's detail drawer opens. Unknown ids are tolerated — no drawer, no crash.
+ */
+
+const MEMBER = {
+  id: 'u1',
+  name: 'Priya Nair',
+  email: 'priya@prentamedia.com',
+  initials: 'PN',
+  role: 'EDITOR',
+  roleName: 'Editor' as const,
+  status: 'active' as const,
+  mfaEnabled: true,
+  externalDomain: false,
+  lastLoginAt: null,
+  lastActiveAt: null,
+  acceptedInviteAt: new Date('2026-01-02').toISOString(),
+  createdAt: new Date('2026-01-01').toISOString(),
+  isCurrentUser: false,
+}
+
+const DETAIL = {
+  ...MEMBER,
+  avatarUrl: null,
+  mfaRequired: false,
+  passwordSet: true,
+  forcePasswordReset: false,
+  failedLoginCount: 0,
+  lockedAt: null,
+  suspendedAt: null,
+  authProvider: null,
+  oauthProviders: [],
+  ssoOnly: false,
+  emailVerified: true,
+  invitedBy: null,
+  contentOwnedCount: 4,
+}
+
+const STATS = {
+  members: 1,
+  pendingInvites: 0,
+  admins: 0,
+  seatsUsed: 1,
+  seatLimit: null,
+  seatsAvailable: null,
+  emailConfigured: true,
+}
+
+const { cmsApi } = vi.hoisted(() => ({ cmsApi: vi.fn() }))
+vi.mock('../../lib/api.js', () => ({ cmsApi }))
+
+cmsApi.mockImplementation(async (endpoint?: string) => {
+  if (!endpoint) return { data: null, status: 200 }
+  if (endpoint === '/invites') return { data: [], status: 200 }
+  if (endpoint === '/users/stats') return { data: STATS, status: 200 }
+  if (endpoint === '/access-review') return { data: [], status: 200 }
+  if (endpoint.startsWith('/users/u1')) return { data: DETAIL, status: 200 }
+  if (endpoint === '/users' || endpoint.startsWith('/users?'))
+    return { data: [MEMBER], status: 200 }
+  return { data: null, status: 200 }
+})
+
+const { Users } = await import('../../views/Users.js')
+
+describe('Users ?selected= deep link', () => {
+  beforeEach(() => cmsApi.mockClear())
+
+  it('opens the detail drawer for the selected member once the list loads', async () => {
+    render(<Users currentPath="/users?selected=u1" />)
+
+    // "Content owned" only renders inside the detail drawer's overview tab.
+    expect(await screen.findByText('Content owned')).toBeTruthy()
+    expect(cmsApi.mock.calls.some(([endpoint]) => String(endpoint).startsWith('/users/u1'))).toBe(
+      true,
+    )
+  })
+
+  it('ignores a selected id that matches no member', async () => {
+    render(<Users currentPath="/users?selected=does-not-exist" />)
+
+    // List renders normally…
+    expect(await screen.findByText('priya@prentamedia.com')).toBeTruthy()
+    // …but no drawer opens and no detail fetch is issued.
+    expect(screen.queryByText('Content owned')).toBeNull()
+    expect(
+      cmsApi.mock.calls.some(([endpoint]) => String(endpoint).includes('/users/does-not-exist')),
+    ).toBe(false)
+  })
+
+  it('renders without a drawer when there is no query at all', async () => {
+    render(<Users currentPath="/users" />)
+
+    expect(await screen.findByText('priya@prentamedia.com')).toBeTruthy()
+    expect(screen.queryByText('Content owned')).toBeNull()
+  })
+})

package/src/__tests__/views/users.render.test.tsx

@@ -0,0 +1,155 @@
+// @vitest-environment happy-dom
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { render, screen, fireEvent, waitFor, within } from '@testing-library/react'
+
+/**
+ * Render tests for the rebuilt Users tab: dynamic metric cards, access-review
+ * banner, team table (members + pending invites), role filter pills, search,
+ * and the invite modal.
+ */
+
+const MEMBERS = [
+  {
+    id: 'u1',
+    name: 'Dana Chen',
+    email: 'dana@prentamedia.com',
+    initials: 'DC',
+    role: 'OWNER',
+    roleName: 'Owner',
+    status: 'active',
+    mfaEnabled: true,
+    externalDomain: false,
+    lastLoginAt: new Date().toISOString(),
+    lastActiveAt: new Date().toISOString(),
+    acceptedInviteAt: new Date().toISOString(),
+    createdAt: new Date().toISOString(),
+    isCurrentUser: true,
+  },
+  {
+    id: 'u2',
+    name: 'Priya Nair',
+    email: 'priya@prentamedia.com',
+    initials: 'PN',
+    role: 'EDITOR',
+    roleName: 'Editor',
+    status: 'active',
+    mfaEnabled: true,
+    externalDomain: false,
+    lastLoginAt: new Date(Date.now() - 86400000).toISOString(),
+    lastActiveAt: new Date(Date.now() - 86400000).toISOString(),
+    acceptedInviteAt: new Date().toISOString(),
+    createdAt: new Date().toISOString(),
+    isCurrentUser: false,
+  },
+]
+
+const INVITES = [
+  {
+    id: 'i1',
+    email: 'jordan@prentamedia.com',
+    role: 'EDITOR',
+    roleName: 'Editor',
+    status: 'PENDING',
+    expiresAt: new Date(Date.now() + 5 * 86400000).toISOString(),
+    createdAt: new Date(Date.now() - 2 * 86400000).toISOString(),
+    expired: false,
+  },
+]
+
+const STATS = {
+  members: 2,
+  pendingInvites: 1,
+  admins: 1,
+  seatsUsed: 3,
+  seatLimit: 10,
+  seatsAvailable: 7,
+  emailConfigured: true,
+}
+
+const REVIEW = [
+  {
+    id: 'inactive_user:u9',
+    userId: 'u9',
+    severity: 'high',
+    type: 'inactive_user',
+    title: 'Access review',
+    description: "Sara Lindqvist (sara@freelance.io) hasn't signed in for 94 days.",
+    recommendedAction: 'Revoke access',
+  },
+]
+
+const { cmsApi } = vi.hoisted(() => ({ cmsApi: vi.fn() }))
+
+vi.mock('../../lib/api.js', () => ({ cmsApi }))
+
+cmsApi.mockImplementation(async (endpoint?: string) => {
+  if (!endpoint) return { data: null }
+  if (endpoint.startsWith('/users/stats')) return { data: STATS }
+  if (endpoint.startsWith('/users')) return { data: MEMBERS }
+  if (endpoint.startsWith('/invites')) return { data: INVITES }
+  if (endpoint.startsWith('/access-review')) return { data: REVIEW }
+  return { data: null }
+})
+
+const { Users } = await import('../../views/Users.js')
+
+describe('Users tab', () => {
+  beforeEach(() => cmsApi.mockClear())
+
+  it('renders dynamic metric cards', async () => {
+    render(<Users embedded />)
+    expect(await screen.findByText('Members')).toBeTruthy()
+    expect(screen.getByText('Pending invites')).toBeTruthy()
+    expect(screen.getByText('Admins')).toBeTruthy()
+    expect(screen.getByText('Seats used')).toBeTruthy()
+    expect(screen.getByText('3 / 10')).toBeTruthy()
+  })
+
+  it('renders the access review banner with the AI badge', async () => {
+    render(<Users embedded />)
+    expect(await screen.findByText('Access review')).toBeTruthy()
+    expect(screen.getByText('AI')).toBeTruthy()
+    expect(screen.getByText(/hasn't signed in for 94 days/)).toBeTruthy()
+  })
+
+  it('renders members and pending invites in the team table', async () => {
+    render(<Users embedded />)
+    expect(await screen.findByText('Dana Chen')).toBeTruthy()
+    expect(screen.getByText('Priya Nair')).toBeTruthy()
+    // pending invite row
+    expect(screen.getByText('jordan@prentamedia.com')).toBeTruthy()
+    expect(screen.getByText('Invited')).toBeTruthy()
+    expect(screen.getByText(/people have access/)).toBeTruthy()
+  })
+
+  it('filters by role pill', async () => {
+    render(<Users embedded />)
+    await screen.findByText('Dana Chen')
+    fireEvent.click(screen.getByRole('button', { name: 'Owner', pressed: false }))
+    await waitFor(() => expect(screen.queryByText('Priya Nair')).toBeNull())
+    expect(screen.getByText('Dana Chen')).toBeTruthy()
+  })
+
+  it('filters by search', async () => {
+    render(<Users embedded />)
+    await screen.findByText('Dana Chen')
+    fireEvent.change(screen.getByLabelText('Search team members'), { target: { value: 'priya' } })
+    await waitFor(() => expect(screen.queryByText('Dana Chen')).toBeNull())
+    expect(screen.getByText('Priya Nair')).toBeTruthy()
+  })
+
+  it('opens the invite modal with role radio cards', async () => {
+    render(<Users embedded />)
+    await screen.findByText('Dana Chen')
+    fireEvent.click(screen.getByRole('button', { name: /Invite user/ }))
+    const dialog = await screen.findByRole('dialog')
+    expect(within(dialog).getByText('Invite a user')).toBeTruthy()
+    expect(within(dialog).getByPlaceholderText('name@company.com')).toBeTruthy()
+    // Owner sees the advanced Owner role card too (current user is Owner).
+    expect(within(dialog).getByText('Owner')).toBeTruthy()
+    expect(within(dialog).getByText('Admin')).toBeTruthy()
+    expect(within(dialog).getByText('Editor')).toBeTruthy()
+    expect(within(dialog).getByText('Viewer')).toBeTruthy()
+    expect(within(dialog).getByRole('button', { name: 'Send invite' })).toBeTruthy()
+  })
+})