49 lines
3.6 KiB
TypeScript
49 lines
3.6 KiB
TypeScript
import { defineComponent } from 'vue'
|
|
import { mount } from '@vue/test-utils'
|
|
import { describe, expect, it, vi } from 'vitest'
|
|
import OutsourcedBusinessDetailLayout from './OutsourcedBusinessDetailLayout.vue'
|
|
import OutsourcedBusinessPhotosDialog from './OutsourcedBusinessPhotosDialog.vue'
|
|
import OutsourcedBusinessOperationsDialog from './OutsourcedBusinessOperationsDialog.vue'
|
|
|
|
const Surface = defineComponent({ template: '<section><slot name="header" /><slot /></section>' })
|
|
const Tabs = defineComponent({ props: ['modelValue'], emits: ['update:modelValue'], template: '<div><slot /></div>' })
|
|
const Pane = defineComponent({ props: ['name', 'label'], template: '<article><slot /></article>' })
|
|
const Dialog = defineComponent({ props: ['width', 'showConfirm', 'beforeClose'], template: '<div><slot /></div>' })
|
|
const global = { stubs: { AdminPage: Surface, DetailPageLayout: Surface, AppDialog: Dialog, ElTabs: Tabs, ElTabPane: Pane, ElButton: Surface }, directives: { loading: () => {} } }
|
|
|
|
describe('OutsourcedBusiness presentation boundaries', () => {
|
|
it('mounts only the selected one of the three independent detail regions', async () => {
|
|
const wrapper = mount(OutsourcedBusinessDetailLayout, { global, props: { dispatchNo: 'DS-OUT-1' }, slots: { task: '<p>task-facts</p>', route: '<p>route-facts</p>', history: '<p>history-facts</p>' } })
|
|
expect(wrapper.findAllComponents(Pane).map(pane => pane.props('label'))).toEqual(['任务与车辆信息', '路线货物与凭证', '操作记录'])
|
|
expect(wrapper.text()).toContain('task-facts'); expect(wrapper.text()).not.toContain('history-facts')
|
|
wrapper.findComponent(Tabs).vm.$emit('update:modelValue', 'history'); await wrapper.vm.$nextTick()
|
|
expect(wrapper.text()).toContain('history-facts'); expect(wrapper.text()).not.toContain('task-facts')
|
|
})
|
|
|
|
it('preserves only five approved photo roles without demo images or uploaded claims', () => {
|
|
const wrapper = mount(OutsourcedBusinessPhotosDialog, { global, props: { modelValue: true } })
|
|
expect(wrapper.findComponent(Dialog).props('width')).toBe('760px')
|
|
expect(wrapper.findComponent(Dialog).props('showConfirm')).toBe(false)
|
|
expect(wrapper.findAll('section[aria-label]').map(section => section.attributes('aria-label'))).toEqual(['装车现场', '装车清单', '出车前检查', '驾驶证附件', '签收凭证'])
|
|
expect(wrapper.findAll('img')).toHaveLength(0); expect(wrapper.text()).not.toContain('已上传')
|
|
})
|
|
|
|
it('blocks a close while busy and delegates unsaved-result decisions to the owner', async () => {
|
|
const guard = vi.fn(), done = vi.fn()
|
|
const wrapper = mount(OutsourcedBusinessPhotosDialog, { global, props: { modelValue: true, busy: true, beforeClose: guard } })
|
|
const close = wrapper.findComponent(Dialog).props('beforeClose') as (done: () => void) => void
|
|
close(done); expect(guard).not.toHaveBeenCalled(); expect(done).not.toHaveBeenCalled()
|
|
await wrapper.setProps({ busy: false }); close(done)
|
|
expect(guard).toHaveBeenCalledWith(done); expect(done).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('keeps an unknown operations request until its owner explicitly handles closing', async () => {
|
|
const done = vi.fn(), guard = vi.fn()
|
|
const wrapper = mount(OutsourcedBusinessOperationsDialog, { global, props: { modelValue: true, pending: true } })
|
|
const close = wrapper.findComponent(Dialog).props('beforeClose') as (done: () => void) => void
|
|
close(done); expect(done).not.toHaveBeenCalled()
|
|
await wrapper.setProps({ beforeClose: guard }); close(done)
|
|
expect(guard).toHaveBeenCalledWith(done); expect(done).not.toHaveBeenCalled()
|
|
})
|
|
})
|