@csntgao/uni-base 0.1.0

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

@@ -0,0 +1,145 @@
+// @vitest-environment happy-dom
+
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import {
+  ORGANIZATION_SINGLE_EMPLOYEE_SELECTOR_TAG,
+  UniplatOrganizationSingleEmployeeSelectorElement,
+  type OrganizationEmployeeSelectionItem,
+  type OrganizationSingleEmployeeSelectionConfirmedDetail,
+  type UniplatOrganizationSingleEmployeeSelectorTransport,
+} from '../src'
+
+function employee(employeeId: string, displayName: string): OrganizationEmployeeSelectionItem {
+  return {
+    employeeId,
+    displayName,
+    maskedMobile: '138****6688',
+    primaryDepartmentId: '10',
+    primaryDepartmentName: '研发部',
+    departmentIds: ['10'],
+    departmentNames: ['研发部'],
+    employmentStatus: 'active',
+  }
+}
+
+function transport(): UniplatOrganizationSingleEmployeeSelectorTransport {
+  return {
+    loadDepartmentTree: vi.fn(async () => [{ id: '10', name: '研发部', depth: 0, memberCount: 2 }]),
+    listDepartmentEmployees: vi.fn(async ({ page, pageSize }) => ({
+      items: [employee('1', '张三'), employee('2', '李四')],
+      page,
+      pageSize,
+      total: 2,
+      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((employeeId: string) =>
+        employee(employeeId, employeeId === '1' ? '张三' : '李四'),
+      ),
+    ),
+  }
+}
+
+async function createSelector(selectorTransport = transport()) {
+  const selector = document.createElement(ORGANIZATION_SINGLE_EMPLOYEE_SELECTOR_TAG)
+  selector.configure({ applicationName: 'OfficialWebsite', transport: selectorTransport })
+  document.body.append(selector)
+  return { selector, selectorTransport }
+}
+
+async function settle(selector: UniplatOrganizationSingleEmployeeSelectorElement): Promise<void> {
+  await selector.updateComplete
+  await Promise.resolve()
+  await selector.updateComplete
+}
+
+describe('<uniplat-organization-single-employee-selector>', () => {
+  afterEach(() => {
+    document.body.replaceChildren()
+  })
+
+  it('registers a distinct public element and requires exactly one employee', async () => {
+    expect(customElements.get(ORGANIZATION_SINGLE_EMPLOYEE_SELECTOR_TAG)).toBe(
+      UniplatOrganizationSingleEmployeeSelectorElement,
+    )
+    const { selector } = await createSelector()
+    await selector.open({ title: '选择负责人' })
+    await settle(selector)
+
+    expect(selector.shadowRoot?.textContent).toContain('选择负责人')
+    expect(selector.shadowRoot?.querySelector<HTMLButtonElement>('.primary')?.disabled).toBe(true)
+    expect(selector.shadowRoot?.querySelector('.selected-pane')).toBeNull()
+    expect(selector.shadowRoot?.querySelector('.mobile-tabs')).toBeNull()
+    expect(selector.shadowRoot?.querySelector('.body.single-selection')).toBeTruthy()
+    expect(selector.shadowRoot?.querySelector('.selection-indicator.radio')).toBeTruthy()
+    expect(selector.shadowRoot?.querySelector('.checkbox')).toBeNull()
+    expect(selector.shadowRoot?.querySelector('[role="radiogroup"]')).toBeTruthy()
+
+    selector.shadowRoot?.querySelector<HTMLButtonElement>('.employee')?.click()
+    await settle(selector)
+    expect(selector.shadowRoot?.querySelector<HTMLButtonElement>('.primary')?.disabled).toBe(false)
+    expect(selector.shadowRoot?.textContent).not.toContain('确认（1）')
+  })
+
+  it('uses a scalar initial value and replaces the previous selection', async () => {
+    const { selector, selectorTransport } = await createSelector()
+    await selector.open({ initialSelectedEmployeeId: '1' })
+    await settle(selector)
+
+    expect(selectorTransport.resolveEmployees).toHaveBeenCalledWith({ employeeIds: ['1'] })
+    expect(selector.shadowRoot?.querySelectorAll('.employee.selected')).toHaveLength(1)
+    expect(selector.shadowRoot?.querySelector('.employee.selected')?.textContent).toContain('张三')
+
+    selector.shadowRoot?.querySelectorAll<HTMLButtonElement>('.employee')[1]?.click()
+    await settle(selector)
+    const selected = selector.shadowRoot?.querySelector('.employee.selected')
+    expect(selector.shadowRoot?.querySelectorAll('.employee.selected')).toHaveLength(1)
+    expect(selected?.textContent).toContain('李四')
+    expect(selected?.textContent).not.toContain('张三')
+  })
+
+  it('emits a scalar employee result without the multi-select arrays', async () => {
+    const { selector } = await createSelector()
+    let detail: OrganizationSingleEmployeeSelectionConfirmedDetail | undefined
+    selector.addEventListener('selection-confirmed', (event) => {
+      detail = event.detail
+    })
+    await selector.open({ initialSelectedEmployeeId: '1' })
+    await settle(selector)
+
+    selector.shadowRoot?.querySelector<HTMLButtonElement>('.primary')?.click()
+    await settle(selector)
+    expect(detail).toEqual({ employeeId: '1', employee: employee('1', '张三') })
+    expect(detail).not.toHaveProperty('employeeIds')
+    expect(detail).not.toHaveProperty('employees')
+    expect(JSON.stringify(detail)).not.toContain('token')
+    expect(selector.shadowRoot?.querySelector('[role="dialog"]')).toBeNull()
+  })
+
+  it('keeps a protected initial employee and rejects multi-selector open options', async () => {
+    const { selector } = await createSelector()
+    await selector.open({
+      initialSelectedEmployeeId: '1',
+      disabledSelections: [{ employeeId: '1', reason: '组织所有者不能替换' }],
+    })
+    await settle(selector)
+
+    selector.shadowRoot?.querySelectorAll<HTMLButtonElement>('.employee')[1]?.click()
+    await settle(selector)
+    expect(selector.shadowRoot?.textContent).toContain('组织所有者不能替换')
+    expect(selector.shadowRoot?.querySelector('.employee.selected')?.textContent).toContain('张三')
+
+    selector.close()
+    await settle(selector)
+    expect(() => selector.open({ maxSelection: 2 } as never)).toThrowError(
+      'Multi employee selector options are not supported by the single selector',
+    )
+  })
+})

package/packages/web-components/tests/uniplat-base-account-context-transport.test.ts

@@ -0,0 +1,496 @@
+import { describe, expect, it, vi } from 'vitest'
+import {
+  createUniplatBaseAccountContextTransport,
+  UniplatBaseAccountContextTransportError,
+} from '../src'
+
+const serviceBaseUrl = 'https://gateway.example.com/api/general/project/uniplat_base/service'
+const listEndpoint = `${serviceBaseUrl}/application.identity/list_available_applications`
+const organizationsEndpoint = `${serviceBaseUrl}/application.identity/list_available_organizations`
+const switchEndpoint = `${serviceBaseUrl}/application.identity/switch_current_application`
+const currentEmployeeInfoEndpoint = `${serviceBaseUrl}/system.employee_profile/get_current_employee_info`
+const accessToken = 'test-account-context-access-token'
+const nextAccessToken = 'next-test-account-context-access-token'
+const accountSettingsTicket = 'account_settings_ticket_1234567890'
+
+function organization(
+  oid: string,
+  type: 'enterprise' | 'team',
+  overrides: Record<string, unknown> = {},
+) {
+  return {
+    oid,
+    eid: String(Number(oid) + 100),
+    team_name: type === 'enterprise' ? '北京星河科技' : '星河增长项目组',
+    customer_name: type === 'enterprise' ? '北京星河科技有限公司' : null,
+    organization_type: type,
+    verification_status: type === 'enterprise' ? 'verified' : 'not_applicable',
+    role: type === 'enterprise' ? 'owner' : 'member',
+    member_count: type === 'enterprise' ? 187 : 12,
+    employee_display_name: type === 'enterprise' ? '企业员工张伟' : '团队成员张伟',
+    employee_avatar_url: null,
+    employee_department_name: type === 'enterprise' ? '总裁办' : '增长中心',
+    employee_employment_status: 'active',
+    is_current: false,
+    ...overrides,
+  }
+}
+
+function application(
+  xid: string,
+  oid: string,
+  applicationName: string,
+  applicationScope: 'open' | 'organization',
+) {
+  return {
+    xid,
+    oid,
+    application_name: applicationName,
+    application_scope: applicationScope,
+    application_title: applicationName,
+    entry_url: `https://apps.example.com/${applicationName}`,
+  }
+}
+
+function response(data: Record<string, unknown>): Response {
+  return new Response(JSON.stringify({ rescode: 0, data }), {
+    status: 200,
+    headers: { 'content-type': 'application/json' },
+  })
+}
+
+function openProjection(overrides: Record<string, unknown> = {}) {
+  const openApplication = application('21', '0', 'OfficialWebsite', 'open')
+  return {
+    application_name: 'OfficialWebsite',
+    application_scope: 'open',
+    current_identity: {
+      xid: '21',
+      oid: '0',
+      eid: '0',
+      mid: '0',
+      application_name: 'OfficialWebsite',
+      application_scope: 'open',
+    },
+    available_applications: [openApplication],
+    ...overrides,
+  }
+}
+
+function organizationProjection(overrides: Record<string, unknown> = {}) {
+  return {
+    application_name: 'OfficialWebsite',
+    application_scope: 'open',
+    current_identity: {
+      xid: '21',
+      oid: '0',
+      eid: '0',
+      mid: '0',
+      application_name: 'OfficialWebsite',
+      application_scope: 'open',
+    },
+    display_name: '用户张伟',
+    avatar_url: 'https://static.example.com/user-avatar.png',
+    mobile_masked: '138****6688',
+    organizations: [organization('11', 'enterprise'), organization('12', 'team')],
+    ...overrides,
+  }
+}
+
+describe('createUniplatBaseAccountContextTransport', () => {
+  it('loads the server-projected organizations for the requested open application', async () => {
+    const fetchMock = vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+      void init
+      return response(
+        String(input) === organizationsEndpoint ? organizationProjection() : openProjection(),
+      )
+    })
+    const getAccessToken = vi.fn(async () => accessToken)
+    const transport = createUniplatBaseAccountContextTransport({
+      serviceBaseUrl,
+      getAccessToken,
+      setAccessToken: vi.fn(),
+      fetch: fetchMock as typeof fetch,
+    })
+
+    const projection = await transport.load('OfficialWebsite')
+
+    expect(getAccessToken).toHaveBeenCalledTimes(1)
+    expect(fetchMock).toHaveBeenCalledTimes(2)
+    const [listUrl, listInit] = fetchMock.mock.calls.find(([input]) => input === listEndpoint)!
+    expect(listUrl).toBe(listEndpoint)
+    const request = listInit as RequestInit
+    expect(request.body).toBe('{}')
+    expect(new Headers(request.headers).get('authorization')).toBe(`Bearer ${accessToken}`)
+    expect(String(listUrl)).not.toContain(accessToken)
+    expect(String(request.body)).not.toContain(accessToken)
+    const [, organizationInit] = fetchMock.mock.calls.find(
+      ([input]) => input === organizationsEndpoint,
+    )!
+    expect((organizationInit as RequestInit).body).toBe(
+      JSON.stringify({ application_name: 'OfficialWebsite' }),
+    )
+    expect(
+      fetchMock.mock.calls.some(([input]) => String(input).endsWith('/system.user/info')),
+    ).toBe(false)
+    expect(projection).toMatchObject({
+      applicationName: 'OfficialWebsite',
+      applicationScope: 'open',
+      user: {
+        displayName: '用户张伟',
+        maskedMobile: '138****6688',
+        avatarUrl: 'https://static.example.com/user-avatar.png',
+      },
+      currentOrganization: null,
+      currentOrganizationId: null,
+      organizations: [
+        {
+          id: '11',
+          name: '北京星河科技',
+          type: 'enterprise',
+          verificationStatus: 'verified',
+          role: '所有者',
+          memberCount: 187,
+          employeeDisplayName: '企业员工张伟',
+          companyName: '北京星河科技有限公司',
+        },
+        {
+          id: '12',
+          name: '星河增长项目组',
+          type: 'team',
+          role: '成员',
+          memberCount: 12,
+        },
+      ],
+    })
+    expect('applicationNames' in projection.organizations[0]!).toBe(false)
+    expect(JSON.stringify(projection)).not.toContain(accessToken)
+  })
+
+  it('loads the JWT-bound employee department on demand without sending identity fields', async () => {
+    const fetchMock = vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+      void init
+      if (String(input) === currentEmployeeInfoEndpoint) {
+        return response({ primary_department: { id: '101', name: '总裁办' } })
+      }
+      return response({})
+    })
+    const transport = createUniplatBaseAccountContextTransport({
+      serviceBaseUrl,
+      getAccessToken: async () => accessToken,
+      setAccessToken: vi.fn(),
+      fetch: fetchMock as typeof fetch,
+    })
+
+    await expect(transport.loadCurrentEmployeeInfo()).resolves.toEqual({ departmentName: '总裁办' })
+
+    const [url, init] = fetchMock.mock.calls[0]!
+    expect(url).toBe(currentEmployeeInfoEndpoint)
+    expect((init as RequestInit).body).toBe('{}')
+    expect(new Headers((init as RequestInit).headers).get('authorization')).toBe(
+      `Bearer ${accessToken}`,
+    )
+  })
+
+  it('accepts an unbound Open Application identity while preserving its available organizations', async () => {
+    const unboundOpenApplication = application('0', '0', 'OfficialWebsite', 'open')
+    const fetchMock = vi.fn(async (input: RequestInfo | URL) =>
+      response(
+        String(input) === organizationsEndpoint
+          ? organizationProjection()
+          : openProjection({
+              current_identity: {
+                xid: '0',
+                oid: '0',
+                eid: '0',
+                mid: '0',
+                application_name: 'OfficialWebsite',
+                application_scope: 'open',
+              },
+              available_applications: [unboundOpenApplication],
+            }),
+      ),
+    )
+    const transport = createUniplatBaseAccountContextTransport({
+      serviceBaseUrl,
+      getAccessToken: async () => accessToken,
+      setAccessToken: vi.fn(),
+      fetch: fetchMock as typeof fetch,
+    })
+
+    const projection = await transport.load('OfficialWebsite')
+
+    expect(projection.currentIdentity).toMatchObject({
+      xid: '0',
+      oid: '0',
+      applicationScope: 'open',
+    })
+    expect(projection.currentOrganization).toBeNull()
+    expect(projection.organizations).toHaveLength(2)
+  })
+
+  it('falls back safely when user profile fields contain a legacy file locator', async () => {
+    const fetchMock = vi.fn(async (input: RequestInfo | URL) =>
+      response(
+        String(input) === organizationsEndpoint
+          ? organizationProjection({
+              display_name: '',
+              avatar_url: { file_id: 'UF1.legacy-file' },
+              mobile_masked: '13800138000',
+            })
+          : openProjection(),
+      ),
+    )
+    const transport = createUniplatBaseAccountContextTransport({
+      serviceBaseUrl,
+      getAccessToken: async () => accessToken,
+      setAccessToken: vi.fn(),
+      fetch: fetchMock as typeof fetch,
+    })
+
+    await expect(transport.load('OfficialWebsite')).resolves.toMatchObject({
+      user: { displayName: '用户' },
+    })
+  })
+
+  it('converts a managed employee avatar path to the anonymous image endpoint', async () => {
+    const fileId = '8d6a4835-8e45-4e8c-8509-764d5127d878'
+    const fetchMock = vi.fn(async (input: RequestInfo | URL) =>
+      response(
+        String(input) === organizationsEndpoint
+          ? organizationProjection({
+              organizations: [
+                organization('11', 'enterprise', {
+                  employee_avatar_url: `21/.root/.avatars/111/avatar-${fileId}.png`,
+                }),
+              ],
+            })
+          : openProjection(),
+      ),
+    )
+    const transport = createUniplatBaseAccountContextTransport({
+      serviceBaseUrl,
+      getAccessToken: async () => accessToken,
+      setAccessToken: vi.fn(),
+      fetch: fetchMock as typeof fetch,
+    })
+
+    const projection = await transport.load('OfficialWebsite')
+
+    expect(projection.organizations[0]?.employeeAvatarUrl).toBe(
+      `${serviceBaseUrl}/anonymous/system.employee_profile/get_avatar?xid=21&eid=111&file_id=${fileId}`,
+    )
+    expect(JSON.stringify(projection)).not.toContain('.root/.avatars')
+    expect(JSON.stringify(projection)).not.toContain(accessToken)
+  })
+
+  it('binds an open application to a selected organization and persists the returned JWT first', async () => {
+    const nextIdentity = {
+      xid: '21',
+      oid: '12',
+      eid: '112',
+      mid: '0',
+      application_name: 'OfficialWebsite',
+      application_scope: 'open',
+    }
+    const switchedApplications = openProjection({
+      current_identity: {
+        ...nextIdentity,
+      },
+    })
+    const switchedOrganizations = organizationProjection({
+      current_identity: nextIdentity,
+      organizations: [
+        organization('11', 'enterprise'),
+        organization('12', 'team', { is_current: true }),
+      ],
+    })
+    const fetchMock = vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+      if (String(input) === switchEndpoint) return response({ token: nextAccessToken })
+      const nextTokenRequest =
+        new Headers(init?.headers).get('authorization') === `Bearer ${nextAccessToken}`
+      if (nextTokenRequest) {
+        return response(
+          String(input) === organizationsEndpoint ? switchedOrganizations : switchedApplications,
+        )
+      }
+      return response(
+        String(input) === organizationsEndpoint ? organizationProjection() : openProjection(),
+      )
+    })
+    const setAccessToken = vi.fn(async (token: string, metadata: unknown) => {
+      void token
+      void metadata
+    })
+    const transport = createUniplatBaseAccountContextTransport({
+      serviceBaseUrl,
+      getAccessToken: async () => accessToken,
+      setAccessToken,
+      fetch: fetchMock as typeof fetch,
+    })
+
+    const projection = await transport.switchOrganization('OfficialWebsite', '12')
+
+    const [, requestInit] = fetchMock.mock.calls.find(([input]) => input === switchEndpoint)!
+    const request = requestInit as RequestInit
+    expect(JSON.parse(String(request.body))).toEqual({
+      application_name: 'OfficialWebsite',
+      xid: '21',
+      organization_oid: '12',
+    })
+    expect(String(request.body)).not.toContain(accessToken)
+    expect(setAccessToken).toHaveBeenCalledTimes(1)
+    expect(setAccessToken.mock.calls[0]?.[0]).toBe(nextAccessToken)
+    expect(setAccessToken.mock.calls[0]?.[1]).toBe(projection)
+    expect(JSON.stringify(setAccessToken.mock.calls[0]?.[1])).not.toContain(nextAccessToken)
+    expect(projection.currentOrganizationId).toBe('12')
+    expect(projection.currentOrganization?.employeeDisplayName).toBe('团队成员张伟')
+  })
+
+  it('creates a short-lived ticket for the personal center without exposing the JWT', async () => {
+    const fetchMock = vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+      if (String(input) !== switchEndpoint) throw new Error('Unexpected endpoint')
+      void init
+      return response({ ticket: accountSettingsTicket, expires_in: 15 })
+    })
+    const transport = createUniplatBaseAccountContextTransport({
+      serviceBaseUrl,
+      getAccessToken: async () => accessToken,
+      setAccessToken: vi.fn(),
+      fetch: fetchMock as typeof fetch,
+    })
+
+    await expect(transport.launchAccountSettings('OfficialWebsite')).resolves.toEqual({
+      url: `https://localhost/personal#uniplat_application_ticket=${accountSettingsTicket}`,
+    })
+    const [, init] = fetchMock.mock.calls[0]!
+    expect(init?.body).toBe(
+      JSON.stringify({
+        application_name: 'OfficialWebsite',
+        response_type: 'ticket',
+        entry_url: 'https://localhost/personal',
+      }),
+    )
+    expect(String(init?.body)).not.toContain(accessToken)
+    expect(String(fetchMock.mock.calls[0]?.[0])).not.toContain(accessToken)
+    expect(new Headers(init?.headers).get('authorization')).toBe(`Bearer ${accessToken}`)
+  })
+
+  it('reports the backend capability gap when switching an organization application', async () => {
+    const targetA = application('31', '11', 'HrSaas', 'organization')
+    const currentApplications = {
+      application_name: 'HrSaas',
+      application_scope: 'organization',
+      current_identity: {
+        xid: '31',
+        oid: '11',
+        eid: '111',
+        mid: '401',
+        application_name: 'HrSaas',
+        application_scope: 'organization',
+      },
+      available_applications: [targetA],
+    }
+    const currentOrganizations = {
+      application_name: 'HrSaas',
+      application_scope: 'organization',
+      display_name: '用户张伟',
+      avatar_url: 'https://static.example.com/user-avatar.png',
+      mobile_masked: '138****6688',
+      current_identity: {
+        xid: '31',
+        oid: '11',
+        eid: '111',
+        mid: '401',
+        application_name: 'HrSaas',
+        application_scope: 'organization',
+      },
+      organizations: [
+        organization('11', 'enterprise', { is_current: true }),
+        organization('12', 'team'),
+      ],
+    }
+    const fetchMock = vi.fn(async (input: RequestInfo | URL, init?: RequestInit) => {
+      void init
+      return response(
+        String(input) === organizationsEndpoint ? currentOrganizations : currentApplications,
+      )
+    })
+    const transport = createUniplatBaseAccountContextTransport({
+      serviceBaseUrl,
+      getAccessToken: async () => accessToken,
+      setAccessToken: vi.fn(),
+      fetch: fetchMock as typeof fetch,
+    })
+
+    await expect(transport.switchOrganization('HrSaas', '12')).rejects.toMatchObject({
+      code: 'ORGANIZATION_SWITCH_UNSUPPORTED',
+      message: 'Organization switch is unavailable for this application',
+    })
+    expect(fetchMock.mock.calls.some(([input]) => input === switchEndpoint)).toBe(false)
+  })
+
+  it('rejects unavailable organizations and malformed projections without exposing raw data', async () => {
+    const setAccessToken = vi.fn()
+    const transport = createUniplatBaseAccountContextTransport({
+      serviceBaseUrl,
+      getAccessToken: async () => accessToken,
+      setAccessToken,
+      fetch: vi.fn(async (input: RequestInfo | URL) =>
+        response(
+          String(input) === organizationsEndpoint ? organizationProjection() : openProjection(),
+        ),
+      ),
+    })
+
+    await expect(transport.switchOrganization('OfficialWebsite', '999')).rejects.toMatchObject({
+      code: 'ORGANIZATION_UNAVAILABLE',
+      message: 'Organization is unavailable',
+    })
+    expect(setAccessToken).not.toHaveBeenCalled()
+
+    const invalidTransport = createUniplatBaseAccountContextTransport({
+      serviceBaseUrl,
+      getAccessToken: async () => accessToken,
+      setAccessToken,
+      fetch: vi.fn(async (input: RequestInfo | URL) =>
+        response(
+          String(input) === organizationsEndpoint
+            ? organizationProjection({ application_scope: 'unexpected-internal-scope' })
+            : openProjection(),
+        ),
+      ),
+    })
+    const failure = await invalidTransport.load('OfficialWebsite').catch((error: unknown) => error)
+    expect(failure).toBeInstanceOf(UniplatBaseAccountContextTransportError)
+    expect(failure).toMatchObject({
+      code: 'INVALID_RESPONSE',
+      message: 'Account context response is invalid',
+    })
+    expect(JSON.stringify(failure)).not.toContain('unexpected-internal-scope')
+
+    const mismatchedAvatarTransport = createUniplatBaseAccountContextTransport({
+      serviceBaseUrl,
+      getAccessToken: async () => accessToken,
+      setAccessToken,
+      fetch: vi.fn(async (input: RequestInfo | URL) =>
+        response(
+          String(input) === organizationsEndpoint
+            ? organizationProjection({
+                organizations: [
+                  organization('11', 'enterprise', {
+                    employee_avatar_url:
+                      '21/.root/.avatars/999/avatar-8d6a4835-8e45-4e8c-8509-764d5127d878.png',
+                  }),
+                ],
+              })
+            : openProjection(),
+        ),
+      ),
+    })
+    await expect(mismatchedAvatarTransport.load('OfficialWebsite')).rejects.toMatchObject({
+      code: 'INVALID_RESPONSE',
+      message: 'Account context response is invalid',
+    })
+  })
+})