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

describe('layout/resizer.vue', () => {
    it('默认渲染基础类名和拖拽图标元素', () => {
        const wrapper = mount(Resizer)

        expect(wrapper.classes()).toContain('splitter-pane-resizer')
        expect(wrapper.find('.imgMove').exists()).toBe(true)
    })

    it('根据 split 属性追加 horizontal 类名', () => {
        const wrapper = mount(Resizer, {
            props: {
                split: 'horizontal'
            }
        })

        expect(wrapper.classes()).toContain('horizontal')
    })

    it('根据 split 属性追加 vertical 类名', () => {
        const wrapper = mount(Resizer, {
            props: {
                split: 'vertical'
            }
        })

        expect(wrapper.classes()).toContain('vertical')
    })
})