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

describe('<Tag/> 组件', () => {
    const propsData: ObjectInterface = {
        row: {
            label: '测试',
            tagName: '测试',
            closable: true,
            model: 'ceshi',
            size: 'default',
            disabled: () => false,
            placeholder: () => '请输入'
        },
        modelData: {
            ceshi: 0
        }
    }

    it('用正确的文本呈现tag', () => {
        cy.mount(infoTag, {
            propsData
        })
      cy.get('.info-tag').contains('测试').should('be.visible')
    })

    it('单击标记并触发单击事件', () => {
        cy.wait(1000)
        propsData.row.click = cy.spy().as('clickEvent')
        cy.mount(infoTag, {
            propsData
        })
        cy.wait(1000)
        cy.get('.info-tag').click()
        cy.get('@clickEvent').should('have.been.called')
    })

    it('关闭标记并触发关闭事件', () => {
        propsData.row.close = cy.spy().as('closeEvent')
        cy.mount(infoTag, {
            propsData
        })
      cy.get('.info-tag').find('.el-tag__close').click()
      cy.get('@closeEvent').should('have.been.calledOnce')
    })
  })