数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会研究
时尚研究
法律研究如何在 WebdriverIO 中执行拖放操作？
WebdriverIO 可以使用 dragAndDrop 方法执行拖放等鼠标操作。在此过程中，我们在当前对象（源）上执行单击和保持事件，然后将对象传递给目标元素。最后，释放鼠标。
语法
let p = $('#loc')
let t = $('#target')
p.dragAndDrop(t)其中，p 是源定位器，t 是目标定位器。
让我们对以下元素执行拖放功能 −
在上图中，名为 Drag me to my target 的元素必须拖放到名为 Dropped! 的元素上。
示例
代码实现
// test suite name
describe('Tutorialspoint application', function(){
//test case
it('Drag and Drop', function(){
// launch url
browser.url('https://jqueryui.jqueryjs.cn/droppable/')
//maximize browser
browser.maximizeWindow()
//switch to frame
browser.switchToFrame($(".demo-frame"))
//identify source element
const src = $('#draggable')
//identify target element
const trg = $('#droppable')
//drag and drop
src.dragAndDrop(trg)
});
});输出
执行后，名为 Drag me to my target 的元素已被拖放到名为 Dropped! 的元素上。
更新于： 19-Nov-2021
1K+ 查看数
广告