@csntgao/uni-base 0.1.0

package/packages/web-components/tests/organization-multi-employee-selector.test.ts

@@ -0,0 +1,225 @@
+// @vitest-environment happy-dom
+
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import {
+  ORGANIZATION_MULTI_EMPLOYEE_SELECTOR_TAG,
+  UniplatOrganizationMultiEmployeeSelectorElement,
+  type OrganizationEmployeeSelectionItem,
+  type UniplatOrganizationMultiEmployeeSelectorTransport,
+} from '../src'
+
+function employee(
+  employeeId: string,
+  displayName: string,
+  departmentName = '研发部',
+): OrganizationEmployeeSelectionItem {
+  return {
+    employeeId,
+    displayName,
+    maskedMobile: '138****6688',
+    primaryDepartmentId: '10',
+    primaryDepartmentName: departmentName,
+    departmentIds: ['10'],
+    departmentNames: [departmentName],
+    employmentStatus: 'active',
+  }
+}
+
+function transport(
+  overrides: Partial<UniplatOrganizationMultiEmployeeSelectorTransport> = {},
+): UniplatOrganizationMultiEmployeeSelectorTransport {
+  return {
+    loadDepartmentTree: vi.fn(async () => [
+      { id: '10', name: '研发部', depth: 0, memberCount: 2 },
+      { id: '11', name: '前端组', parentId: '10', depth: 1, memberCount: 1 },
+    ]),
+    listDepartmentEmployees: vi.fn(async ({ page, pageSize }) => ({
+      items: [employee('2', '李四', '前端组')],
+      page,
+      pageSize,
+      total: 1,
+      hasMore: false,
+    })),
+    searchEmployees: vi.fn(async ({ page, pageSize }) => ({
+      items: [employee('1', '张三'), employee('2', '李四', '前端组')],
+      page,
+      pageSize,
+      total: 2,
+      hasMore: false,
+    })),
+    resolveEmployees: vi.fn(async ({ employeeIds }) =>
+      employeeIds.map((id: string) => employee(id, id === '1' ? '张三' : '李四')),
+    ),
+    ...overrides,
+  }
+}
+
+async function createSelector(
+  selectorTransport = transport(),
+): Promise<UniplatOrganizationMultiEmployeeSelectorElement> {
+  const selector = document.createElement(ORGANIZATION_MULTI_EMPLOYEE_SELECTOR_TAG)
+  selector.configure({ applicationName: 'OfficialWebsite', transport: selectorTransport })
+  document.body.append(selector)
+  return selector
+}
+
+async function settle(selector: UniplatOrganizationMultiEmployeeSelectorElement): Promise<void> {
+  await selector.updateComplete
+  await Promise.resolve()
+  await selector.updateComplete
+}
+
+describe('<uniplat-organization-multi-employee-selector>', () => {
+  afterEach(() => {
+    document.body.replaceChildren()
+  })
+
+  it('registers the public element and renders a modal department and employee selector', async () => {
+    expect(customElements.get(ORGANIZATION_MULTI_EMPLOYEE_SELECTOR_TAG)).toBe(
+      UniplatOrganizationMultiEmployeeSelectorElement,
+    )
+    const selector = await createSelector()
+    await selector.open({ title: '选择组织管理员' })
+    await settle(selector)
+
+    expect(selector.shadowRoot?.querySelector('[role="dialog"]')).toBeTruthy()
+    expect(selector.shadowRoot?.textContent).toContain('选择组织管理员')
+    expect(selector.shadowRoot?.textContent).toContain('组织架构')
+    expect(selector.shadowRoot?.textContent).toContain('研发部')
+    expect(selector.shadowRoot?.querySelectorAll('.employee')).toHaveLength(2)
+    expect(selector.shadowRoot?.textContent).toContain('已选择的成员')
+  })
+
+  it('resolves initial selections, de-duplicates ids and keeps selections across filters', async () => {
+    const selectorTransport = transport()
+    const selector = await createSelector(selectorTransport)
+    await selector.open({ initialSelectedEmployeeIds: ['1', '1'] })
+    await settle(selector)
+
+    expect(selectorTransport.resolveEmployees).toHaveBeenCalledWith({ employeeIds: ['1'] })
+    expect(selector.shadowRoot?.querySelectorAll('.selected-employee')).toHaveLength(1)
+    expect(selector.shadowRoot?.textContent).toContain('张三')
+
+    selector.shadowRoot?.querySelectorAll<HTMLButtonElement>('.department')[1]?.click()
+    await settle(selector)
+    await Promise.resolve()
+    await settle(selector)
+    expect(selector.shadowRoot?.querySelectorAll('.selected-employee')).toHaveLength(1)
+  })
+
+  it('enforces maximum selection and protected selections', async () => {
+    const selector = await createSelector()
+    await selector.open({
+      initialSelectedEmployeeIds: ['1'],
+      disabledSelections: [{ employeeId: '1', reason: '组织所有者不能移除' }],
+      maxSelection: 2,
+    })
+    await settle(selector)
+
+    selector.shadowRoot?.querySelectorAll<HTMLButtonElement>('.employee')[0]?.click()
+    await settle(selector)
+    expect(selector.shadowRoot?.textContent).toContain('组织所有者不能移除')
+
+    selector.shadowRoot?.querySelectorAll<HTMLButtonElement>('.employee')[1]?.click()
+    await settle(selector)
+    const selected = selector.shadowRoot?.querySelectorAll('.selected-employee')
+    expect(selected).toHaveLength(2)
+    expect(selected?.[0]?.querySelector<HTMLButtonElement>('.remove')?.disabled).toBe(true)
+  })
+
+  it('emits only normalized employee summaries after explicit confirmation', async () => {
+    const selector = await createSelector()
+    const confirmed = vi.fn()
+    const cancelled = vi.fn()
+    selector.addEventListener('selection-confirmed', confirmed)
+    selector.addEventListener('selection-cancelled', cancelled)
+    await selector.open({ initialSelectedEmployeeIds: ['1'] })
+    await settle(selector)
+
+    selector.shadowRoot?.querySelector<HTMLButtonElement>('.primary')?.click()
+    await settle(selector)
+    const event = confirmed.mock.calls[0]?.[0]
+    expect(event.detail).toEqual({ employeeIds: ['1'], employees: [employee('1', '张三')] })
+    expect(event.bubbles).toBe(true)
+    expect(event.composed).toBe(true)
+    expect(cancelled).not.toHaveBeenCalled()
+    expect(JSON.stringify(event.detail)).not.toContain('token')
+    expect(selector.shadowRoot?.querySelector('[role="dialog"]')).toBeNull()
+  })
+
+  it('cancels on Escape and restores a fresh state on the next open', async () => {
+    const selector = await createSelector()
+    const cancelled = vi.fn()
+    selector.addEventListener('selection-cancelled', cancelled)
+    await selector.open({ initialSelectedEmployeeIds: ['1'] })
+    await settle(selector)
+    window.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }))
+    await settle(selector)
+    expect(cancelled).toHaveBeenCalledTimes(1)
+
+    await selector.open()
+    await settle(selector)
+    expect(selector.shadowRoot?.querySelectorAll('.selected-employee')).toHaveLength(0)
+  })
+
+  it('searches and paginates without losing selected employees', async () => {
+    const searchEmployees = vi
+      .fn<UniplatOrganizationMultiEmployeeSelectorTransport['searchEmployees']>()
+      .mockImplementation(async ({ page, pageSize, keyword }) => ({
+        items: page === 1 ? [employee('1', keyword ? '张三' : '张三')] : [employee('2', '李四')],
+        page,
+        pageSize,
+        total: 2,
+        hasMore: page === 1,
+      }))
+    const selector = await createSelector(transport({ searchEmployees }))
+    await selector.open()
+    await settle(selector)
+    selector.shadowRoot?.querySelector<HTMLButtonElement>('.employee')?.click()
+
+    selector.shadowRoot?.querySelector<HTMLButtonElement>('.load-more')?.click()
+    await Promise.resolve()
+    await settle(selector)
+    expect(selector.shadowRoot?.querySelectorAll('.employee')).toHaveLength(2)
+    expect(selector.shadowRoot?.querySelectorAll('.selected-employee')).toHaveLength(1)
+
+    const input = selector.shadowRoot?.querySelector<HTMLInputElement>('.search-row input')
+    if (!input) throw new Error('Search input is missing')
+    input.value = '张'
+    input.dispatchEvent(new InputEvent('input', { bubbles: true }))
+    selector.shadowRoot
+      ?.querySelector<HTMLFormElement>('.search-row')
+      ?.dispatchEvent(new SubmitEvent('submit', { bubbles: true, cancelable: true }))
+    await Promise.resolve()
+    await settle(selector)
+    expect(searchEmployees).toHaveBeenLastCalledWith(
+      expect.objectContaining({ keyword: '张', page: 1 }),
+    )
+  })
+
+  it('shows a safe retryable error without clearing an existing selection', async () => {
+    const selectorTransport = transport({
+      searchEmployees: vi.fn().mockRejectedValue(new Error('backend stack with secret-token')),
+    })
+    const selector = await createSelector(selectorTransport)
+    const errors = vi.fn()
+    selector.addEventListener('selector-error', errors)
+    await selector.open({ initialSelectedEmployeeIds: ['1'] })
+    await settle(selector)
+
+    expect(selector.shadowRoot?.textContent).toContain('组织成员加载失败，请稍后重试。')
+    expect(selector.shadowRoot?.textContent).not.toContain('secret-token')
+    expect(selector.shadowRoot?.querySelectorAll('.selected-employee')).toHaveLength(1)
+    expect(errors.mock.calls[0]?.[0].detail).toEqual({
+      code: 'UNKNOWN',
+      message: '组织成员加载失败，请稍后重试。',
+      retryable: true,
+    })
+  })
+
+  it('rejects unsupported single-select-like limits and department bulk selection', async () => {
+    const selector = await createSelector()
+    expect(() => selector.open({ maxSelection: 1 })).toThrow(TypeError)
+    expect(() => selector.open({ enableDepartmentBulkSelection: true })).toThrow(TypeError)
+  })
+})

