背景
項(xiàng)目中需要拖拽操作蜘醋，使用drag and drop鞭缭，經(jīng)測(cè)試并不生效俺猿，沒(méi)有實(shí)現(xiàn)拖動(dòng)，但是robotframework并不報(bào)錯(cuò)忘瓦，原來(lái)是因?yàn)閟elenium并不支持對(duì)html5的拖拽操作搁廓，所以我們需要使用javascript來(lái)處理。
[drag_and_drop.js]
var dataTransfer =
{
dropEffect: '',
effectAllowed: 'all',
files: [],
items: {},
types: [],
setData: function (format, data) {
this.items[format] = data;
this.types.append(format);
},
getData: function (format) {
return this.items[format];
},
clearData: function (format) {
}
};
var emit = function (event, target) {
var evt = document.createEvent('Event');
evt.initEvent(event, true, false);
evt.dataTransfer = dataTransfer;
target.dispatchEvent(evt);
};
var DragNDrop = function (src, tgt) {
src = document.getElementById(src);
tgt = document.getElementById(tgt);
emit('dragstart', src);
emit('dragenter', tgt);
emit('dragover', tgt);
emit('drop', tgt);
emit('dragend', src);
return true;
}
- 在robotframework中這樣使用
Drag And Drop Element
[Arguments] ${src} ${tgt}
${js} Get File drag-n-drop.js
${result} Execute Javascript ${js}; return DragNDrop("${src}", "${tgt}");
Capture Page Screenshot
可以看到我們參數(shù)是只支持id的耕皮，不過(guò)也不必緊張境蜕，我們可以使用robotframework自帶的方法Assign Id To Element來(lái)生成一個(gè)臨時(shí)id。這個(gè)臨時(shí)id我們自己建個(gè)方法生成唯一的更好凌停。
所以改進(jìn)后的代碼如下粱年，可以支持selenium支持的所有方式，而且id是唯一的罚拟，不用再去糾結(jié)id取值台诗。
get uuid
${uuid} evaluate (uuid.uuid3(uuid.NAMESPACE_DNS, time.strftime("%Y-%m-%d %H:%M:%S", time.localtime()) + str(random.random()))).hex modules=random, time, uuid
[Return] ${uuid}
Drag And Drop Element
[Arguments] ${src} ${tgt}
${src_id} get uuid
${tgt_id} get uuid
Assign Id To Element ${src} ${src_id}
Assign Id To Element ${tgt} ${tgt_id}
${js} Get File drag-n-drop.js
${result} Execute Javascript ${js}; return DragNDrop("${src_id}", "${tgt_id}");
Capture Page Screenshot
