61 lines
2.6 KiB
TypeScript
61 lines
2.6 KiB
TypeScript
|
import { readFileSync } from 'node:fs'
|
||
|
|
import { fileURLToPath } from 'node:url'
|
||
|
|
import { mount } from '@vue/test-utils'
|
||
|
|
import { describe, expect, it } from 'vitest'
|
||
|
|
import MessageComposerDialog from './components/MessageComposerDialog.vue'
|
||
|
|
import TemplateEditorDialog from './components/TemplateEditorDialog.vue'
|
||
|
|
|
||
|
|
const source = (path: string) => readFileSync(fileURLToPath(new URL(path, import.meta.url)), 'utf8')
|
||
|
|
|
||
|
|
const dialogStubs = {
|
||
|
|
AppDialog: { props: ['width'], template: '<div class="dialog" :data-width="width"><slot /><slot name="footer" :close="() => {}" /></div>' },
|
||
|
|
ApiErrorMeta: true,
|
||
|
|
PlatformTenantSelector: true,
|
||
|
|
'el-alert': true,
|
||
|
|
'el-form': { template: '<form><slot /></form>' },
|
||
|
|
'el-form-item': { template: '<label><slot /></label>' },
|
||
|
|
'el-segmented': true,
|
||
|
|
'el-select': { template: '<select><slot /></select>' },
|
||
|
|
'el-option': true,
|
||
|
|
'el-input': true,
|
||
|
|
'el-switch': true,
|
||
|
|
'el-date-picker': true,
|
||
|
|
'el-button': { props: ['disabled'], template: '<button :disabled="disabled"><slot /></button>' },
|
||
|
|
}
|
||
|
|
|
||
|
|
describe('notification center contract UI', () => {
|
||
|
|
it.each([
|
||
|
|
'./pages/MessageManagementView.vue',
|
||
|
|
'./pages/MessageTemplatesView.vue',
|
||
|
|
])('keeps actions as the first table column in %s', (path) => {
|
||
|
|
const content = source(path)
|
||
|
|
expect(content).toMatch(/const columns:[^=]+\s*=\s*\[\{key:'actions',label:'操作'/)
|
||
|
|
})
|
||
|
|
|
||
|
|
it('does not expose unsupported clear-read or disabled-template restore actions', () => {
|
||
|
|
const templates = source('./pages/MessageTemplatesView.vue')
|
||
|
|
expect(templates).toContain("status!=='DISABLED'")
|
||
|
|
expect(templates).toContain("status==='DRAFT'?'激活':'禁用'")
|
||
|
|
})
|
||
|
|
|
||
|
|
it('uses the prototype composer width and exposes the real send command', () => {
|
||
|
|
const wrapper = mount(MessageComposerDialog, {
|
||
|
|
props: { modelValue: true, templates: [] },
|
||
|
|
global: { stubs: dialogStubs },
|
||
|
|
})
|
||
|
|
expect(wrapper.get('.dialog').attributes('data-width')).toContain('680px')
|
||
|
|
expect(wrapper.findAll('button').some((button) => button.text() === '立即发送' && !button.attributes('disabled'))).toBe(true)
|
||
|
|
expect(wrapper.text()).not.toContain('存为草稿')
|
||
|
|
})
|
||
|
|
|
||
|
|
it('uses the prototype editor width and exposes the real save command', () => {
|
||
|
|
const wrapper = mount(TemplateEditorDialog, {
|
||
|
|
props: { modelValue: true },
|
||
|
|
global: { stubs: dialogStubs },
|
||
|
|
})
|
||
|
|
expect(wrapper.get('.dialog').attributes('data-width')).toContain('760px')
|
||
|
|
const save = wrapper.findAll('button').find((button) => button.text() === '保存模板')
|
||
|
|
expect(save?.attributes('disabled')).toBeUndefined()
|
||
|
|
})
|
||
|
|
})
|