316 lines
14 KiB
TypeScript
316 lines
14 KiB
TypeScript
import ElementPlus from 'element-plus'
|
|
import { readFileSync } from 'node:fs'
|
|
import { resolve } from 'node:path'
|
|
import { createPinia, setActivePinia } from 'pinia'
|
|
import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
|
|
import { afterAll, afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import {
|
|
createPlatformManagedUser,
|
|
getPlatformUserOptions,
|
|
listSharedReceivingOverseasWarehouseOptions,
|
|
listPlatformManagedUsers,
|
|
updatePlatformManagedUser,
|
|
type PlatformManagedUser,
|
|
} from '@/modules/iam/api/platformIam'
|
|
import { useAccessPreviewStore } from '@/core/access/accessPreview'
|
|
import { useAuthStore } from '@/core/auth/auth'
|
|
import InternalUsersView from './InternalUsersView.vue'
|
|
|
|
const internalUsersSource = readFileSync(resolve(process.cwd(), 'src/modules/iam/pages/InternalUsersView.vue'), 'utf8')
|
|
|
|
vi.mock('@/modules/iam/api/platformIam', () => ({
|
|
listPlatformManagedUsers: vi.fn(),
|
|
getPlatformUserOptions: vi.fn(),
|
|
listSharedReceivingOverseasWarehouseOptions: vi.fn(),
|
|
createPlatformManagedUser: vi.fn(),
|
|
updatePlatformManagedUser: vi.fn(),
|
|
changePlatformManagedUserStatus: vi.fn(),
|
|
resetPlatformManagedUserPassword: vi.fn(),
|
|
}))
|
|
|
|
class ResizeObserverStub implements ResizeObserver {
|
|
observe() {}
|
|
unobserve() {}
|
|
disconnect() {}
|
|
}
|
|
|
|
function createMemoryStorage(): Storage {
|
|
const values = new Map<string, string>()
|
|
return {
|
|
get length() { return values.size },
|
|
clear: () => values.clear(),
|
|
getItem: (key) => values.get(key) ?? null,
|
|
key: (index) => [...values.keys()][index] ?? null,
|
|
removeItem: (key) => values.delete(key),
|
|
setItem: (key, value) => values.set(key, value),
|
|
}
|
|
}
|
|
|
|
const user: PlatformManagedUser = {
|
|
membershipId: '30', userId: '20', authUserId: '10', username: 'zhangwei', displayName: '张伟',
|
|
phone: '13800138000', email: 'zhangwei@example.com', tenantId: '0', tenantName: '平台',
|
|
memberType: 'INTERNAL', memberNo: 'PLATFORM-30', status: 'ACTIVE', roleIds: ['40'],
|
|
roleNames: ['运营管理员'], lastLoginAt: '2026-06-01T10:30:00',
|
|
protectedAccount: false,
|
|
overseasWarehouseId: null,
|
|
}
|
|
|
|
async function mountView() {
|
|
vi.stubGlobal('localStorage', createMemoryStorage())
|
|
vi.stubGlobal('sessionStorage', createMemoryStorage())
|
|
const pinia = createPinia()
|
|
setActivePinia(pinia)
|
|
const auth = useAuthStore()
|
|
auth.token = 'token'
|
|
auth.permissions = [
|
|
'platform:user:list', 'platform:user:create', 'platform:user:edit',
|
|
'platform:user:status', 'platform:user:reset-password', 'platform:user:grant-role',
|
|
]
|
|
useAccessPreviewStore().initializeAfterLogin()
|
|
const wrapper = mount(InternalUsersView, {
|
|
attachTo: document.body,
|
|
global: { plugins: [pinia, ElementPlus] },
|
|
})
|
|
await flushPromises()
|
|
return wrapper
|
|
}
|
|
|
|
enableAutoUnmount(afterEach)
|
|
afterAll(() => vi.unstubAllGlobals())
|
|
|
|
describe('InternalUsersView platform internal user management', () => {
|
|
it('renders row business actions as shared outlined text buttons', () => {
|
|
expect(internalUsersSource).toContain('size="small" data-tone="neutral" @click="openEdit')
|
|
expect(internalUsersSource).toContain('size="small" :data-tone="(row as PlatformManagedUser).status')
|
|
expect(internalUsersSource).toMatch(/>\s*编辑\s*<\/el-button>/)
|
|
expect(internalUsersSource).toContain(':data-tone=')
|
|
expect(internalUsersSource).not.toContain('v-if="canChangeStatus" link')
|
|
})
|
|
|
|
it('uses the prototype-sized centered editor with a scrollable body and mobile single column', () => {
|
|
expect(internalUsersSource).toContain('width="min(650px, calc(100vw - 28px))"')
|
|
expect(internalUsersSource).toContain(':global(.internal-user-editor-dialog .el-dialog__body) { min-height: 0; overflow-y: auto; }')
|
|
expect(internalUsersSource).toContain(':global(.internal-user-editor-dialog .el-dialog__footer) { flex: 0 0 auto; }')
|
|
expect(internalUsersSource).toContain('@media (max-width: 720px)')
|
|
expect(internalUsersSource).toContain('.form-grid.two-cols { grid-template-columns: 1fr; }')
|
|
})
|
|
beforeEach(() => {
|
|
vi.stubGlobal('ResizeObserver', ResizeObserverStub)
|
|
document.body.innerHTML = ''
|
|
vi.mocked(listPlatformManagedUsers).mockReset().mockResolvedValue({
|
|
records: [user], page: 1, size: 10, total: 21, pages: 3,
|
|
})
|
|
vi.mocked(getPlatformUserOptions).mockReset().mockResolvedValue({
|
|
tenants: [
|
|
{ id: '0', name: '平台', status: 'ACTIVE' },
|
|
{ id: '10001', name: '华远贸易', status: 'ACTIVE' },
|
|
],
|
|
roles: [
|
|
{ id: '40', tenantId: '0', roleCode: 'PLATFORM_OPERATOR', name: '运营管理员', status: 'ACTIVE' },
|
|
{ id: '41', tenantId: '10001', roleCode: 'CUSTOMER_ADMIN', name: '客户管理员', status: 'ACTIVE' },
|
|
],
|
|
})
|
|
vi.mocked(listSharedReceivingOverseasWarehouseOptions).mockReset().mockResolvedValue([
|
|
{ id: '90071992547409931', warehouseCode: 'LAX-01', warehouseName: '洛杉矶收货仓', countryCode: 'US' },
|
|
])
|
|
vi.mocked(createPlatformManagedUser).mockReset().mockResolvedValue(user)
|
|
vi.mocked(updatePlatformManagedUser).mockReset().mockResolvedValue(user)
|
|
})
|
|
|
|
it('loads a server page and only renders internal-user fields', async () => {
|
|
const wrapper = await mountView()
|
|
|
|
expect(listPlatformManagedUsers).toHaveBeenCalledOnce()
|
|
expect(listPlatformManagedUsers).toHaveBeenCalledWith({ page: 1, size: 10 })
|
|
expect(getPlatformUserOptions).toHaveBeenCalledOnce()
|
|
expect(wrapper.text()).toContain('zhangwei')
|
|
expect(wrapper.text()).toContain('张伟')
|
|
expect(wrapper.text()).toContain('运营管理员')
|
|
expect(wrapper.text()).toContain('2026-06-01 10:30')
|
|
expect(wrapper.find('[aria-label="用户筛选"]').exists()).toBe(true)
|
|
expect(wrapper.find('[aria-label="内部用户列表"]').exists()).toBe(true)
|
|
expect(wrapper.text()).toContain('共 21 条')
|
|
expect(wrapper.text()).toContain('查询')
|
|
expect(wrapper.text()).toContain('重置')
|
|
expect(wrapper.text()).not.toContain('认证用户 ID')
|
|
expect(wrapper.text()).not.toContain('成员编号')
|
|
expect(wrapper.text()).not.toContain('所属租户')
|
|
expect(wrapper.text()).not.toContain('华远贸易')
|
|
})
|
|
|
|
it('opens an internal-user form without a tenant selector', async () => {
|
|
const wrapper = await mountView()
|
|
const createButton = wrapper.findAll('button').find((button) => button.text().trim() === '新增用户')
|
|
await createButton?.trigger('click')
|
|
await flushPromises()
|
|
|
|
expect(document.querySelector('input[placeholder="登录用户名"]')).not.toBeNull()
|
|
expect(document.querySelector('input[placeholder="真实姓名"]')).not.toBeNull()
|
|
expect(document.querySelector('input[placeholder="手机号码"]')).not.toBeNull()
|
|
expect(document.querySelector('input[placeholder="邮箱地址"]')).not.toBeNull()
|
|
expect(document.body.textContent).not.toContain('所属租户')
|
|
expect(document.body.textContent).toContain('初始密码')
|
|
expect(document.body.textContent).toContain('确认添加')
|
|
})
|
|
|
|
it('requires a shared receiving warehouse for OVERSEAS_WAREHOUSE_PDA_OPERATOR', async () => {
|
|
vi.mocked(getPlatformUserOptions).mockResolvedValueOnce({
|
|
tenants: [{ id: '0', name: '平台', status: 'ACTIVE' }],
|
|
roles: [
|
|
{ id: '40', tenantId: '0', roleCode: 'PLATFORM_OPERATOR', name: '运营管理员', status: 'ACTIVE' },
|
|
{ id: '4000005', tenantId: '0', roleCode: 'OVERSEAS_WAREHOUSE_PDA_OPERATOR', name: '海外仓 PDA 作业员', status: 'ACTIVE' },
|
|
],
|
|
})
|
|
const wrapper = await mountView()
|
|
await wrapper.findAll('button').find((button) => button.text().trim() === '新增用户')?.trigger('click')
|
|
await flushPromises()
|
|
|
|
expect(document.body.textContent).not.toContain('实际海外收货仓')
|
|
const roleSelect = wrapper.findAllComponents({ name: 'ElSelect' })
|
|
.find((component) => component.props('placeholder') === '选择角色')
|
|
expect(roleSelect).toBeDefined()
|
|
roleSelect?.vm.$emit('update:modelValue', ['4000005'])
|
|
await flushPromises()
|
|
|
|
expect(listSharedReceivingOverseasWarehouseOptions).toHaveBeenCalledOnce()
|
|
expect(document.body.textContent).toContain('实际海外收货仓')
|
|
const warehouseSelect = wrapper.findAllComponents({ name: 'ElSelect' })
|
|
.find((component) => component.props('placeholder') === '请选择平台共享海外收货仓')
|
|
expect(warehouseSelect).toBeDefined()
|
|
})
|
|
|
|
it('uses the stable role code instead of localized role names to activate the warehouse binding', () => {
|
|
expect(internalUsersSource).toContain("role.roleCode === 'OVERSEAS_WAREHOUSE_PDA_OPERATOR'")
|
|
expect(internalUsersSource).toContain('overseasWarehouseId: hasOverseasPdaRole.value ? form.overseasWarehouseId : null')
|
|
expect(internalUsersSource).not.toContain("role.name === '海外仓 PDA 作业员'")
|
|
})
|
|
|
|
it('preserves the picker warehouse binding when editing a OVERSEAS_WAREHOUSE_PDA_OPERATOR user', async () => {
|
|
const pickerUser: PlatformManagedUser = {
|
|
...user,
|
|
roleIds: ['4000005'],
|
|
roleNames: ['海外仓 PDA 作业员'],
|
|
overseasWarehouseId: '90071992547409931',
|
|
}
|
|
vi.mocked(listPlatformManagedUsers).mockResolvedValueOnce({
|
|
records: [pickerUser], page: 1, size: 10, total: 1, pages: 1,
|
|
})
|
|
vi.mocked(getPlatformUserOptions).mockResolvedValueOnce({
|
|
tenants: [{ id: '0', name: '平台', status: 'ACTIVE' }],
|
|
roles: [{ id: '4000005', tenantId: '0', roleCode: 'OVERSEAS_WAREHOUSE_PDA_OPERATOR', name: '海外仓 PDA 作业员', status: 'ACTIVE' }],
|
|
})
|
|
vi.mocked(updatePlatformManagedUser).mockResolvedValueOnce(pickerUser)
|
|
|
|
const wrapper = await mountView()
|
|
const setupState = (wrapper.vm.$ as unknown as {
|
|
setupState: { openEdit: (row: PlatformManagedUser) => void }
|
|
}).setupState
|
|
setupState.openEdit(pickerUser)
|
|
await flushPromises()
|
|
await wrapper.findAll('button').find((button) => button.text().trim() === '保存修改')?.trigger('click')
|
|
await flushPromises()
|
|
|
|
expect(updatePlatformManagedUser).toHaveBeenCalledWith('30', {
|
|
displayName: '张伟',
|
|
phone: '13800138000',
|
|
email: 'zhangwei@example.com',
|
|
tenantId: '0',
|
|
roleIds: ['4000005'],
|
|
overseasWarehouseId: '90071992547409931',
|
|
})
|
|
})
|
|
|
|
it('clears a warehouse binding after switching away from OVERSEAS_WAREHOUSE_PDA_OPERATOR', async () => {
|
|
vi.mocked(getPlatformUserOptions).mockResolvedValueOnce({
|
|
tenants: [{ id: '0', name: '平台', status: 'ACTIVE' }],
|
|
roles: [
|
|
{ id: '40', tenantId: '0', roleCode: 'PLATFORM_OPERATOR', name: '运营管理员', status: 'ACTIVE' },
|
|
{ id: '4000005', tenantId: '0', roleCode: 'OVERSEAS_WAREHOUSE_PDA_OPERATOR', name: '海外仓 PDA 作业员', status: 'ACTIVE' },
|
|
],
|
|
})
|
|
const wrapper = await mountView()
|
|
const setupState = (wrapper.vm.$ as unknown as {
|
|
setupState: {
|
|
openCreate: () => void
|
|
form: { roleIds: string[]; overseasWarehouseId: string }
|
|
}
|
|
}).setupState
|
|
setupState.openCreate()
|
|
setupState.form.roleIds = ['4000005']
|
|
await flushPromises()
|
|
setupState.form.overseasWarehouseId = '90071992547409931'
|
|
|
|
setupState.form.roleIds = ['40']
|
|
await flushPromises()
|
|
|
|
expect(setupState.form.overseasWarehouseId).toBe('')
|
|
expect(document.body.textContent).not.toContain('实际海外收货仓')
|
|
})
|
|
|
|
it('submits the selected picker warehouse as an unchanged long-id string', async () => {
|
|
vi.mocked(getPlatformUserOptions).mockResolvedValueOnce({
|
|
tenants: [{ id: '0', name: '平台', status: 'ACTIVE' }],
|
|
roles: [{ id: '4000005', tenantId: '0', roleCode: 'OVERSEAS_WAREHOUSE_PDA_OPERATOR', name: '海外仓 PDA 作业员', status: 'ACTIVE' }],
|
|
})
|
|
const wrapper = await mountView()
|
|
const setupState = (wrapper.vm.$ as unknown as {
|
|
setupState: {
|
|
openCreate: () => void
|
|
saveUser: () => Promise<void>
|
|
form: Record<string, unknown>
|
|
}
|
|
}).setupState
|
|
setupState.openCreate()
|
|
Object.assign(setupState.form, {
|
|
username: 'overseas_picker_dev',
|
|
displayName: '海外仓操作员',
|
|
phone: '17512095155',
|
|
email: 'overseas_picker_dev@qq.com',
|
|
roleIds: ['4000005'],
|
|
overseasWarehouseId: '90071992547409931',
|
|
password: 'ChangeMe123!',
|
|
confirmPassword: 'ChangeMe123!',
|
|
status: 'ACTIVE',
|
|
})
|
|
await flushPromises()
|
|
await setupState.saveUser()
|
|
|
|
expect(createPlatformManagedUser).toHaveBeenCalledWith({
|
|
username: 'overseas_picker_dev',
|
|
displayName: '海外仓操作员',
|
|
phone: '17512095155',
|
|
email: 'overseas_picker_dev@qq.com',
|
|
tenantId: '0',
|
|
roleIds: ['4000005'],
|
|
overseasWarehouseId: '90071992547409931',
|
|
password: 'ChangeMe123!',
|
|
status: 'ACTIVE',
|
|
})
|
|
})
|
|
|
|
it('requests server-side pages and filters instead of slicing locally', async () => {
|
|
const wrapper = await mountView()
|
|
await wrapper.find('button[aria-label="第 2 页"]').trigger('click')
|
|
await flushPromises()
|
|
|
|
expect(listPlatformManagedUsers).toHaveBeenLastCalledWith({ page: 2, size: 10 })
|
|
|
|
await wrapper.find('input[aria-label="用户关键词"]').setValue(' 张伟 ')
|
|
const searchButton = wrapper.findAll('button').find((button) => button.text().trim() === '查询')
|
|
await searchButton?.trigger('click')
|
|
await flushPromises()
|
|
|
|
expect(listPlatformManagedUsers).toHaveBeenLastCalledWith({ page: 1, size: 10, keyword: '张伟' })
|
|
})
|
|
|
|
it('shows a recoverable API error without fake users', async () => {
|
|
vi.mocked(listPlatformManagedUsers).mockRejectedValueOnce(new Error('Gateway unavailable'))
|
|
const wrapper = await mountView()
|
|
|
|
expect(wrapper.text()).toContain('内部用户列表加载失败，请稍后重试')
|
|
expect(wrapper.text()).not.toContain('Gateway unavailable')
|
|
expect(wrapper.text()).toContain('重新加载')
|
|
expect(wrapper.text()).not.toContain('zhangwei')
|
|
})
|
|
})
|