@csntgao/uni-base 0.1.0

package/packages/web-components/tests/application-switcher.test.ts

@@ -0,0 +1,562 @@
+// @vitest-environment happy-dom
+
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import {
+  MOCK_APPLICATION_ENTRIES,
+  MOCK_ORGANIZATIONS,
+  createHttpApplicationSwitcherTransport,
+  type ApplicationEntry,
+  type ApplicationSwitcherTransport,
+  type OrganizationEntry,
+} from '../src'
+import {
+  type ApplicationSwitcherErrorDetail,
+  UniplatApplicationSwitcher,
+} from '../src/application-switcher'
+
+const INTERNAL_APPLICATION_SWITCHER_TAG = 'uniplat-internal-application-switcher'
+
+async function nextUpdate(switcher: UniplatApplicationSwitcher): Promise<void> {
+  await Promise.resolve()
+  await switcher.updateComplete
+}
+
+function waitForLoaded(switcher: UniplatApplicationSwitcher) {
+  return new Promise<readonly ApplicationEntry[]>((resolve) => {
+    switcher.addEventListener(
+      'entries-loaded',
+      (event) =>
+        resolve((event as CustomEvent<{ entries: readonly ApplicationEntry[] }>).detail.entries),
+      { once: true },
+    )
+  })
+}
+
+describe('内部 Application Switcher', () => {
+  afterEach(() => {
+    document.body.replaceChildren()
+    vi.restoreAllMocks()
+  })
+
+  it('仅供账户工作台注册，并渲染 3 列应用网格', async () => {
+    expect(customElements.get('uniplat-application-switcher')).toBeUndefined()
+    expect(customElements.get(INTERNAL_APPLICATION_SWITCHER_TAG)).toBe(UniplatApplicationSwitcher)
+    const token = 'mock.header.payload'
+    const getAccessToken = vi.fn(async () => token)
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    const loaded = waitForLoaded(switcher)
+    switcher.configure({ getAccessToken })
+    document.body.append(switcher)
+
+    expect(await loaded).toHaveLength(MOCK_APPLICATION_ENTRIES.length)
+    await nextUpdate(switcher)
+    expect(getAccessToken).toHaveBeenCalledTimes(1)
+
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('.launcher')?.click()
+    await nextUpdate(switcher)
+    expect(switcher.shadowRoot?.querySelectorAll('[role="menuitem"]')).toHaveLength(9)
+    for (const entry of switcher.shadowRoot?.querySelectorAll<HTMLAnchorElement>(
+      '[role="menuitem"]',
+    ) ?? []) {
+      expect(entry.target).toBe('_blank')
+      expect(entry.rel).toBe('noopener noreferrer')
+    }
+    const organizationSelector = switcher.shadowRoot?.querySelector('.organization-selector')
+    const applicationGridShell = switcher.shadowRoot?.querySelector('.application-grid-shell')
+    const applicationGrid = switcher.shadowRoot?.querySelector('.grid')
+    expect(organizationSelector?.nextElementSibling).toBe(applicationGridShell)
+    expect(applicationGridShell?.firstElementChild).toBe(applicationGrid)
+    expect(organizationSelector?.textContent).toContain(MOCK_ORGANIZATIONS[0]?.name)
+
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('.organization-trigger')?.click()
+    await nextUpdate(switcher)
+    expect(switcher.shadowRoot?.querySelectorAll('[role="option"]')).toHaveLength(
+      MOCK_ORGANIZATIONS.length,
+    )
+    const organizationMenu = switcher.shadowRoot?.querySelector<HTMLElement>('.organization-menu')
+    expect(getComputedStyle(organizationMenu!).position).toBe('absolute')
+    expect(organizationSelector?.nextElementSibling).toBe(applicationGridShell)
+    expect(switcher.shadowRoot?.textContent).toContain('数字员工')
+    expect(switcher.outerHTML).not.toContain(token)
+    expect(switcher.shadowRoot?.innerHTML).not.toContain(token)
+  })
+
+  it('内嵌工作台不请求组织列表', async () => {
+    const listApplications = vi.fn(async () => [
+      { id: 'personal', name: '个人中心', url: '/personal' },
+    ])
+    const listOrganizations = vi.fn(async () => ({
+      organizations: [{ id: 'organization-a', name: '组织 A' }],
+      currentOrganizationId: 'organization-a',
+    }))
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    switcher.configure({
+      getAccessToken: async () => 'internal-workbench.jwt',
+      transport: { listApplications, listOrganizations },
+      presentation: 'embedded',
+      showOrganizationSelector: false,
+    })
+    document.body.append(switcher)
+
+    await vi.waitFor(() => expect(listApplications).toHaveBeenCalledTimes(1))
+    expect(listOrganizations).not.toHaveBeenCalled()
+    expect(switcher.shadowRoot?.querySelector('.organization-selector')).toBeNull()
+  })
+
+  it('always reserves a fixed 3-by-3 application grid', async () => {
+    const transport: ApplicationSwitcherTransport = {
+      async listApplications() {
+        return [
+          { id: 'app-a', name: '应用 A', url: '/apps/a' },
+          { id: 'app-b', name: '应用 B', url: '/apps/b' },
+        ]
+      },
+    }
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    const loaded = waitForLoaded(switcher)
+    switcher.configure({ getAccessToken: async () => 'grid.jwt', transport })
+    document.body.append(switcher)
+
+    expect(await loaded).toHaveLength(2)
+    await nextUpdate(switcher)
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('.launcher')?.click()
+    await nextUpdate(switcher)
+
+    const grid = switcher.shadowRoot?.querySelector<HTMLElement>('.grid')
+    expect(grid?.children).toHaveLength(9)
+    expect(grid?.querySelectorAll('.application')).toHaveLength(2)
+    expect(grid?.querySelectorAll('.application-empty-slot')).toHaveLength(7)
+    expect(grid?.querySelectorAll('.application-empty-slot[role]')).toHaveLength(0)
+    expect(getComputedStyle(grid!).gridTemplateColumns).toContain('repeat(3')
+    expect(getComputedStyle(grid!).gridTemplateRows).toBe('repeat(3, 92px)')
+    expect(getComputedStyle(grid!).height).toBe('292px')
+  })
+
+  it('renders every returned application beyond the first nine in a scrollable grid', async () => {
+    const returnedEntries = Array.from({ length: 11 }, (_, index) => ({
+      id: `app-${index + 1}`,
+      name: `应用 ${index + 1}`,
+      url: `/apps/${index + 1}`,
+    }))
+    const transport: ApplicationSwitcherTransport = {
+      async listApplications() {
+        return returnedEntries
+      },
+    }
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    const loaded = waitForLoaded(switcher)
+    switcher.configure({ getAccessToken: async () => 'all-apps.jwt', transport })
+    document.body.append(switcher)
+
+    expect(await loaded).toHaveLength(11)
+    await nextUpdate(switcher)
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('.launcher')?.click()
+    await nextUpdate(switcher)
+
+    const shell = switcher.shadowRoot?.querySelector<HTMLElement>('.application-grid-shell')
+    const grid = switcher.shadowRoot?.querySelector<HTMLElement>('.grid')
+    expect(grid?.children).toHaveLength(12)
+    expect(grid?.querySelectorAll('.application')).toHaveLength(11)
+    expect(grid?.querySelectorAll('.application-empty-slot')).toHaveLength(1)
+    expect(grid?.querySelector('[data-application-id="app-11"]')).not.toBeNull()
+    expect(getComputedStyle(shell!).height).toBe('292px')
+    expect(getComputedStyle(shell!).overflowY).toBe('auto')
+    expect(getComputedStyle(grid!).gridAutoRows).toBe('92px')
+    expect(getComputedStyle(grid!).height).toBe('392px')
+  })
+
+  it('shows a visible empty message without collapsing the fixed grid', async () => {
+    const transport: ApplicationSwitcherTransport = {
+      async listApplications() {
+        return []
+      },
+    }
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    const loaded = waitForLoaded(switcher)
+    switcher.configure({ getAccessToken: async () => 'empty.jwt', transport })
+    document.body.append(switcher)
+
+    expect(await loaded).toEqual([])
+    await nextUpdate(switcher)
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('.launcher')?.click()
+    await nextUpdate(switcher)
+
+    const grid = switcher.shadowRoot?.querySelector<HTMLElement>('.grid')
+    expect(grid?.children).toHaveLength(9)
+    expect(grid?.querySelectorAll('.application-empty-slot')).toHaveLength(9)
+    expect(switcher.shadowRoot?.querySelector('[role="status"]')?.textContent).toContain(
+      '暂无可用应用',
+    )
+  })
+
+  it('passes JWT to an injected transport but removes it from entries and public events', async () => {
+    const token = 'private.jwt.value'
+    const listApplications = vi.fn(async () => [
+      { id: 'safe', name: '安全应用', url: '/safe' },
+      { id: 'unsafe', name: `泄露 ${token}`, url: `/unsafe?token=${token}` },
+    ])
+    const transport: ApplicationSwitcherTransport = {
+      listApplications,
+      async listOrganizations() {
+        return {
+          organizations: [
+            { id: 'safe-org', name: '安全组织' },
+            { id: 'unsafe-org', name: `泄露 ${token}` },
+          ],
+          currentOrganizationId: 'safe-org',
+        }
+      },
+    }
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    const eventDetails: unknown[] = []
+    switcher.addEventListener('entries-loaded', (event) => {
+      eventDetails.push((event as CustomEvent).detail)
+    })
+    const loaded = waitForLoaded(switcher)
+    switcher.configure({ getAccessToken: async () => token, transport })
+    document.body.append(switcher)
+
+    const entries = await loaded
+    await nextUpdate(switcher)
+    expect(listApplications).toHaveBeenCalledWith(token)
+    expect(entries).toHaveLength(1)
+    expect(entries[0]?.name).toBe('安全应用')
+    expect(JSON.stringify(eventDetails)).not.toContain(token)
+    expect(switcher.shadowRoot?.innerHTML).not.toContain(token)
+  })
+
+  it('keeps the organization unselected when the transport reports oid=0', async () => {
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    const loaded = waitForLoaded(switcher)
+    switcher.configure({
+      getAccessToken: async () => 'open-application.jwt',
+      transport: {
+        async listApplications() {
+          return [{ id: 'OfficialWebsite:0', name: '官方网站', url: '/website' }]
+        },
+        async listOrganizations() {
+          return {
+            organizations: [{ id: 'organization-a', name: '组织 A' }],
+            currentOrganizationId: '',
+          }
+        },
+      },
+    })
+    document.body.append(switcher)
+
+    await loaded
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('.launcher')?.click()
+    await nextUpdate(switcher)
+    expect(switcher.shadowRoot?.querySelector('.organization-name')?.textContent).toContain(
+      '请选择组织',
+    )
+  })
+
+  it('switches organization with a fresh JWT and reloads applications with another fresh JWT', async () => {
+    const token = 'organization.jwt.value'
+    let currentOrganizationId = 'org-a'
+    let finishReload: (() => void) | undefined
+    const getAccessToken = vi.fn(async () => token)
+    const listApplications = vi.fn(async () => {
+      if (currentOrganizationId === 'org-b') {
+        await new Promise<void>((resolve) => {
+          finishReload = resolve
+        })
+      }
+      return [
+        {
+          id: `application-${currentOrganizationId}`,
+          name: `应用 ${currentOrganizationId}`,
+          url: `/apps/${currentOrganizationId}`,
+        },
+      ]
+    })
+    const listOrganizations = vi.fn(async () => ({
+      organizations: [
+        { id: 'org-a', name: '组织 A' },
+        { id: 'org-b', name: '组织 B' },
+      ],
+      currentOrganizationId,
+    }))
+    const switchOrganization = vi.fn(async (_accessToken: string, organizationId: string) => {
+      currentOrganizationId = organizationId
+    })
+    const transport: ApplicationSwitcherTransport = {
+      listApplications,
+      listOrganizations,
+      switchOrganization,
+    }
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    const changes: OrganizationEntry[] = []
+    switcher.addEventListener('organization-changed', (event) => {
+      changes.push((event as CustomEvent<{ organization: OrganizationEntry }>).detail.organization)
+    })
+    const initiallyLoaded = waitForLoaded(switcher)
+    switcher.configure({ getAccessToken, transport })
+    document.body.append(switcher)
+    await initiallyLoaded
+    await nextUpdate(switcher)
+
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('.launcher')?.click()
+    await nextUpdate(switcher)
+    const panelContent = switcher.shadowRoot?.querySelector<HTMLElement>('.panel-content')
+    expect(getComputedStyle(panelContent!).minHeight).toBe('373px')
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('.organization-trigger')?.click()
+    await nextUpdate(switcher)
+    const reloaded = waitForLoaded(switcher)
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('[data-organization-id="org-b"]')?.click()
+
+    await vi.waitFor(() => expect(finishReload).toBeTypeOf('function'))
+    await nextUpdate(switcher)
+    const loadingPanelContent = switcher.shadowRoot?.querySelector<HTMLElement>('.panel-content')
+    expect(loadingPanelContent).toBe(panelContent)
+    expect(loadingPanelContent?.classList.contains('has-organizations')).toBe(true)
+    expect(getComputedStyle(loadingPanelContent!).minHeight).toBe('373px')
+    expect(switcher.shadowRoot?.querySelector('[part="loading"]')).not.toBeNull()
+    finishReload?.()
+
+    expect(await reloaded).toEqual([
+      {
+        id: 'application-org-b',
+        name: '应用 org-b',
+        url: new URL('/apps/org-b', document.baseURI).href,
+      },
+    ])
+    await nextUpdate(switcher)
+    expect(getComputedStyle(panelContent!).minHeight).toBe('373px')
+    expect(switchOrganization).toHaveBeenCalledWith(token, 'org-b')
+    expect(getAccessToken).toHaveBeenCalledTimes(3)
+    expect(listApplications).toHaveBeenCalledTimes(2)
+    expect(listOrganizations).toHaveBeenCalledTimes(2)
+    expect(changes).toEqual([{ id: 'org-b', name: '组织 B' }])
+    expect(JSON.stringify(changes)).not.toContain(token)
+    expect(switcher.shadowRoot?.textContent).toContain('组织 B')
+    expect(switcher.shadowRoot?.innerHTML).not.toContain(token)
+  })
+
+  it('provides an HTTP transport that sends JWT only in Authorization headers', async () => {
+    const fetchMock = vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+      const url = String(input)
+      if (url.endsWith('/organizations') && init?.method === 'GET') {
+        return new Response(
+          JSON.stringify({
+            organizations: [{ id: 'org-a', name: '组织 A' }],
+            currentOrganizationId: 'org-a',
+          }),
+          { status: 200, headers: { 'content-type': 'application/json' } },
+        )
+      }
+      if (url.endsWith('/current-organization') && init?.method === 'POST') {
+        return new Response(null, { status: 204 })
+      }
+      return new Response(
+        JSON.stringify({
+          entries: [
+            {
+              id: 'hr',
+              name: '人事管理',
+              url: 'https://apps.example.com/hr',
+              openMode: 'blank',
+            },
+          ],
+        }),
+        { status: 200, headers: { 'content-type': 'application/json' } },
+      )
+    })
+    const transport = createHttpApplicationSwitcherTransport({
+      endpoint: 'https://api.example.com/application-entries',
+      organizationsEndpoint: 'https://api.example.com/organizations',
+      switchOrganizationEndpoint: 'https://api.example.com/current-organization',
+      fetch: fetchMock as typeof fetch,
+    })
+    const httpToken = 'http.jwt.value'
+    const entries = await transport.listApplications(httpToken)
+    const organizations = await transport.listOrganizations?.(httpToken)
+    await transport.switchOrganization?.(httpToken, 'org-a')
+
+    expect(entries).toEqual([
+      {
+        id: 'hr',
+        name: '人事管理',
+        url: 'https://apps.example.com/hr',
+        openMode: 'blank',
+      },
+    ])
+    expect(organizations).toEqual({
+      organizations: [{ id: 'org-a', name: '组织 A' }],
+      currentOrganizationId: 'org-a',
+    })
+    expect(fetchMock).toHaveBeenCalledTimes(3)
+    for (const [url, init] of fetchMock.mock.calls) {
+      expect(String(url)).not.toContain(httpToken)
+      expect(new Headers(init?.headers).get('authorization')).toBe(`Bearer ${httpToken}`)
+    }
+    const [entryUrl] = fetchMock.mock.calls[0]!
+    expect(entryUrl).toBe('https://api.example.com/application-entries')
+    const [, switchInit] = fetchMock.mock.calls[2]!
+    expect(switchInit?.method).toBe('POST')
+    expect(switchInit?.body).toBe(JSON.stringify({ organizationId: 'org-a' }))
+    expect(String(switchInit?.body)).not.toContain(httpToken)
+  })
+
+  it('shows and emits only a sanitized error when token acquisition fails', async () => {
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    const errors: ApplicationSwitcherErrorDetail[] = []
+    switcher.addEventListener('error', (event) => {
+      errors.push((event as unknown as CustomEvent<ApplicationSwitcherErrorDetail>).detail)
+    })
+    switcher.configure({
+      getAccessToken: async () => {
+        throw new Error('backend stack with jwt=provider-secret')
+      },
+    })
+    document.body.append(switcher)
+    await vi.waitFor(() => expect(errors).toHaveLength(1))
+    await nextUpdate(switcher)
+
+    expect(errors[0]).toEqual({
+      code: 'LOAD_FAILED',
+      message: '应用入口加载失败，请稍后重试。',
+      recoverable: true,
+    })
+    expect(JSON.stringify(errors)).not.toContain('provider-secret')
+    expect(switcher.shadowRoot?.textContent).not.toContain('backend stack')
+  })
+
+  it('emits a safe selection event and closes the panel', async () => {
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    const loaded = waitForLoaded(switcher)
+    switcher.configure({ getAccessToken: async () => 'selection.jwt' })
+    document.body.append(switcher)
+    await loaded
+    await nextUpdate(switcher)
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('.launcher')?.click()
+    await nextUpdate(switcher)
+
+    const selections: ApplicationEntry[] = []
+    switcher.addEventListener('application-selected', (event) => {
+      selections.push((event as CustomEvent<{ entry: ApplicationEntry }>).detail.entry)
+    })
+    switcher.addEventListener('click', (event) => event.preventDefault())
+    switcher.shadowRoot?.querySelector<HTMLAnchorElement>('[role="menuitem"]')?.click()
+    await nextUpdate(switcher)
+
+    expect(selections).toHaveLength(1)
+    expect(selections[0]?.id).toBe('ai-employee')
+    expect(switcher.shadowRoot?.querySelector('[part="panel"]')).toBeNull()
+    expect(JSON.stringify(selections)).not.toContain('selection.jwt')
+  })
+
+  it('switches the application identity before navigating a pre-opened new window', async () => {
+    const token = 'application-switch.jwt'
+    const applicationTicket = 'ticket_for_component_navigation_12345'
+    const switchApplication = vi.fn(async () => ({
+      url: `${new URL('/target', document.baseURI).href}#uniplat_application_ticket=${applicationTicket}`,
+    }))
+    const transport: ApplicationSwitcherTransport = {
+      async listApplications() {
+        return [{ id: 'target-xid', name: '目标应用', url: '/target' }]
+      },
+      switchApplication,
+    }
+    const getAccessToken = vi.fn(async () => token)
+    const replace = vi.fn()
+    const close = vi.fn()
+    const applicationWindow = {
+      closed: false,
+      close,
+      location: { replace },
+      opener: window,
+    } as unknown as Window
+    const open = vi.spyOn(window, 'open').mockReturnValue(applicationWindow)
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    const loaded = waitForLoaded(switcher)
+    switcher.configure({ getAccessToken, transport })
+    document.body.append(switcher)
+    await loaded
+    await nextUpdate(switcher)
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('.launcher')?.click()
+    await nextUpdate(switcher)
+
+    const selections: ApplicationEntry[] = []
+    switcher.addEventListener('application-selected', (event) => {
+      selections.push((event as CustomEvent<{ entry: ApplicationEntry }>).detail.entry)
+    })
+    const entry = switcher.shadowRoot?.querySelector<HTMLAnchorElement>('[role="menuitem"]')
+    expect(entry?.hasAttribute('href')).toBe(false)
+    expect(entry?.target).toBe('_blank')
+    entry?.click()
+
+    expect(open).toHaveBeenCalledWith('about:blank', '_blank')
+    expect(applicationWindow.opener).toBeNull()
+
+    await vi.waitFor(() => expect(selections).toHaveLength(1))
+    await nextUpdate(switcher)
+    expect(switchApplication).toHaveBeenCalledWith(token, 'target-xid')
+    expect(getAccessToken).toHaveBeenCalledTimes(2)
+    expect(replace).toHaveBeenCalledWith(
+      `${new URL('/target', document.baseURI).href}#uniplat_application_ticket=${applicationTicket}`,
+    )
+    expect(close).not.toHaveBeenCalled()
+    expect(switcher.shadowRoot?.querySelector('[part="panel"]')).toBeNull()
+    expect(JSON.stringify(selections)).not.toContain(token)
+    expect(JSON.stringify(selections)).not.toContain(applicationTicket)
+    expect(switcher.shadowRoot?.innerHTML).not.toContain(applicationTicket)
+  })
+
+  it('closes the pre-opened window when Host cancels application navigation', async () => {
+    const close = vi.fn()
+    const replace = vi.fn()
+    const applicationWindow = {
+      closed: false,
+      close,
+      location: { replace },
+      opener: window,
+    } as unknown as Window
+    vi.spyOn(window, 'open').mockReturnValue(applicationWindow)
+    const transport: ApplicationSwitcherTransport = {
+      async listApplications() {
+        return [{ id: 'cancel-target', name: '取消导航应用', url: '/cancel-target' }]
+      },
+      async switchApplication() {},
+    }
+    const switcher = document.createElement(
+      INTERNAL_APPLICATION_SWITCHER_TAG,
+    ) as UniplatApplicationSwitcher
+    const loaded = waitForLoaded(switcher)
+    switcher.configure({ getAccessToken: async () => 'cancel-navigation.jwt', transport })
+    document.body.append(switcher)
+    await loaded
+    await nextUpdate(switcher)
+    switcher.shadowRoot?.querySelector<HTMLButtonElement>('.launcher')?.click()
+    await nextUpdate(switcher)
+    switcher.addEventListener('application-selected', (event) => event.preventDefault())
+
+    switcher.shadowRoot?.querySelector<HTMLAnchorElement>('[role="menuitem"]')?.click()
+
+    await vi.waitFor(() => expect(close).toHaveBeenCalledTimes(1))
+    expect(replace).not.toHaveBeenCalled()
+  })
+})