92 lines
4.1 KiB
TypeScript
92 lines
4.1 KiB
TypeScript
import { flushPromises, mount, type VueWrapper } from '@vue/test-utils'
|
|
import { afterEach, describe, expect, it, vi } from 'vitest'
|
|
import { NInput, NDropdown } from 'naive-ui'
|
|
import ActionMenu from '@/components/ui/ActionMenu.vue'
|
|
import DetailDisclosure from '@/components/ui/DetailDisclosure.vue'
|
|
import StyleEditor from '@/features/visual-style/components/StyleEditor.vue'
|
|
import SubjectList from '@/features/breakdown/components/SubjectList.vue'
|
|
import { selectMenu } from '@/testing/naive'
|
|
import type { SubjectCandidate } from '@/features/breakdown/types'
|
|
|
|
let wrapper: VueWrapper | undefined
|
|
afterEach(() => {
|
|
wrapper?.unmount()
|
|
wrapper = undefined
|
|
document.body.innerHTML = ''
|
|
vi.unstubAllGlobals()
|
|
})
|
|
|
|
describe('精简入口保留功能', () => {
|
|
it('菜单按点击展开，禁用项不能绕过，触发器有可访问名称', async () => {
|
|
wrapper = mount(ActionMenu, {
|
|
attachTo: document.body,
|
|
props: {
|
|
label: '测试更多操作',
|
|
items: [
|
|
{ key: 'history', label: '执行记录' },
|
|
{ key: 'export', label: '导出', disabled: true }
|
|
]
|
|
}
|
|
})
|
|
expect(wrapper.get('button').attributes('aria-haspopup')).toBe('menu')
|
|
expect(wrapper.get('button').attributes('aria-expanded')).toBe('false')
|
|
expect(document.querySelector('.n-dropdown-option-body')).toBeNull()
|
|
await selectMenu('测试更多操作', '执行记录')
|
|
expect(wrapper.emitted('select')).toEqual([['history']])
|
|
wrapper.getComponent(NDropdown).vm.$emit('select', 'export')
|
|
expect(wrapper.emitted('select')).toHaveLength(1)
|
|
})
|
|
|
|
it('补充说明默认不展开，键盘可聚焦的标题可查看原文', async () => {
|
|
wrapper = mount(DetailDisclosure, { props: { title: '规则说明' }, slots: { default: '完整规则仍然保留' } })
|
|
expect(wrapper.text()).not.toContain('完整规则仍然保留')
|
|
await wrapper.get('.n-collapse-item__header-main').trigger('click')
|
|
await flushPromises()
|
|
expect(wrapper.text()).toContain('完整规则仍然保留')
|
|
})
|
|
|
|
it('风格高级字段收起不丢失保存值，展开后仍可修改', async () => {
|
|
wrapper = mount(StyleEditor, { props: { visualStyle: null, disabled: false } })
|
|
expect(wrapper.find('#style-constraints').exists()).toBe(false)
|
|
await wrapper.get('.n-collapse-item__header-main').trigger('click')
|
|
await flushPromises()
|
|
await wrapper.get('#style-constraints').setValue('["保留硬约束"]')
|
|
const fields = wrapper.findAllComponents(NInput)
|
|
fields.find(item => item.props('placeholder')?.includes('人物质感'))!.vm.$emit('update:value', '人物风格')
|
|
await flushPromises()
|
|
await wrapper.get('.n-collapse-item__header-main').trigger('click')
|
|
await wrapper.get('form').trigger('submit')
|
|
await flushPromises()
|
|
expect(wrapper.emitted('save')).toMatchObject([
|
|
[{ characterPrompt: '人物风格', hardConstraints: ['保留硬约束'] }]
|
|
])
|
|
})
|
|
|
|
it('主体长文收起仅影响显示，完整内容与图片入口不丢失', async () => {
|
|
const description = '主体完整经历。'.repeat(30)
|
|
wrapper = mount(SubjectList, {
|
|
props: {
|
|
projectId: 'p',
|
|
subjects: [
|
|
{
|
|
profileId: 'p1',
|
|
ref: '@CH0001',
|
|
name: '人物',
|
|
module: 'character',
|
|
description,
|
|
appearance_prompt: '外观',
|
|
aliases: []
|
|
} as SubjectCandidate
|
|
],
|
|
forms: []
|
|
},
|
|
global: { stubs: { RouterLink: true } }
|
|
})
|
|
const text = wrapper.get('.line-clamp-3')
|
|
expect(text.text()).toBe(description)
|
|
await wrapper.get('button').trigger('click')
|
|
expect(wrapper.find('.line-clamp-3').exists()).toBe(false)
|
|
expect(wrapper.findAll('router-link-stub')).toHaveLength(2)
|
|
})
|
|
})
|