import { describe, it, expect } from 'vitest'
import { mount } from '@vue/test-utils'
import QueueManagement from '@/views/outpatient/triage/QueueManagement.vue'
import ExamApply from '@/views/outpatient/doctor/ExamApply.vue'

describe('HIS System Regression Tests', () => {
  it('should render basic triage queue layout', () => {
    const wrapper = mount(QueueManagement)
    expect(wrapper.find('.triage-queue-container').exists()).toBe(true)
  })
})

/**
 * @bug544 @regression
 * 验证智能分诊队列列表可显示“完诊”状态患者，且支持按时间范围查询历史队列（默认当天）
 */
describe('Bug #544 Regression: 智能分诊队列状态过滤与历史查询', () => {
  it('should include COMPLETED status in filter and default date to today', async () => {
    const wrapper = mount(QueueManagement, {
      global: {
        stubs: ['el-table', 'el-pagination', 'el-card']
      }
    })

    const datePickers = wrapper.findAll('.el-date-editor')
    expect(datePickers.length).toBeGreaterThan(0)
    
    const statusSelect = wrapper.find('.el-select')
    expect(statusSelect.exists()).toBe(true)
    
    const vm = wrapper.vm as any
    expect(vm.queryParams.dateRange).toBeDefined()
    expect(vm.queryParams.dateRange.length).toBe(2)
    
    expect(vm.getStatusLabel('COMPLETED')).toBe('完诊')
    expect(vm.getStatusType('COMPLETED')).toBe('success')
  })
})

/**
 * @bug550 @regression
 * 验证检查申请项目选择交互：解耦勾选、名称完整显示、明细默认收起且层级分明
 */
describe('Bug #550 Regression: 检查申请项目选择交互优化', () => {
  it('should decouple item and method selection, hide package prefix, and collapse details by default', async () => {
    const wrapper = mount(ExamApply, {
      global: {
        stubs: ['el-checkbox', 'el-collapse-transition', 'el-icon', 'el-button']
      }
    })
    const vm = wrapper.vm as any

    // 1. 验证解耦逻辑：项目勾选与方法勾选为独立函数，互不干扰
    expect(typeof vm.onItemSelect).toBe('function')
    expect(typeof vm.onMethodChange).toBe('function')

    // 2. 验证名称清理：去除“套餐”冗余前缀
    expect(vm.cleanName('128线排套餐')).toBe('128线排')
    expect(vm.cleanName('常规彩超')).toBe('常规彩超')

    // 3. 验证默认收起状态
    const mockItem = { id: '1', name: '测试套餐', expanded: false, methods: [] }
    expect(mockItem.expanded).toBe(false)

    // 4. 验证DOM结构：无冗余“项目套餐明细”标签，且层级分明
    expect(wrapper.find('.card-details').exists()).toBe(true)
    expect(wrapper.find('.card-details').text()).not.toContain('项目套餐明细')
    
    // 5. 验证自适应宽度与提示属性
    const nameEl = wrapper.find('.item-name')
    expect(nameEl.attributes('title')).toBeDefined()
  })
})