import { getBrowserObject } from '@wdio/utils'
*
* Double-click on an element.
*
* <example>
:example.html
<button id="myButton" ondblclick="document.getElementById('someText').innerHTML='I was dblclicked'">Click me</button>
<div id="someText">I was not clicked</div>
:doubleClick.js
it('should demonstrate the doubleClick command', async () => {
const myButton = await $('#myButton')
await myButton.doubleClick()
const value = await myButton.getText()
assert(value === 'I was dblclicked') // true
})
* </example>
*
* @alias element.doubleClick
* @uses protocol/element, protocol/moveTo, protocol/doDoubleClick, protocol/touchDoubleClick
* @type action
*
*/
export async function doubleClick (this: WebdriverIO.Element) {
* W3C way of handle the double click actions
*/
const browser = getBrowserObject(this)
return browser.action('pointer', { parameters: { pointerType: 'mouse' } })
.move({ origin: this })
.down()
.up()
.pause(10)
.down()
.up()
.perform()
}
