Skip to main content

​
Element Click

When called on an Element object, clicks on the located element.

​
Syntax

await element.click(action)

​
Parameters

​
action
string
default:"click"
Type of click action: 'click', 'double-click', 'right-click', 'hover', 'mouseDown', 'mouseUp'

​
Returns

Promise<void>

​
Examples

// Regular click
const button = await testdriver.find('submit button');
await button.click();

// Double-click
const file = await testdriver.find('README.txt file');
await file.click('double-click');

// Right-click
const item = await testdriver.find('menu item');
await item.click('right-click');

// Hover (same as element.hover())
const tooltip = await testdriver.find('info icon');
await button.click('hover');

​
Coordinate Click

Click at specific screen coordinates.

​
Syntax

await testdriver.click(x, y, action)

​
Parameters

​
x
number
required
X coordinate
​
y
number
required
Y coordinate
​
action
string
default:"click"
Type of click: 'click', 'double-click', 'right-click', 'mouseDown', 'mouseUp'

​
Returns

Promise<void>

​
Examples

// Click at coordinates
await testdriver.click(500, 300);

// Double-click at coordinates
await testdriver.click(500, 300, 'double-click');

// Right-click at coordinates
await testdriver.click(500, 300, 'right-click');

​
Click Actions

​
Regular Click

Single left-click action. 
const button = await testdriver.find('Login button');
await button.click();

​
Double Click

Double-click action, commonly used to open files or select text. 
const file = await testdriver.find('document.pdf');
await file.click('double-click');

// Or use the dedicated method
await file.doubleClick();

​
Right Click

Right-click to open context menus. 
const folder = await testdriver.find('Documents folder');
await folder.click('right-click');

// Or use the dedicated method
await folder.rightClick();

​
Mouse Down / Mouse Up

For drag operations or custom click behavior. 
const draggable = await testdriver.find('draggable item');
await draggable.click('mouseDown');

// Move to target
const dropZone = await testdriver.find('drop zone');
await dropZone.hover();
await dropZone.click('mouseUp');

// Or use dedicated methods
await draggable.mouseDown();
await dropZone.mouseUp();

​
Best Practices

Prefer element clicks over coordinate clicksElement-based clicking is more reliable and resolution-independent:
// ✅ Preferred
const button = await testdriver.find('submit button');
await button.click();

// ❌ Avoid (fragile)
await testdriver.click(500, 300);
Verify element was found
const element = await testdriver.find('button');
if (!element.found()) {
  throw new Error('Element not found');
}
await element.click();
Element must be found before clickingThe find() method automatically locates elements, but clicking an element that wasn’t found will throw an error:
const element = await testdriver.find('button');
// This will throw if element wasn't found
await element.click();

​
Use Cases

const submitBtn = await testdriver.find('submit button');
await submitBtn.click();

const cancelBtn = await testdriver.find('cancel button');
await cancelBtn.click();

const file = await testdriver.find('report.pdf file icon');
await file.doubleClick();

const item = await testdriver.find('file item');
await item.rightClick();

// Select menu option
const deleteOption = await testdriver.find('Delete option');
await deleteOption.click();

const source = await testdriver.find('source item');
await source.mouseDown();

const target = await testdriver.find('target zone');
await target.hover();
await target.mouseUp();

​
Complete Example

import { beforeAll, afterAll, describe, it } from 'vitest';
import TestDriver from 'testdriverai';

describe('Click Interactions', () => {
  let testdriver;

  beforeAll(async () => {
    client = new TestDriver(process.env.TD_API_KEY);
    await testdriver.auth();
    await testdriver.connect();
  });

  afterAll(async () => {
    await testdriver.disconnect();
  });

  it('should perform various click actions', async () => {
    await testdriver.focusApplication('Google Chrome');
    
    // Regular click
    const loginBtn = await testdriver.find('login button');
    await loginBtn.click();
    
    // Right-click for context menu
    const profileIcon = await testdriver.find('profile icon');
    await profileIcon.rightClick();
    
    const settingsOption = await testdriver.find('Settings menu option');
    await settingsOption.click();
    
    // Double-click to edit
    const nameField = await testdriver.find('name display field');
    await nameField.doubleClick();
    
    // Verify state
    await testdriver.assert('name field is now editable');
  });

  it('should perform drag and drop', async () => {
    const item = await testdriver.find('draggable item');
    await item.mouseDown();
    
    // Drag to new location
    const dropTarget = await testdriver.find('drop area');
    await dropTarget.hover();
    await dropTarget.mouseUp();
    
    // Verify
    await testdriver.assert('item is in the drop area');
  });
});