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

describe('<Slider/>', () => {
    it('当滑动条移动时更新模型', () => {
        cy.mount(InfoSlider, {
            props: {
                row: {
                    label: '测试',
                    min: 0,
                    max: 100,
                    step: 10,
                    model: 'ceshi',
                    methods: () => { }
                },
                modelData: {
                    ceshi: 10
                }
            }
        })
        cy.get('.info-slider').as('slider')
        cy.get('@slider').trigger('mousedown', { clientX: 600 })
        cy.get('@slider').trigger('mousemove', { clientX: 600 })
        cy.get('@slider').trigger('mouseup')
        cy.get('.el-slider__button-wrapper').should('have.attr', 'aria-valuenow', '40')
    })

    it('showInput属性', () => {
        cy.mount(InfoSlider, {
            props: {
                row: {
                    label: '测试',
                    min: 0,
                    max: 100,
                    step: 10,
                    showInput: true,
                    model: 'ceshi',
                    methods: () => { }
                },
                modelData: {
                    ceshi: 10
                }
            }
        })
        cy.get('.el-slider__input').should('exist')
        cy.get('.el-input-number__increase').click()
        cy.get('.el-slider__button-wrapper').should('have.attr', 'aria-valuenow', '20')
        cy.get('.el-input-number__decrease').click()
        cy.get('.el-slider__button-wrapper').should('have.attr', 'aria-valuenow', '10')
    })

    it('showStops属性', () => {
        cy.mount(InfoSlider, {
            props: {
                row: {
                    label: '测试',
                    min: 0,
                    max: 100,
                    step: 10,
                    showStops: true,
                    model: 'ceshi',
                    methods: () => { }
                },
                modelData: {
                    ceshi: 10
                }
            }
        })
        cy.get('.el-slider__stop').should('exist')
    })
})