package/packages/web-components/tests/organization-onboarding.test.ts

@@ -0,0 +1,260 @@
+// @vitest-environment happy-dom
+
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { OrganizationOnboardingTransportError, type OrganizationOnboardingTransport } from '../src'
+import {
+  INTERNAL_ORGANIZATION_ONBOARDING_TAG,
+  InternalOrganizationOnboarding,
+} from '../src/organization-onboarding'
+
+function createTransport(
+  overrides: Partial<OrganizationOnboardingTransport> = {},
+): OrganizationOnboardingTransport {
+  return {
+    createEnterprise: vi.fn(async (request) => ({
+      id: 'enterprise-1',
+      name: request.organizationName,
+      type: 'enterprise' as const,
+    })),
+    createTeam: vi.fn(async (request) => ({
+      id: 'team-1',
+      name: request.teamName,
+      type: 'team' as const,
+    })),
+    ...overrides,
+  }
+}
+
+async function settle(onboarding: InternalOrganizationOnboarding): Promise<void> {
+  await Promise.resolve()
+  await onboarding.updateComplete
+  await Promise.resolve()
+}
+
+function buttonByText(onboarding: InternalOrganizationOnboarding, text: string): HTMLButtonElement {
+  const button = [...(onboarding.shadowRoot?.querySelectorAll('button') ?? [])].find((candidate) =>
+    candidate.textContent?.includes(text),
+  )
+  if (!button) throw new Error(`Missing button: ${text}`)
+  return button
+}
+
+function updateInput(
+  onboarding: InternalOrganizationOnboarding,
+  selector: string,
+  value: string,
+): void {
+  const input = onboarding.shadowRoot?.querySelector<HTMLInputElement>(selector)
+  if (!input) throw new Error(`Missing input: ${selector}`)
+  input.value = value
+  input.dispatchEvent(new InputEvent('input', { bubbles: true }))
+}
+
+function submit(onboarding: InternalOrganizationOnboarding): void {
+  const form = onboarding.shadowRoot?.querySelector<HTMLFormElement>('form')
+  if (!form) throw new Error('Missing onboarding form')
+  form.dispatchEvent(new SubmitEvent('submit', { bubbles: true, cancelable: true }))
+}
+
+describe('internal organization onboarding', () => {
+  afterEach(() => {
+    document.body.replaceChildren()
+  })
+
+  it('is only registered under the internal account-context tag and renders the prototype choices', async () => {
+    expect(customElements.get('uniplat-organization-onboarding')).toBeUndefined()
+    expect(customElements.get(INTERNAL_ORGANIZATION_ONBOARDING_TAG)).toBe(
+      InternalOrganizationOnboarding,
+    )
+    const onboarding = document.createElement(INTERNAL_ORGANIZATION_ONBOARDING_TAG)
+    onboarding.configure({ transport: createTransport() })
+    document.body.append(onboarding)
+    await settle(onboarding)
+
+    expect(onboarding.shadowRoot?.querySelector('[part~="shell"]')).not.toBeNull()
+    expect(onboarding.shadowRoot?.textContent).toContain('创建你的团队 / 企业')
+    expect(onboarding.shadowRoot?.textContent).toContain('创建企业')
+    expect(onboarding.shadowRoot?.textContent).toContain('创建团队')
+    expect(onboarding.shadowRoot?.textContent).not.toContain('加入已有团队 / 企业')
+    expect(onboarding.shadowRoot?.querySelectorAll('.option')).toHaveLength(2)
+  })
+
+  it('validates the enterprise form and creates an unverified enterprise', async () => {
+    const transport = createTransport()
+    const onboarding = document.createElement(INTERNAL_ORGANIZATION_ONBOARDING_TAG)
+    const created = vi.fn()
+    onboarding.addEventListener('organization-created', created)
+    onboarding.configure({ transport })
+    document.body.append(onboarding)
+    await settle(onboarding)
+
+    buttonByText(onboarding, '下一步').click()
+    await settle(onboarding)
+    submit(onboarding)
+    await settle(onboarding)
+
+    expect(onboarding.shadowRoot?.textContent).toContain('有 3 项信息需要修改')
+    expect(onboarding.shadowRoot?.textContent).toContain('格式有误，应为 18 位数字与大写字母')
+
+    updateInput(onboarding, '#organization-name', '星河科技')
+    updateInput(onboarding, '#enterprise-name', '北京星河科技有限公司')
+    updateInput(onboarding, '#credit-code', '91110108MA01ABC123')
+    submit(onboarding)
+    await vi.waitFor(() => expect(transport.createEnterprise).toHaveBeenCalledTimes(1))
+    await settle(onboarding)
+
+    expect(transport.createEnterprise).toHaveBeenCalledWith({
+      organizationName: '星河科技',
+      enterpriseName: '北京星河科技有限公司',
+      unifiedSocialCreditCode: '91110108MA01ABC123',
+    })
+    expect(onboarding.shadowRoot?.textContent).toContain('星河科技 已创建')
+    expect(onboarding.shadowRoot?.textContent).toContain('未认证')
+    expect(created.mock.calls[0]?.[0].detail).toEqual({
+      organizationId: 'enterprise-1',
+      type: 'enterprise',
+    })
+    expect(JSON.stringify(created.mock.calls[0]?.[0].detail)).not.toContain('91110108')
+  })
+
+  it('maps duplicate enterprise and team responses to the prototype field errors', async () => {
+    const enterpriseOnboarding = document.createElement(INTERNAL_ORGANIZATION_ONBOARDING_TAG)
+    enterpriseOnboarding.configure({
+      transport: createTransport({
+        createEnterprise: vi.fn(async () => {
+          throw new OrganizationOnboardingTransportError('ENTERPRISE_NAME_CONFLICT')
+        }),
+      }),
+    })
+    document.body.append(enterpriseOnboarding)
+    await settle(enterpriseOnboarding)
+    buttonByText(enterpriseOnboarding, '下一步').click()
+    await settle(enterpriseOnboarding)
+    updateInput(enterpriseOnboarding, '#organization-name', '星河科技')
+    updateInput(enterpriseOnboarding, '#enterprise-name', '北京星河科技有限公司')
+    updateInput(enterpriseOnboarding, '#credit-code', '91110108MA01ABC123')
+    submit(enterpriseOnboarding)
+    await vi.waitFor(() =>
+      expect(enterpriseOnboarding.shadowRoot?.textContent).toContain('该企业已被创建'),
+    )
+
+    const joinRequested = vi.fn()
+    enterpriseOnboarding.addEventListener('join-organization-requested', joinRequested)
+    buttonByText(enterpriseOnboarding, '申请加入').click()
+    expect(joinRequested.mock.calls[0]?.[0].detail).toEqual({
+      enterpriseName: '北京星河科技有限公司',
+    })
+
+    const teamOnboarding = document.createElement(INTERNAL_ORGANIZATION_ONBOARDING_TAG)
+    teamOnboarding.configure({
+      transport: createTransport({
+        createTeam: vi.fn(async () => {
+          throw new OrganizationOnboardingTransportError('TEAM_NAME_CONFLICT')
+        }),
+      }),
+    })
+    document.body.append(teamOnboarding)
+    await settle(teamOnboarding)
+    buttonByText(teamOnboarding, '创建团队').click()
+    buttonByText(teamOnboarding, '下一步').click()
+    await settle(teamOnboarding)
+    updateInput(teamOnboarding, '#team-name', '星河增长项目组')
+    submit(teamOnboarding)
+    await vi.waitFor(() =>
+      expect(teamOnboarding.shadowRoot?.textContent).toContain('你已有同名团队，请更换名称'),
+    )
+  })
+
+  it('emits confirmed skip, join, authentication, upgrade and invitation actions', async () => {
+    const onboarding = document.createElement(INTERNAL_ORGANIZATION_ONBOARDING_TAG)
+    const skipped = vi.fn()
+    const join = vi.fn()
+    onboarding.addEventListener('onboarding-skipped', skipped)
+    onboarding.addEventListener('join-organization-requested', join)
+    onboarding.configure({ transport: createTransport() })
+    document.body.append(onboarding)
+    await settle(onboarding)
+
+    buttonByText(onboarding, '跳过').click()
+    await settle(onboarding)
+    expect(onboarding.shadowRoot?.textContent).toContain('确定暂不创建团队 / 企业')
+    buttonByText(onboarding, '跳过，先逛逛').click()
+    expect(skipped.mock.calls[0]?.[0].detail).toEqual({ source: 'method-selection' })
+
+    onboarding.start('unassigned')
+    await settle(onboarding)
+    expect(onboarding.shadowRoot?.textContent).toContain('你还没有归属的团队 / 企业')
+    buttonByText(onboarding, '用邀请码加入').click()
+    expect(join.mock.calls[0]?.[0].detail).toEqual({})
+    expect(join).toHaveBeenCalledTimes(1)
+
+    const teamOnboarding = document.createElement(INTERNAL_ORGANIZATION_ONBOARDING_TAG)
+    const upgrade = vi.fn()
+    const invite = vi.fn()
+    teamOnboarding.addEventListener('team-upgrade-requested', upgrade)
+    teamOnboarding.addEventListener('team-invite-members-requested', invite)
+    teamOnboarding.configure({ transport: createTransport() })
+    document.body.append(teamOnboarding)
+    await settle(teamOnboarding)
+    buttonByText(teamOnboarding, '创建团队').click()
+    buttonByText(teamOnboarding, '下一步').click()
+    await settle(teamOnboarding)
+    updateInput(teamOnboarding, '#team-name', '星河增长项目组')
+    submit(teamOnboarding)
+    await vi.waitFor(() => expect(teamOnboarding.shadowRoot?.textContent).toContain('无需认证'))
+    buttonByText(teamOnboarding, '升级为企业').click()
+    buttonByText(teamOnboarding, '邀请成员').click()
+    expect(upgrade.mock.calls[0]?.[0].detail).toEqual({ organizationId: 'team-1' })
+    expect(invite.mock.calls[0]?.[0].detail).toEqual({ organizationId: 'team-1' })
+
+    const enterpriseOnboarding = document.createElement(INTERNAL_ORGANIZATION_ONBOARDING_TAG)
+    const authenticate = vi.fn()
+    const deferred = vi.fn()
+    enterpriseOnboarding.addEventListener('enterprise-authentication-requested', authenticate)
+    enterpriseOnboarding.addEventListener('enterprise-authentication-deferred', deferred)
+    enterpriseOnboarding.configure({ transport: createTransport() })
+    document.body.append(enterpriseOnboarding)
+    await settle(enterpriseOnboarding)
+    buttonByText(enterpriseOnboarding, '下一步').click()
+    await settle(enterpriseOnboarding)
+    updateInput(enterpriseOnboarding, '#organization-name', '星河科技')
+    updateInput(enterpriseOnboarding, '#enterprise-name', '北京星河科技有限公司')
+    updateInput(enterpriseOnboarding, '#credit-code', '91110108MA01ABC123')
+    submit(enterpriseOnboarding)
+    await vi.waitFor(() => expect(enterpriseOnboarding.shadowRoot?.textContent).toContain('未认证'))
+    buttonByText(enterpriseOnboarding, '稍后认证').click()
+    buttonByText(enterpriseOnboarding, '去认证').click()
+    expect(deferred.mock.calls[0]?.[0].detail).toEqual({ organizationId: 'enterprise-1' })
+    expect(authenticate.mock.calls[0]?.[0].detail).toEqual({ organizationId: 'enterprise-1' })
+  })
+
+  it('renders transport text as text and exposes only stable errors', async () => {
+    const onboarding = document.createElement(INTERNAL_ORGANIZATION_ONBOARDING_TAG)
+    const errors = vi.fn()
+    onboarding.addEventListener('error', errors)
+    onboarding.configure({
+      transport: createTransport({
+        createTeam: vi.fn(async () => {
+          throw new Error('raw backend response with jwt-secret')
+        }),
+      }),
+    })
+    document.body.append(onboarding)
+    await settle(onboarding)
+    buttonByText(onboarding, '创建团队').click()
+    buttonByText(onboarding, '下一步').click()
+    await settle(onboarding)
+    updateInput(onboarding, '#team-name', '<img src=x onerror=unsafe()>')
+    submit(onboarding)
+    await vi.waitFor(() => expect(errors).toHaveBeenCalledTimes(1))
+    await settle(onboarding)
+
+    expect(onboarding.shadowRoot?.querySelector('img')).toBeNull()
+    expect(onboarding.shadowRoot?.innerHTML).not.toContain('jwt-secret')
+    expect(errors.mock.calls[0]?.[0].detail).toEqual({
+      code: 'TEAM_CREATE_FAILED',
+      message: '团队创建失败，请稍后重试',
+      recoverable: true,
+    })
+  })
+})

