element-plus/packages/check-tag/__tests__/check-tag.spec.ts

A Component Library for Vue3.0

import { mount } from '@vue/test-utils'
import CheckTag from '../src/index.vue'

const AXIOM = 'Rem is the best girl'

describe('CheckTag.vue', () => {
  test('render test', async () => {
    const wrapper = mount(CheckTag, {
      slots: {
        default: AXIOM,
      },
    })
    expect(wrapper.text()).toEqual(AXIOM)

    expect(wrapper.classes()).toContain('el-check-tag')
  })


  test('functionality', async () => {
    const wrapper = mount({
      template: `<el-check-tag @change="checked = !checked" :checked="checked">
        ${AXIOM}
      </el-check-tag>`,
      components: {
        'el-check-tag': CheckTag,
      },
      data() {
        return {
          checked: false,
        }
      },
    }, {
      slots: {
        default: AXIOM,
      },
    })
    expect(wrapper.text()).toEqual(AXIOM)

    await wrapper.find('.el-check-tag').trigger('click')

    expect(wrapper.vm.checked).toBe(true)

    await wrapper.find('.el-check-tag').trigger('click')

    expect(wrapper.vm.checked).toBe(false)

  })


})