/* global cy */
import InfoCollapse from './infoCollapse.vue'

const mount = (data) => {
    cy.mount(InfoCollapse, {
        props: {
            data
        }
    })
}

describe('<InfoCollapse/> 折叠面板', () => {
    it('正常挂载', () => {
        mount([
            {
                title: 'Title 1',
                slotName: 'slot1',
                show: () => true
            },
            {
                title: 'Title 2',
                slotName: 'slot2',
                show: () => true
            }
        ])
        cy.get('.collapse-title').should('have.length', 2)
        cy.get('.title').eq(0).should('have.text', 'Title 1')
        cy.get('.title').eq(1).should('have.text', 'Title 2')
    })

    it('设置 show 显示不可见', () => {
        mount([
            {
                title: 'Title 1',
                slotName: 'slot1',
                show: () => true
            },
            {
                title: 'Title 2',
                slotName: 'slot2',
                show: () => false
            }
        ])
        cy.get('.collapse-title').should('have.length', 2)
        cy.get('.title').eq(0).should('have.text', 'Title 1')
        cy.get('.title').eq(1).should('have.text', 'Title 2')
        cy.get('.el-collapse-item').eq(0).should('be.visible')
        cy.get('.el-collapse-item').eq(1).should('not.be.visible')
    })
})