v-uikit/test/unit/specs/UkHtmlEditor.spec.js

基于 UIKit 和 Vue2 开发的界面套件

import VueUI from 'components'
import Vue from 'vue'
import {getVM} from '../helpers'

Vue.use(VueUI)

describe('UKHtmlEditor', () => {

  it('应该在内容修时出发 change 事件', () => {
    const valueChangedHandler = sinon.spy()
    const originalContent = Chance().paragraph()
    const editingContent = Chance().paragraph()

    let vm = getVM(h => <uk-html-editor value={originalContent}
                                      on-change={valueChangedHandler}>

    </uk-html-editor>)
    let editor = vm.$children[0]
    // 取得HtmlEditor生成的textarea原素
    let textarea = editor.$el.querySelector('textarea')

    expect(textarea.textContent).to.eqls(originalContent)

    editor.value = editingContent

    // 触发数据输入事件
    $(textarea).trigger('input')

    expect(valueChangedHandler).to.have.been.called
  })
})