/* global cy */
import OperationPanel from './index.vue'

describe('<InfoOperationPanel/>操作面板组件', () => {
    it('挂载面板组件正常', () => {
        cy.mount(OperationPanel, {})

        cy.get('#operationPanel').should('have.css', 'height', '60px').and('have.class', 'boxshow-style')
    })

    it('组件样式设置正常', () => {
        cy.mount(OperationPanel, {
            props: {
                height: '80px',
                showBoxShow: false
            },
            slots: {
                left: 'Test left',
                right: 'Test right'
            }
        })

        cy.get('#operationPanel').should('have.css', 'height', '80px').and('not.have.class', 'boxshow-style')
        cy.get('.operationLeft').contains('Test left')
        cy.get('.operationRight').contains('Test right')
    })
})