20260913231607
This commit is contained in:
oneao committed
1 parent
f3ad727f1c
commit
c31329d387
179 files changed
+10846
-2684
No files matched your search
@@ -14,6 +14,13 @@ vi.mock('vue-router', () => ({
|
||||
useRoute: () => ({ path: '/module/i18n-type', meta: {} }),
|
||||
}))
|
||||
|
||||
// 查询界面配置 JSON：模块管理的查询配置面板只写 groups（quick 留空），这里按面板真实产物组织
|
||||
const querySchema = {
|
||||
schemaVersion: 1,
|
||||
quick: ['b_name'],
|
||||
groups: [{ logic: 'and', conditions: [{ field: 'b_name', operator: 'like' }] }],
|
||||
}
|
||||
|
||||
vi.mock('@/services/api', () => ({
|
||||
loadDataApi: vi.fn(async (viewName) => {
|
||||
if (viewName === 's_module') {
|
||||
@@ -55,11 +62,7 @@ vi.mock('@/services/api', () => ({
|
||||
{
|
||||
b_module_id: 's_i18n_type',
|
||||
b_schema_type: 'query',
|
||||
b_schema_json: JSON.stringify({
|
||||
schemaVersion: 1,
|
||||
quick: ['b_name'],
|
||||
groups: [{ logic: 'and', conditions: [{ field: 'b_name', operator: 'like' }] }],
|
||||
}),
|
||||
b_schema_json: JSON.stringify(querySchema),
|
||||
},
|
||||
],
|
||||
}
|
||||
@@ -75,9 +78,11 @@ vi.mock('@/services/api', () => ({
|
||||
}))
|
||||
|
||||
import FmsModuleListPage from '@/components/fms-module-list/FmsModuleListPage.vue'
|
||||
import { pageDataApi } from '@/services/api'
|
||||
|
||||
beforeEach(() => {
|
||||
setActivePinia(createPinia())
|
||||
pageDataApi.mockClear()
|
||||
Object.defineProperty(HTMLElement.prototype, 'clientWidth', {
|
||||
configurable: true,
|
||||
get() {
|
||||
@@ -86,6 +91,15 @@ beforeEach(() => {
|
||||
})
|
||||
})
|
||||
|
||||
/** 面板内按钮：文案已精简（条件 / 组 / 清空 / 应用 / 取消），按面板作用域 + 精确文案定位 */
|
||||
function panelButtonOf(wrapper, text) {
|
||||
return wrapper.findAll('.filter-drawer button').find((button) => button.text().trim() === text)
|
||||
}
|
||||
|
||||
/** 最近一次分页请求的条件 SQL */
|
||||
const lastCondition = () =>
|
||||
pageDataApi.mock.calls[pageDataApi.mock.calls.length - 1][0].searchCondition
|
||||
|
||||
describe('FmsModuleListPage 冒烟', () => {
|
||||
it('按 data-code 加载字段与界面配置后渲染列，无配置错误', async () => {
|
||||
const wrapper = mount(FmsModuleListPage, {
|
||||
@@ -99,6 +113,161 @@ describe('FmsModuleListPage 冒烟', () => {
|
||||
const text = wrapper.text()
|
||||
expect(text).toContain('语言编码')
|
||||
expect(text).toContain('语言名称')
|
||||
|
||||
// 与 dashboard 同布局：上查询卡 + 下表格卡两张白卡，工具条在表格卡内，分页条在卡片底部
|
||||
expect(wrapper.findAll('.fms-module-card')).toHaveLength(2)
|
||||
expect(wrapper.find('.table-card .list-toolbar').exists()).toBe(true)
|
||||
expect(wrapper.find('.module-main-column > .fms-module-card').exists()).toBe(true)
|
||||
expect(wrapper.find('.list-footer .footer-total').text()).toContain('共')
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('高级查询面板配置条件后，应用查询把生成的条件带到分页查询', async () => {
|
||||
const wrapper = mount(FmsModuleListPage, {
|
||||
props: { dataCode: 's_i18n_type' },
|
||||
attachTo: document.body,
|
||||
})
|
||||
await new Promise((r) => setTimeout(r, 60))
|
||||
await nextTick()
|
||||
|
||||
const buttonOf = (text) =>
|
||||
wrapper.findAll('button').find((button) => button.text().includes(text))
|
||||
await buttonOf('高级查询').trigger('click')
|
||||
await nextTick()
|
||||
expect(wrapper.find('.filter-drawer').exists()).toBe(true)
|
||||
|
||||
await panelButtonOf(wrapper, '条件').trigger('click')
|
||||
await nextTick()
|
||||
// 条件行结构：字段 / 操作符 / 值 三个独立控件，移除按钮在行尾
|
||||
expect(wrapper.find('.filter-row__field').exists()).toBe(true)
|
||||
expect(wrapper.find('.filter-row__operator').exists()).toBe(true)
|
||||
expect(wrapper.find('.filter-row__value').exists()).toBe(true)
|
||||
expect(wrapper.find('.filter-row__remove').exists()).toBe(true)
|
||||
// 新行字段未选：操作符与值为禁用态（禁用占位 Input），不触发「值换行」的区间修饰类
|
||||
expect(wrapper.find('.filter-row__operator').classes('select-disabled')).toBe(true)
|
||||
expect(wrapper.find('.filter-row__value input').attributes('disabled')).toBeDefined()
|
||||
expect(wrapper.find('.filter-drawer__head').exists()).toBe(true)
|
||||
expect(wrapper.find('.module-main-column > .filter-drawer').exists()).toBe(false)
|
||||
expect(wrapper.find('.filter-row--wide-value').exists()).toBe(false)
|
||||
|
||||
// 选中字段后操作符与值激活，再填搜索值
|
||||
await wrapper.findComponent('.filter-row__field').vm.$emit('update:modelValue', 'b_name')
|
||||
await nextTick()
|
||||
expect(wrapper.find('.filter-row__operator').classes('select-disabled')).toBe(false)
|
||||
await wrapper.find('.filter-row__value input').setValue('abc')
|
||||
await panelButtonOf(wrapper, '应用').trigger('click')
|
||||
await new Promise((r) => setTimeout(r, 20))
|
||||
|
||||
const lastCall = pageDataApi.mock.calls[pageDataApi.mock.calls.length - 1][0]
|
||||
expect(lastCall.searchCondition).toContain("[b_name] LIKE N'%abc%'")
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('查询配置未写 quick 列表时，配置的条件仍显示在常用区', async () => {
|
||||
const original = querySchema.quick
|
||||
querySchema.quick = []
|
||||
const wrapper = mount(FmsModuleListPage, {
|
||||
props: { dataCode: 's_i18n_type' },
|
||||
attachTo: document.body,
|
||||
})
|
||||
await new Promise((r) => setTimeout(r, 60))
|
||||
await nextTick()
|
||||
|
||||
// 模块只配置了 b_name 一个查询条件，未写 quick 列表时它必须出现在常用区
|
||||
expect(wrapper.findAll('.query-field')).toHaveLength(1)
|
||||
expect(wrapper.find('.query-field__label').text()).toBe('语言名称')
|
||||
querySchema.quick = original
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('条件组是灰底卡片分支：药丸在卡片内、整组删除在右上角，组内条件是它的子层', async () => {
|
||||
const wrapper = mount(FmsModuleListPage, {
|
||||
props: { dataCode: 's_i18n_type' },
|
||||
attachTo: document.body,
|
||||
})
|
||||
await new Promise((r) => setTimeout(r, 60))
|
||||
await nextTick()
|
||||
|
||||
const buttons = () => wrapper.findAll('button')
|
||||
await buttons()
|
||||
.find((button) => button.text().includes('高级查询'))
|
||||
.trigger('click')
|
||||
await nextTick()
|
||||
// 面板作用域内找「组」按钮，避免与页面其他按钮文案撞车
|
||||
const panel = wrapper.find('.filter-drawer')
|
||||
await panel
|
||||
.findAll('button')
|
||||
.find((button) => button.text().includes('组'))
|
||||
.trigger('click')
|
||||
await nextTick()
|
||||
|
||||
const group = wrapper.find('.filter-group')
|
||||
expect(group.exists()).toBe(true)
|
||||
// 组是浅底圆角块：底栏两端是「添加条件」与「删除组」文字按钮，体内是条件行
|
||||
expect(group.find('.filter-group__remove').text()).toBe('删除组')
|
||||
expect(group.find('.filter-group__add').exists()).toBe(true)
|
||||
expect(group.findAll('.filter-row')).toHaveLength(1)
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('常用查询与高级查询互斥：切换模式只保留当前模式的条件', async () => {
|
||||
const wrapper = mount(FmsModuleListPage, {
|
||||
props: { dataCode: 's_i18n_type' },
|
||||
attachTo: document.body,
|
||||
})
|
||||
await new Promise((r) => setTimeout(r, 60))
|
||||
await nextTick()
|
||||
|
||||
const buttons = () => wrapper.findAll('button')
|
||||
const buttonOf = (text) => buttons().find((button) => button.text().trim() === text)
|
||||
|
||||
// 1) 常用查询生效
|
||||
await wrapper.find('.query-field input').setValue('abc')
|
||||
await buttonOf('查询').trigger('click')
|
||||
await new Promise((r) => setTimeout(r, 20))
|
||||
expect(lastCondition()).toContain("[b_name] LIKE N'%abc%'")
|
||||
|
||||
// 2) 切到高级查询并应用：常用条件不再生效
|
||||
await buttons()
|
||||
.find((button) => button.text().includes('高级查询'))
|
||||
.trigger('click')
|
||||
await nextTick()
|
||||
await panelButtonOf(wrapper, '条件').trigger('click')
|
||||
await nextTick()
|
||||
await wrapper.findComponent('.filter-row__field').vm.$emit('update:modelValue', 'b_name')
|
||||
await nextTick()
|
||||
await wrapper.find('.filter-row__value input').setValue('xyz')
|
||||
await panelButtonOf(wrapper, '应用').trigger('click')
|
||||
await new Promise((r) => setTimeout(r, 20))
|
||||
expect(lastCondition()).toContain("[b_name] LIKE N'%xyz%'")
|
||||
expect(lastCondition()).not.toContain('abc')
|
||||
|
||||
// 3) 高级生效时普通表单隐藏、改为条件预览
|
||||
expect(wrapper.find('.advanced-active-bar').exists()).toBe(true)
|
||||
expect(wrapper.find('.fms-query-toolbar').exists()).toBe(false)
|
||||
|
||||
// 3.1) 重新打开抽屉（编辑）再「取消」：只关抽屉，高级查询仍生效（不能借取消退出）
|
||||
await buttons()
|
||||
.find((button) => button.text().trim() === '编辑')
|
||||
.trigger('click')
|
||||
await nextTick()
|
||||
expect(wrapper.find('.filter-drawer').exists()).toBe(true)
|
||||
await panelButtonOf(wrapper, '取消').trigger('click')
|
||||
await new Promise((r) => setTimeout(r, 20))
|
||||
expect(wrapper.find('.filter-drawer').exists()).toBe(false)
|
||||
expect(wrapper.find('.advanced-active-bar').exists()).toBe(true)
|
||||
expect(lastCondition()).toContain("[b_name] LIKE N'%xyz%'")
|
||||
expect(lastCondition()).not.toContain('abc')
|
||||
|
||||
// 3.2) 点「回到普通查询」：清空高级条件并恢复常用条件
|
||||
await buttons()
|
||||
.find((button) => button.text().includes('回到普通查询'))
|
||||
.trigger('click')
|
||||
await new Promise((r) => setTimeout(r, 20))
|
||||
expect(lastCondition()).toContain("[b_name] LIKE N'%abc%'")
|
||||
expect(lastCondition()).not.toContain('xyz')
|
||||
// 高级草稿已清空、普通表单重新显示
|
||||
expect(wrapper.find('.fms-query-toolbar').exists()).toBe(true)
|
||||
wrapper.unmount()
|
||||
})
|
||||
})
|
||||
Reference in new issue
Block a user