forked from fanruan/fineui
windy
5 years ago
4 changed files with 397 additions and 0 deletions
@ -0,0 +1,88 @@
|
||||
/** |
||||
* @author windy |
||||
* @version 2.0 |
||||
* Created by windy on 2019/9/27 |
||||
*/ |
||||
|
||||
describe("NumberInterval", function () { |
||||
|
||||
/** |
||||
* test_author_windy |
||||
*/ |
||||
it("setValue", function () { |
||||
var widget = BI.Test.createWidget({ |
||||
type: "bi.number_interval", |
||||
}); |
||||
widget.setValue({ |
||||
max: 10, |
||||
min: 2, |
||||
closeMin: true, |
||||
closeMax: true |
||||
}); |
||||
expect(widget.getValue()).to.deep.equal({ |
||||
max: "10", |
||||
min: "2", |
||||
closeMin: true, |
||||
closeMax: true |
||||
}); |
||||
widget.destroy(); |
||||
}); |
||||
|
||||
/** |
||||
* test_author_windy |
||||
*/ |
||||
it("defaultValue", function () { |
||||
var widget = BI.Test.createWidget({ |
||||
type: "bi.number_interval", |
||||
max: 10, |
||||
min: 2, |
||||
closeMin: true, |
||||
closeMax: true |
||||
}); |
||||
expect(widget.getValue()).to.deep.equal({ |
||||
max: "10", |
||||
min: "2", |
||||
closeMin: true, |
||||
closeMax: true |
||||
}); |
||||
widget.destroy(); |
||||
}); |
||||
|
||||
/** |
||||
* test_author_windy |
||||
*/ |
||||
it("输入报错单editor输入不合法报错", function (done) { |
||||
var widget = BI.Test.createWidget({ |
||||
type: "bi.number_interval", |
||||
width: 200, |
||||
height: 24 |
||||
}); |
||||
widget.element.find(".number-interval-small-editor .bi-input").click(); |
||||
BI.Test.triggerKeyDown(widget.element.find(".number-interval-small-editor .bi-input"), "A", 65, function () { |
||||
expect(widget.element.children(".bi-tip").length).to.not.equal(0); |
||||
widget.destroy(); |
||||
done(); |
||||
}); |
||||
}); |
||||
|
||||
|
||||
/** |
||||
* test_author_windy |
||||
*/ |
||||
it("输入报错区间不合法报错", function (done) { |
||||
var widget = BI.Test.createWidget({ |
||||
type: "bi.number_interval", |
||||
width: 200, |
||||
height: 24 |
||||
}); |
||||
widget.element.find(".number-interval-small-editor .bi-input").click(); |
||||
BI.Test.triggerKeyDown(widget.element.find(".number-interval-small-editor .bi-input"), "2", 50, function () { |
||||
widget.element.find(".number-interval-big-editor .bi-input").click(); |
||||
BI.Test.triggerKeyDown(widget.element.find(".number-interval-big-editor .bi-input"), "1", 49, function () { |
||||
expect(widget.element.children(".bi-tip").length).to.not.equal(0); |
||||
widget.destroy(); |
||||
done(); |
||||
}); |
||||
}); |
||||
}); |
||||
}); |
@ -0,0 +1,154 @@
|
||||
/** |
||||
* @author windy |
||||
* @version 2.0 |
||||
* Created by windy on 2019/9/27 |
||||
*/ |
||||
|
||||
describe("multitextvaluecombo", function () { |
||||
|
||||
var items = BI.map(BI.makeArray(1000, null), function(idx, v) { |
||||
return { |
||||
text: idx, |
||||
value: idx, |
||||
title: idx |
||||
}; |
||||
}); |
||||
|
||||
var itemSelectorGetter = function (array) { |
||||
return BI.map(array, function (idx, num) { |
||||
return ".bi-multi-select-popup-view .bi-loader .bi-button-group .bi-multi-select-item:nth-child(" + num + ")"; |
||||
}); |
||||
}; |
||||
|
||||
var searchItemSelectorGetter = function (array) { |
||||
return BI.map(array, function (idx, num) { |
||||
return ".bi-multi-select-search-pane .bi-loader .bi-button-group .bi-multi-select-item:nth-child(" + num + ")"; |
||||
}); |
||||
}; |
||||
|
||||
/** |
||||
* test_author_windy |
||||
**/ |
||||
it("setValue", function () { |
||||
var widget = BI.Test.createWidget({ |
||||
type: "bi.search_multi_text_value_combo", |
||||
width: 220, |
||||
items: items |
||||
}); |
||||
widget.setValue({ |
||||
type: 1, |
||||
value: [1, 2] |
||||
}); |
||||
expect(widget.getValue()).to.deep.equal({ |
||||
type: 1, |
||||
value: [1, 2] |
||||
}); |
||||
widget.destroy(); |
||||
}); |
||||
|
||||
/** |
||||
* test_author_windy |
||||
**/ |
||||
it("getValue", function () { |
||||
var widget = BI.Test.createWidget({ |
||||
type: "bi.search_multi_text_value_combo", |
||||
width: 220, |
||||
items: items, |
||||
value: { |
||||
type: 2, |
||||
value: [1, 2, 3] |
||||
} |
||||
}); |
||||
expect(widget.getValue()).to.deep.equal({ |
||||
type: 2, |
||||
value: [1, 2, 3] |
||||
}); |
||||
widget.destroy(); |
||||
}); |
||||
|
||||
/** |
||||
* test_author_windy |
||||
**/ |
||||
it("点选选值", function (done) { |
||||
var widget = BI.Test.createWidget({ |
||||
type: "bi.search_multi_text_value_combo", |
||||
width: 220, |
||||
items: items |
||||
}); |
||||
widget.element.find(".bi-multi-select-trigger").click(); |
||||
// 为什么要delay 300呢,因为按钮有debounce
|
||||
BI.delay(function () { |
||||
// 点选1、2、3
|
||||
BI.each(itemSelectorGetter([1,2,3]), function (idx, selector) { |
||||
widget.element.find(selector).click(); |
||||
}); |
||||
// 点全选
|
||||
widget.element.find(".bi-multi-select-popup-view .bi-label:contains(全选)").click(); |
||||
// 取消勾选1、2、3
|
||||
BI.delay(function () { |
||||
BI.each(itemSelectorGetter([1,2,3]), function (idx, selector) { |
||||
widget.element.find(selector).click(); |
||||
}); |
||||
var value = widget.getValue(); |
||||
expect(value.type).to.equal(2); |
||||
expect(value.value).to.deep.equal([0, 1, 2]); |
||||
widget.destroy(); |
||||
done(); |
||||
}, 300); |
||||
}, 300); |
||||
}); |
||||
|
||||
/** |
||||
* test_author_windy |
||||
**/ |
||||
it("搜索选值", function (done) { |
||||
var widget = BI.Test.createWidget({ |
||||
type: "bi.search_multi_text_value_combo", |
||||
width: 220, |
||||
items: items |
||||
}); |
||||
BI.nextTick(function () { |
||||
widget.element.find(".bi-multi-select-trigger .tip-text-style").click(); |
||||
// 这边为啥要加呢,因为input的setValue中有nextTick
|
||||
BI.nextTick(function () { |
||||
BI.Test.triggerKeyDown(widget.element.find(".bi-multi-select-trigger .bi-input"), "2", 50, function () { |
||||
BI.nextTick(function () { |
||||
BI.each(searchItemSelectorGetter([1,2]), function (idx, selector) { |
||||
widget.element.find(selector).click(); |
||||
}); |
||||
expect(widget.getValue()).to.deep.equal({ |
||||
type: 1, |
||||
value: [2, 12] |
||||
}); |
||||
widget.destroy(); |
||||
done(); |
||||
}); |
||||
}); |
||||
}); |
||||
}); |
||||
}); |
||||
|
||||
/** |
||||
* test_author_windy |
||||
**/ |
||||
it("查看已选", function (done) { |
||||
var widget = BI.Test.createWidget({ |
||||
type: "bi.search_multi_text_value_combo", |
||||
width: 220, |
||||
items: items, |
||||
value: { |
||||
type: 1, |
||||
value: [1, 2] |
||||
} |
||||
}); |
||||
BI.nextTick(function () { |
||||
widget.element.find(".bi-multi-select-check-selected-button").click(); |
||||
BI.delay(function () { |
||||
expect(widget.element.find(".display-list-item").length).to.equal(2); |
||||
widget.destroy(); |
||||
done(); |
||||
}, 300); |
||||
}); |
||||
}); |
||||
|
||||
}); |
@ -0,0 +1,100 @@
|
||||
/** |
||||
* @class BI.TextValueDownListCombo |
||||
* @extend BI.Widget |
||||
*/ |
||||
BI.TextValueDownListCombo = BI.inherit(BI.Widget, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.TextValueDownListCombo.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-text-value-down-list-combo", |
||||
height: 24, |
||||
attributes: { |
||||
tabIndex: 0 |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.TextValueDownListCombo.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
|
||||
this._createValueMap(); |
||||
|
||||
var value; |
||||
if(BI.isNotNull(o.value)) { |
||||
value = this._digest(o.value); |
||||
} |
||||
this.trigger = BI.createWidget({ |
||||
type: "bi.down_list_select_text_trigger", |
||||
cls: "text-value-down-list-trigger", |
||||
height: o.height, |
||||
items: o.items, |
||||
text: o.text, |
||||
value: value |
||||
}); |
||||
|
||||
this.combo = BI.createWidget({ |
||||
type: "bi.down_list_combo", |
||||
element: this, |
||||
chooseType: BI.Selection.Single, |
||||
adjustLength: 2, |
||||
height: o.height, |
||||
el: this.trigger, |
||||
value: BI.isNull(value) ? [] : [value], |
||||
items: BI.deepClone(o.items) |
||||
}); |
||||
|
||||
this.combo.on(BI.DownListCombo.EVENT_CHANGE, function () { |
||||
var currentVal = self.combo.getValue()[0].value; |
||||
if (currentVal !== self.value) { |
||||
self.setValue(currentVal); |
||||
self.fireEvent(BI.TextValueDownListCombo.EVENT_CHANGE); |
||||
} |
||||
}); |
||||
|
||||
this.combo.on(BI.DownListCombo.EVENT_SON_VALUE_CHANGE, function () { |
||||
var currentVal = self.combo.getValue()[0].childValue; |
||||
if (currentVal !== self.value) { |
||||
self.setValue(currentVal); |
||||
self.fireEvent(BI.TextValueDownListCombo.EVENT_CHANGE); |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
_createValueMap: function () { |
||||
var self = this; |
||||
this.valueMap = {}; |
||||
BI.each(BI.flatten(this.options.items), function (idx, item) { |
||||
if (BI.has(item, "el")) { |
||||
BI.each(item.children, function (id, it) { |
||||
self.valueMap[it.value] = {value: item.el.value, childValue: it.value}; |
||||
}); |
||||
} else { |
||||
self.valueMap[item.value] = {value: item.value}; |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
_digest: function (v) { |
||||
this.value = v; |
||||
return this.valueMap[v]; |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
v = this._digest(v); |
||||
this.combo.setValue([v]); |
||||
this.trigger.setValue(v); |
||||
}, |
||||
|
||||
getValue: function () { |
||||
var v = this.combo.getValue()[0]; |
||||
return [v.childValue || v.value]; |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
this.options.items = BI.flatten(items); |
||||
this.combo.populate(items); |
||||
this._createValueMap(); |
||||
} |
||||
}); |
||||
BI.TextValueDownListCombo.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.shortcut("bi.text_value_down_list_combo", BI.TextValueDownListCombo); |
@ -0,0 +1,55 @@
|
||||
/** |
||||
* 选择字段trigger, downlist专用 |
||||
* 显示形式为 父亲值(儿子值) |
||||
* |
||||
* @class BI.DownListSelectTextTrigger |
||||
* @extends BI.Trigger |
||||
*/ |
||||
BI.DownListSelectTextTrigger = BI.inherit(BI.Trigger, { |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.DownListSelectTextTrigger.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-down-list-select-text-trigger", |
||||
height: 24, |
||||
text: "" |
||||
}); |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.DownListSelectTextTrigger.superclass._init.apply(this, arguments); |
||||
var o = this.options; |
||||
this.trigger = BI.createWidget({ |
||||
type: "bi.select_text_trigger", |
||||
element: this, |
||||
height: o.height, |
||||
items: this._formatItemArray(o.items), |
||||
text: o.text, |
||||
value: BI.isNull(o.value) ? "" : o.value.childValue || o.value.value |
||||
}); |
||||
}, |
||||
|
||||
_formatItemArray: function () { |
||||
var sourceArray = BI.flatten(BI.deepClone(this.options.items)); |
||||
var targetArray = []; |
||||
BI.each(sourceArray, function (idx, item) { |
||||
if(BI.has(item, "el")) { |
||||
BI.each(item.children, function (id, it) { |
||||
it.text = item.el.text + "(" + it.text + ")"; |
||||
}); |
||||
targetArray = BI.concat(targetArray, item.children); |
||||
}else{ |
||||
targetArray.push(item); |
||||
} |
||||
}); |
||||
return targetArray; |
||||
}, |
||||
|
||||
setValue: function (vals) { |
||||
this.trigger.setValue(vals.childValue || vals.value); |
||||
}, |
||||
|
||||
populate: function (items) { |
||||
this.trigger.populate(this._formatItemArray(items)); |
||||
} |
||||
}); |
||||
BI.shortcut("bi.down_list_select_text_trigger", BI.DownListSelectTextTrigger); |
Loading…
Reference in new issue