資料結構
網路
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.com/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+ 檢視數
廣告