import { describe, expect, it } from 'vitest'
import { mount } from '@vue/test-utils'
import Placeholder from '../../../components/layout/placeholder.vue'

describe('layout/placeholder.vue', () => {
    it('无插槽内容时渲染占位文案和默认类名', () => {
        const wrapper = mount(Placeholder)

        expect(wrapper.classes()).toContain('placeholder-warp')
        expect(wrapper.find('.placeholder-box').exists()).toBe(true)
        expect(wrapper.text()).toContain('请把组件拖拽到框内')
    })

    it('有默认插槽时渲染插槽并隐藏占位文案', () => {
        const wrapper = mount(Placeholder, {
            slots: {
                default: '<div class="custom-slot">自定义内容</div>'
            }
        })

        expect(wrapper.find('.custom-slot').exists()).toBe(true)
        expect(wrapper.text()).toContain('自定义内容')
        expect(wrapper.find('.placeholder-box').exists()).toBe(false)
    })
})