WebdriverIO - Drag & Drop

Webdriver IO可以采取rag花行动,如使用 d铁和ro蒸法。 这样,我们就在目前物体(资料来源)上进行点击和举行活动,然后将物体移至目标部分。 最后,释放这块 mo。

Syntax

The syntax is as follows -

let p = $( #loc )
let t = $( #target )
p.dragAndDrop(t)

此处,p是源地,t是目的地。

让我们为以下要素发挥rag和 drop的作用:

在上述形象中,名字——我对我的目标的Drag我——的内容必须被拖拉,放在这个内容上—— Dr!

首先,遵循题为“快车道”的一章第1至5号步骤。

。 题为“从诺德JS开始的结晶”的章节详细介绍了如何安装这些装置。

。 关于如何安装这一装置的细节见题为“建立国家预防机制”的章节。

。 关于如何安装这些装置的细节见题为VS代码安装的一章。

。 关于如何进行安装的细节见题为“配置文件生成”的章节。

Step 5——建立光谱档案。 关于如何安装这些装置的细节见题为“Mocha装置”的章节。

在制作的Mocha光谱档案中添加以下代码。

// test suite name
describe( Tutorialspoint apppcation , 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)
   });
});

档案——由以下指挥部存档:

npx wdio run wdio.conf.js

在题为“Wdio.conf.js案”的章节和题为“编造档案”的章节中详细讨论了如何建立汇编档案的细节。

以下屏幕将登在你的电脑上:

在执行后,名字中的内容——我对我的目标的Drag我被拖了下来,在内容上被删除——放了!