add test and update webpack config
[new] add test config [new] add breadcrumb test [change] update package.json [new] util.js copied from element [unresolved] see test/unit/index.js @todo
This commit is contained in:
parent
c9c5e751ae
commit
9b6ff1ce28
10 changed files with 222 additions and 4 deletions
85
test/unit/util.js
Normal file
85
test/unit/util.js
Normal file
|
@ -0,0 +1,85 @@
|
|||
import Vue from 'vue';
|
||||
import iView from '../../src/index';
|
||||
|
||||
Vue.use(iView);
|
||||
|
||||
let id = 0;
|
||||
|
||||
const createElm = function() {
|
||||
const elm = document.createElement('div');
|
||||
|
||||
elm.id = 'app' + ++id;
|
||||
document.body.appendChild(elm);
|
||||
|
||||
return elm;
|
||||
};
|
||||
|
||||
/**
|
||||
* 回收 vm
|
||||
* @param {Object} vm
|
||||
*/
|
||||
exports.destroyVM = function(vm) {
|
||||
vm.$el &&
|
||||
vm.$el.parentNode &&
|
||||
vm.$el.parentNode.removeChild(vm.$el);
|
||||
};
|
||||
|
||||
/**
|
||||
* 创建一个 Vue 的实例对象
|
||||
* @param {Object|String} Compo 组件配置,可直接传 template
|
||||
* @param {Boolean=false} mounted 是否添加到 DOM 上
|
||||
* @return {Object} vm
|
||||
*/
|
||||
exports.createVue = function(Compo, mounted = false) {
|
||||
const elm = createElm();
|
||||
|
||||
if (Object.prototype.toString.call(Compo) === '[object String]') {
|
||||
Compo = { template: Compo };
|
||||
}
|
||||
return new Vue(Compo).$mount(mounted === false ? null : elm);
|
||||
};
|
||||
|
||||
/**
|
||||
* 创建一个测试组件实例
|
||||
* @link http://vuejs.org/guide/unit-testing.html#Writing-Testable-Components
|
||||
* @param {Object} Compo - 组件对象
|
||||
* @param {Object} propsData - props 数据
|
||||
* @param {Boolean=false} mounted - 是否添加到 DOM 上
|
||||
* @return {Object} vm
|
||||
*/
|
||||
exports.createTest = function(Compo, propsData = {}, mounted = false) {
|
||||
if (propsData === true || propsData === false) {
|
||||
mounted = propsData;
|
||||
propsData = {};
|
||||
}
|
||||
const elm = createElm();
|
||||
const Ctor = Vue.extend(Compo);
|
||||
return new Ctor({ propsData }).$mount(mounted === false ? null : elm);
|
||||
};
|
||||
|
||||
/**
|
||||
* 触发一个事件
|
||||
* mouseenter, mouseleave, mouseover, keyup, change, click 等
|
||||
* @param {Element} elm
|
||||
* @param {String} name
|
||||
* @param {*} opts
|
||||
*/
|
||||
exports.triggerEvent = function(elm, name, ...opts) {
|
||||
let eventName;
|
||||
|
||||
if (/^mouse|click/.test(name)) {
|
||||
eventName = 'MouseEvents';
|
||||
} else if (/^key/.test(name)) {
|
||||
eventName = 'KeyboardEvent';
|
||||
} else {
|
||||
eventName = 'HTMLEvents';
|
||||
}
|
||||
const evt = document.createEvent(eventName);
|
||||
|
||||
evt.initEvent(name, ...opts);
|
||||
elm.dispatchEvent
|
||||
? elm.dispatchEvent(evt)
|
||||
: elm.fireEvent('on' + name, evt);
|
||||
|
||||
return elm;
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue