/* global cy */
import { ObjectInterface } from 'script'
import infoRadio from './index.vue'

describe('<Radio/> 组件', () => {
    const propsData: ObjectInterface = {
        row: {
            radioType: 'button',
            model: 'ceshi',
            label: '测试',
            radio: () => [
                { label: 'Option 1', value: 'option1' },
                { label: 'Option 2', value: 'option2' },
                { label: 'Option 3', value: 'option3' }
            ]
        },
        modelData: {
            ceshi: 'option1'
        }
    }

    it('呈现单选按钮', () => {
        cy.mount(infoRadio, {
            propsData
        })
        cy.get('.el-radio-button').should('have.length', 3)
    })

    it('选择单选按钮', () => {
        cy.mount(infoRadio, {
            propsData
        })
        cy.get('.el-radio-button').contains('Option 2').click()
        cy.get('.el-radio-group').find('.is-active').should('have.length', 1)
    })

    it('呈现单选', () => {
        propsData.row.radioType = ''
        cy.mount(infoRadio, {
            propsData
        })
        cy.get('.el-radio').should('have.length', 3)
    })

    it('选择radio', () => {
        cy.mount(infoRadio, {
            propsData
        })
        cy.get('.el-radio').contains('Option 1').click()
        cy.get('.el-radio').find('.is-checked').should('have.length', 1)
    })

    it('禁用radio', () => {
        propsData.row.disabled = () => true
        propsData.modelData.ceshi = ''
        cy.mount(infoRadio, {
            propsData
        })
        cy.get('.el-radio').contains('Option 1').click()
        cy.get('.el-radio').find('.is-checked').should('have.length', 0)
    })
})