20260831223203
This commit is contained in:
oneao committed
1 parent
4d46ce6c53
commit
3bbcafc5be
91 files changed
+20921
-584
No files matched your search
@@ -0,0 +1,187 @@
|
||||
import { mount } from '@vue/test-utils'
|
||||
import { describe, expect, it, vi, beforeAll, beforeEach } from 'vitest'
|
||||
import { createPinia, setActivePinia } from 'pinia'
|
||||
import { nextTick } from 'vue'
|
||||
import { registerFeature, useAreaSelection } from 'stk-table-vue'
|
||||
import ModuleQueryConfigPanel from '@/views/system/module-management/ModuleQueryConfigPanel.vue'
|
||||
import ModulePowersPanel from '@/views/system/module-management/ModulePowersPanel.vue'
|
||||
import ModuleI18nPanel from '@/views/system/module-management/ModuleI18nPanel.vue'
|
||||
|
||||
registerFeature(useAreaSelection)
|
||||
|
||||
beforeAll(() => {
|
||||
Object.defineProperty(HTMLElement.prototype, 'clientWidth', {
|
||||
configurable: true,
|
||||
get() { return 5000 }
|
||||
})
|
||||
})
|
||||
|
||||
vi.mock('@/services/api', () => ({
|
||||
loadDataApi: vi.fn(async () => ({ data: [] })),
|
||||
saveObjectApi: vi.fn(),
|
||||
nextIdApi: vi.fn(),
|
||||
describeApi: vi.fn(),
|
||||
}))
|
||||
|
||||
const fields = [
|
||||
{ b_id: '1', b_name: '姓名', b_field: 'name', b_type: 'input', b_canuse: 1 }
|
||||
]
|
||||
|
||||
describe('module-management 删除（单个无确认弹窗 + 批量）', () => {
|
||||
beforeEach(() => setActivePinia(createPinia()))
|
||||
|
||||
async function settle() {
|
||||
await nextTick()
|
||||
await new Promise((r) => setTimeout(r, 50))
|
||||
}
|
||||
|
||||
async function clickDelete(wrapper) {
|
||||
const trs = wrapper.findAll('.stk-tbody-main tr')
|
||||
expect(trs.length).toBeGreaterThan(0)
|
||||
const delBtn = trs[0].find('button.fms-action-btn')
|
||||
expect(delBtn, '行内删除按钮应存在').toBeTruthy()
|
||||
await delBtn.trigger('click')
|
||||
await settle()
|
||||
}
|
||||
|
||||
async function checkNoModal() {
|
||||
expect(document.body.querySelector('.fms-modal'), '删除不应弹出确认弹窗').toBeNull()
|
||||
}
|
||||
|
||||
async function selectRowCheckbox(wrapper, index = 0) {
|
||||
const trs = wrapper.findAll('.stk-tbody-main tr')
|
||||
expect(trs.length).toBeGreaterThan(0)
|
||||
const checkbox = trs[index].find('input[type="checkbox"]')
|
||||
expect(checkbox, '行复选框应存在').toBeTruthy()
|
||||
await checkbox.setValue(true)
|
||||
await settle()
|
||||
}
|
||||
|
||||
async function clickToolbarBatch(wrapper) {
|
||||
const btn = wrapper.findAll('button').find((b) => b.text().includes('批量删除'))
|
||||
expect(btn, '批量删除按钮应存在').toBeTruthy()
|
||||
await btn.trigger('click')
|
||||
await settle()
|
||||
}
|
||||
|
||||
it('查询面板：单个删除不弹弹窗且行被移除', async () => {
|
||||
const wrapper = mount(ModuleQueryConfigPanel, {
|
||||
props: { moduleId: 'm1', queryConfig: [], fields, loading: false },
|
||||
attachTo: document.body,
|
||||
})
|
||||
await settle()
|
||||
await wrapper.findAll('button').find((b) => b.text().includes('新增查询条件')).trigger('click')
|
||||
await settle()
|
||||
expect(wrapper.findAll('.stk-tbody-main tr').length).toBe(1)
|
||||
await clickDelete(wrapper)
|
||||
await checkNoModal()
|
||||
expect(wrapper.findAll('.stk-tbody-main tr').length, '单个删除后行应被移除').toBe(0)
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('查询面板：批量删除选中多行', async () => {
|
||||
const wrapper = mount(ModuleQueryConfigPanel, {
|
||||
props: { moduleId: 'm1', queryConfig: [], fields, loading: false },
|
||||
attachTo: document.body,
|
||||
})
|
||||
await settle()
|
||||
for (let i = 0; i < 2; i++) {
|
||||
await wrapper.findAll('button').find((b) => b.text().includes('新增查询条件')).trigger('click')
|
||||
await settle()
|
||||
}
|
||||
expect(wrapper.findAll('.stk-tbody-main tr').length).toBe(2)
|
||||
await selectRowCheckbox(wrapper, 0)
|
||||
await selectRowCheckbox(wrapper, 1)
|
||||
await clickToolbarBatch(wrapper)
|
||||
await checkNoModal()
|
||||
expect(wrapper.findAll('.stk-tbody-main tr').length, '批量删除后应无行').toBe(0)
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('权限面板：单个删除不弹弹窗且行被移除', async () => {
|
||||
const wrapper = mount(ModulePowersPanel, {
|
||||
props: { moduleId: 'm1', moduleCode: 'demo', powers: [], loading: false },
|
||||
attachTo: document.body,
|
||||
})
|
||||
await settle()
|
||||
await wrapper.findAll('button').find((b) => b.text().includes('新增权限')).trigger('click')
|
||||
await settle()
|
||||
expect(wrapper.findAll('.stk-tbody-main tr').length).toBe(1)
|
||||
await clickDelete(wrapper)
|
||||
await checkNoModal()
|
||||
expect(wrapper.findAll('.stk-tbody-main tr').length, '单个删除后行应被移除').toBe(0)
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('权限面板：批量删除选中多行', async () => {
|
||||
const wrapper = mount(ModulePowersPanel, {
|
||||
props: { moduleId: 'm1', moduleCode: 'demo', powers: [], loading: false },
|
||||
attachTo: document.body,
|
||||
})
|
||||
await settle()
|
||||
for (let i = 0; i < 2; i++) {
|
||||
await wrapper.findAll('button').find((b) => b.text().includes('新增权限')).trigger('click')
|
||||
await settle()
|
||||
}
|
||||
expect(wrapper.findAll('.stk-tbody-main tr').length).toBe(2)
|
||||
await selectRowCheckbox(wrapper, 0)
|
||||
await selectRowCheckbox(wrapper, 1)
|
||||
await clickToolbarBatch(wrapper)
|
||||
await checkNoModal()
|
||||
expect(wrapper.findAll('.stk-tbody-main tr').length, '批量删除后应无行').toBe(0)
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('多语言面板：单个删除不弹弹窗且行被移除', async () => {
|
||||
const wrapper = mount(ModuleI18nPanel, {
|
||||
props: {
|
||||
moduleId: 'm1',
|
||||
rows: [],
|
||||
languages: [
|
||||
{ code: 'zh-CN', name: '简体中文', default: true },
|
||||
{ code: 'en-US', name: 'English', default: false },
|
||||
],
|
||||
loading: false,
|
||||
},
|
||||
attachTo: document.body,
|
||||
})
|
||||
await settle()
|
||||
await wrapper.findAll('button').find((b) => b.text().includes('新增多语言')).trigger('click')
|
||||
await settle()
|
||||
const before = wrapper.findAll('.stk-tbody-main tr').length
|
||||
expect(before).toBeGreaterThan(0)
|
||||
await clickDelete(wrapper)
|
||||
await checkNoModal()
|
||||
expect(wrapper.findAll('.stk-tbody-main tr').length, '单个删除后行应减少').toBe(before - 1)
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('多语言面板：批量删除选中多行', async () => {
|
||||
const wrapper = mount(ModuleI18nPanel, {
|
||||
props: {
|
||||
moduleId: 'm1',
|
||||
rows: [],
|
||||
languages: [
|
||||
{ code: 'zh-CN', name: '简体中文', default: true },
|
||||
{ code: 'en-US', name: 'English', default: false },
|
||||
],
|
||||
loading: false,
|
||||
},
|
||||
attachTo: document.body,
|
||||
})
|
||||
await settle()
|
||||
const before = wrapper.findAll('.stk-tbody-main tr').length
|
||||
for (let i = 0; i < 2; i++) {
|
||||
await wrapper.findAll('button').find((b) => b.text().includes('新增多语言')).trigger('click')
|
||||
await settle()
|
||||
}
|
||||
const total = wrapper.findAll('.stk-tbody-main tr').length
|
||||
expect(total).toBeGreaterThanOrEqual(before + 2)
|
||||
await selectRowCheckbox(wrapper, 0)
|
||||
await selectRowCheckbox(wrapper, 1)
|
||||
await clickToolbarBatch(wrapper)
|
||||
await checkNoModal()
|
||||
expect(wrapper.findAll('.stk-tbody-main tr').length, '批量删除后应只剩受管行').toBe(before)
|
||||
wrapper.unmount()
|
||||
})
|
||||
})
|
||||
Reference in new issue
Block a user