package/packages/web-components/tests/organization-selector.test.ts

@@ -0,0 +1,127 @@
+// @vitest-environment happy-dom
+
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import {
+  ORGANIZATION_SELECTOR_TAG,
+  UniplatOrganizationSelector,
+  type OrganizationSelectorConfig,
+} from '../src'
+
+const CONFIG: OrganizationSelectorConfig = {
+  selectedOrganizationId: 'enterprise-beijing',
+  rememberSelection: true,
+  organizations: [
+    {
+      id: 'enterprise-beijing',
+      name: '北京星河科技有限公司',
+      type: 'enterprise',
+      verificationStatus: 'verified',
+      role: '超管',
+      memberCount: 128,
+      lastEnteredLabel: '上次进入 2 小时前',
+    },
+    {
+      id: 'enterprise-shanghai',
+      name: '星河（上海）分公司',
+      type: 'enterprise',
+      verificationStatus: 'unverified',
+      role: '管理员',
+      memberCount: 46,
+    },
+    {
+      id: 'team-growth',
+      name: '星河增长项目组',
+      type: 'team',
+      role: '团队负责人',
+      memberCount: 9,
+    },
+    {
+      id: 'enterprise-expired',
+      name: '已过期企业',
+      type: 'enterprise',
+      verificationStatus: 'expired',
+      role: '管理员',
+      memberCount: 2,
+    },
+    {
+      id: 'team-campus',
+      name: '2026 校招筹备团队',
+      type: 'team',
+      role: '成员',
+      memberCount: 5,
+    },
+  ],
+}
+
+async function settle(selector: UniplatOrganizationSelector): Promise<void> {
+  await selector.updateComplete
+  await Promise.resolve()
+}
+
+describe('<uniplat-organization-selector>', () => {
+  afterEach(() => {
+    document.body.replaceChildren()
+  })
+
+  it('registers and renders all enterprise and team memberships from the prototype', async () => {
+    expect(customElements.get(ORGANIZATION_SELECTOR_TAG)).toBe(UniplatOrganizationSelector)
+    const selector = document.createElement(ORGANIZATION_SELECTOR_TAG)
+    selector.configure(CONFIG)
+    document.body.append(selector)
+    await settle(selector)
+
+    expect(selector.shadowRoot?.textContent).toContain('你归属 5 个团队 / 企业')
+    expect(selector.shadowRoot?.querySelectorAll('.organization')).toHaveLength(5)
+    expect(selector.shadowRoot?.textContent).toContain('北京星河科技有限公司')
+    expect(selector.shadowRoot?.textContent).toContain('企业')
+    expect(selector.shadowRoot?.textContent).toContain('未认证')
+    expect(selector.shadowRoot?.textContent).toContain('已过期')
+    expect(selector.shadowRoot?.textContent).toContain('团队')
+    expect(selector.shadowRoot?.textContent).toContain('超管 · 128 人 · 上次进入 2 小时前')
+  })
+
+  it('keeps the choice local until enter and emits only ids and the remember preference', async () => {
+    const selector = document.createElement(ORGANIZATION_SELECTOR_TAG)
+    const enter = vi.fn()
+    const create = vi.fn()
+    selector.addEventListener('organization-enter-requested', enter)
+    selector.addEventListener('organization-create-requested', create)
+    selector.configure(CONFIG)
+    document.body.append(selector)
+    await settle(selector)
+
+    selector.shadowRoot?.querySelectorAll<HTMLButtonElement>('.organization')[2]?.click()
+    const remember = selector.shadowRoot?.querySelector<HTMLInputElement>('.remember input')
+    if (!remember) throw new Error('Missing remember checkbox')
+    remember.checked = false
+    remember.dispatchEvent(new Event('change', { bubbles: true }))
+    selector.shadowRoot?.querySelector<HTMLButtonElement>('.enter')?.click()
+    selector.shadowRoot?.querySelector<HTMLButtonElement>('.create')?.click()
+
+    expect(enter.mock.calls[0]?.[0].detail).toEqual({
+      organizationId: 'team-growth',
+      rememberSelection: false,
+    })
+    expect(JSON.stringify(enter.mock.calls[0]?.[0].detail)).not.toContain('星河')
+    expect(create.mock.calls[0]?.[0].detail).toEqual({})
+    expect(enter.mock.calls[0]?.[0].composed).toBe(true)
+  })
+
+  it('rejects duplicate ids and renders external labels as text', async () => {
+    const selector = document.createElement(ORGANIZATION_SELECTOR_TAG)
+    expect(() =>
+      selector.configure({
+        organizations: [CONFIG.organizations[0]!, CONFIG.organizations[0]!],
+      }),
+    ).toThrow(TypeError)
+
+    selector.configure({
+      organizations: [{ id: 'safe-id', name: '<img src=x onerror=unsafe()>', type: 'team' }],
+    })
+    document.body.append(selector)
+    await settle(selector)
+
+    expect(selector.shadowRoot?.querySelector('img')).toBeNull()
+    expect(selector.shadowRoot?.textContent).toContain('<img src=x onerror=unsafe()>')
+  })
+})