@vitest/browser 3.0.8 → 3.0.9

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import { Plugin } from 'vitest/config';
 import { CDPSession, BrowserServerState as BrowserServerState$1, ProjectBrowser as ProjectBrowser$1, TestProject, BrowserProvider, Vitest, ResolvedConfig, Vite, BrowserCommand, BrowserScript, ProcessPool } from 'vitest/node';
+import { StackTraceParserOptions } from '@vitest/utils/source-map';
 import { ViteDevServer, HtmlTagDescriptor } from 'vite';
 import { CancelReason, RunnerTestFile, AfterSuiteRunMeta, UserConsoleLog, SnapshotResult, SerializedConfig, ErrorWithDiff, ParsedStack } from 'vitest';
-import { StackTraceParserOptions } from '@vitest/utils/source-map';
 import { ServerIdResolution, ServerMockResolution } from '@vitest/mocker/node';
 import { TaskResultPack, TaskEventPack } from '@vitest/runner';
 
@@ -23,125 +23,125 @@ type BirpcReturn<RemoteFunctions, LocalFunctions = Record<string, never>> = {
 };
 
 interface WebSocketBrowserHandlers {
-    resolveSnapshotPath: (testPath: string) => string;
-    resolveSnapshotRawPath: (testPath: string, rawPath: string) => string;
-    onUnhandledError: (error: unknown, type: string) => Promise<void>;
-    onQueued: (file: RunnerTestFile) => void;
-    onCollected: (files: RunnerTestFile[]) => Promise<void>;
-    onTaskUpdate: (packs: TaskResultPack[], events: TaskEventPack[]) => void;
-    onAfterSuiteRun: (meta: AfterSuiteRunMeta) => void;
-    onCancel: (reason: CancelReason) => void;
-    getCountOfFailedTests: () => number;
-    readSnapshotFile: (id: string) => Promise<string | null>;
-    saveSnapshotFile: (id: string, content: string) => Promise<void>;
-    removeSnapshotFile: (id: string) => Promise<void>;
-    sendLog: (log: UserConsoleLog) => void;
-    finishBrowserTests: (sessionId: string) => void;
-    snapshotSaved: (snapshot: SnapshotResult) => void;
-    debug: (...args: string[]) => void;
-    resolveId: (id: string, importer?: string) => Promise<ServerIdResolution | null>;
-    triggerCommand: <T>(sessionId: string, command: string, testPath: string | undefined, payload: unknown[]) => Promise<T>;
-    resolveMock: (id: string, importer: string, options: {
-        mock: 'spy' | 'factory' | 'auto';
-    }) => Promise<ServerMockResolution>;
-    invalidate: (ids: string[]) => void;
-    getBrowserFileSourceMap: (id: string) => SourceMap | null | {
-        mappings: '';
-    } | undefined;
-    wdioSwitchContext: (direction: 'iframe' | 'parent') => void;
-    sendCdpEvent: (sessionId: string, event: string, payload?: Record<string, unknown>) => unknown;
-    trackCdpEvent: (sessionId: string, type: 'on' | 'once' | 'off', event: string, listenerId: string) => void;
+	resolveSnapshotPath: (testPath: string) => string;
+	resolveSnapshotRawPath: (testPath: string, rawPath: string) => string;
+	onUnhandledError: (error: unknown, type: string) => Promise<void>;
+	onQueued: (file: RunnerTestFile) => void;
+	onCollected: (files: RunnerTestFile[]) => Promise<void>;
+	onTaskUpdate: (packs: TaskResultPack[], events: TaskEventPack[]) => void;
+	onAfterSuiteRun: (meta: AfterSuiteRunMeta) => void;
+	onCancel: (reason: CancelReason) => void;
+	getCountOfFailedTests: () => number;
+	readSnapshotFile: (id: string) => Promise<string | null>;
+	saveSnapshotFile: (id: string, content: string) => Promise<void>;
+	removeSnapshotFile: (id: string) => Promise<void>;
+	sendLog: (log: UserConsoleLog) => void;
+	finishBrowserTests: (sessionId: string) => void;
+	snapshotSaved: (snapshot: SnapshotResult) => void;
+	debug: (...args: string[]) => void;
+	resolveId: (id: string, importer?: string) => Promise<ServerIdResolution | null>;
+	triggerCommand: <T>(sessionId: string, command: string, testPath: string | undefined, payload: unknown[]) => Promise<T>;
+	resolveMock: (id: string, importer: string, options: {
+		mock: "spy" | "factory" | "auto"
+	}) => Promise<ServerMockResolution>;
+	invalidate: (ids: string[]) => void;
+	getBrowserFileSourceMap: (id: string) => SourceMap | null | {
+		mappings: ""
+	} | undefined;
+	wdioSwitchContext: (direction: "iframe" | "parent") => void;
+	sendCdpEvent: (sessionId: string, event: string, payload?: Record<string, unknown>) => unknown;
+	trackCdpEvent: (sessionId: string, type: "on" | "once" | "off", event: string, listenerId: string) => void;
 }
 interface WebSocketBrowserEvents {
-    onCancel: (reason: CancelReason) => void;
-    createTesters: (files: string[]) => Promise<void>;
-    cdpEvent: (event: string, payload: unknown) => void;
+	onCancel: (reason: CancelReason) => void;
+	createTesters: (files: string[]) => Promise<void>;
+	cdpEvent: (event: string, payload: unknown) => void;
 }
 type WebSocketBrowserRPC = BirpcReturn<WebSocketBrowserEvents, WebSocketBrowserHandlers>;
 interface SourceMap {
-    file: string;
-    mappings: string;
-    names: string[];
-    sources: string[];
-    sourcesContent?: string[];
-    version: number;
-    toString: () => string;
-    toUrl: () => string;
+	file: string;
+	mappings: string;
+	names: string[];
+	sources: string[];
+	sourcesContent?: string[];
+	version: number;
+	toString: () => string;
+	toUrl: () => string;
 }
 
 declare class BrowserServerCDPHandler {
-    private session;
-    private tester;
-    private listenerIds;
-    private listeners;
-    constructor(session: CDPSession, tester: WebSocketBrowserRPC);
-    send(method: string, params?: Record<string, unknown>): Promise<unknown>;
-    on(event: string, id: string, once?: boolean): void;
-    off(event: string, id: string): void;
-    once(event: string, listener: string): void;
+	private session;
+	private tester;
+	private listenerIds;
+	private listeners;
+	constructor(session: CDPSession, tester: WebSocketBrowserRPC);
+	send(method: string, params?: Record<string, unknown>): Promise<unknown>;
+	on(event: string, id: string, once?: boolean): void;
+	off(event: string, id: string): void;
+	once(event: string, listener: string): void;
 }
 
 declare class BrowserServerState implements BrowserServerState$1 {
-    readonly orchestrators: Map<string, WebSocketBrowserRPC>;
-    readonly testers: Map<string, WebSocketBrowserRPC>;
+	readonly orchestrators: Map<string, WebSocketBrowserRPC>;
+	readonly testers: Map<string, WebSocketBrowserRPC>;
 }
 
 declare class ProjectBrowser implements ProjectBrowser$1 {
-    project: TestProject;
-    base: string;
-    testerHtml: Promise<string> | string;
-    testerFilepath: string;
-    locatorsUrl: string | undefined;
-    provider: BrowserProvider;
-    vitest: Vitest;
-    config: ResolvedConfig;
-    children: Set<ProjectBrowser>;
-    parent: ParentBrowserProject;
-    state: BrowserServerState;
-    constructor(project: TestProject, base: string);
-    get vite(): ViteDevServer;
-    wrapSerializedConfig(): SerializedConfig;
-    initBrowserProvider(project: TestProject): Promise<void>;
-    parseErrorStacktrace(e: ErrorWithDiff, options?: StackTraceParserOptions): ParsedStack[];
-    parseStacktrace(trace: string, options?: StackTraceParserOptions): ParsedStack[];
-    close(): Promise<void>;
+	project: TestProject;
+	base: string;
+	testerHtml: Promise<string> | string;
+	testerFilepath: string;
+	locatorsUrl: string | undefined;
+	provider: BrowserProvider;
+	vitest: Vitest;
+	config: ResolvedConfig;
+	children: Set<ProjectBrowser>;
+	parent: ParentBrowserProject;
+	state: BrowserServerState;
+	constructor(project: TestProject, base: string);
+	get vite(): ViteDevServer;
+	wrapSerializedConfig(): SerializedConfig;
+	initBrowserProvider(project: TestProject): Promise<void>;
+	parseErrorStacktrace(e: ErrorWithDiff, options?: StackTraceParserOptions): ParsedStack[];
+	parseStacktrace(trace: string, options?: StackTraceParserOptions): ParsedStack[];
+	close(): Promise<void>;
 }
 
 declare class ParentBrowserProject {
-    project: TestProject;
-    base: string;
-    orchestratorScripts: string | undefined;
-    testerScripts: HtmlTagDescriptor[] | undefined;
-    faviconUrl: string;
-    prefixTesterUrl: string;
-    manifest: Promise<Vite.Manifest> | Vite.Manifest;
-    vite: Vite.ViteDevServer;
-    private stackTraceOptions;
-    orchestratorHtml: Promise<string> | string;
-    injectorJs: Promise<string> | string;
-    errorCatcherUrl: string;
-    locatorsUrl: string | undefined;
-    stateJs: Promise<string> | string;
-    commands: Record<string, BrowserCommand<any>>;
-    children: Set<ProjectBrowser>;
-    vitest: Vitest;
-    config: ResolvedConfig;
-    private sourceMapCache;
-    constructor(project: TestProject, base: string);
-    setServer(vite: Vite.ViteDevServer): void;
-    spawn(project: TestProject): ProjectBrowser;
-    parseErrorStacktrace(e: ErrorWithDiff, options?: StackTraceParserOptions): ParsedStack[];
-    parseStacktrace(trace: string, options?: StackTraceParserOptions): ParsedStack[];
-    readonly cdps: Map<string, BrowserServerCDPHandler>;
-    private cdpSessionsPromises;
-    ensureCDPHandler(sessionId: string, rpcId: string): Promise<BrowserServerCDPHandler>;
-    removeCDPHandler(sessionId: string): void;
-    formatScripts(scripts: BrowserScript[] | undefined): Promise<HtmlTagDescriptor[]>;
-    resolveTesterUrl(pathname: string): {
-        sessionId: string;
-        testFile: string;
-    };
-    private retrieveSourceMapURL;
+	project: TestProject;
+	base: string;
+	orchestratorScripts: string | undefined;
+	testerScripts: HtmlTagDescriptor[] | undefined;
+	faviconUrl: string;
+	prefixTesterUrl: string;
+	manifest: Promise<Vite.Manifest> | Vite.Manifest;
+	vite: Vite.ViteDevServer;
+	private stackTraceOptions;
+	orchestratorHtml: Promise<string> | string;
+	injectorJs: Promise<string> | string;
+	errorCatcherUrl: string;
+	locatorsUrl: string | undefined;
+	stateJs: Promise<string> | string;
+	commands: Record<string, BrowserCommand<any>>;
+	children: Set<ProjectBrowser>;
+	vitest: Vitest;
+	config: ResolvedConfig;
+	private sourceMapCache;
+	constructor(project: TestProject, base: string);
+	setServer(vite: Vite.ViteDevServer): void;
+	spawn(project: TestProject): ProjectBrowser;
+	parseErrorStacktrace(e: ErrorWithDiff, options?: StackTraceParserOptions): ParsedStack[];
+	parseStacktrace(trace: string, options?: StackTraceParserOptions): ParsedStack[];
+	readonly cdps: Map<string, BrowserServerCDPHandler>;
+	private cdpSessionsPromises;
+	ensureCDPHandler(sessionId: string, rpcId: string): Promise<BrowserServerCDPHandler>;
+	removeCDPHandler(sessionId: string): void;
+	formatScripts(scripts: BrowserScript[] | undefined): Promise<HtmlTagDescriptor[]>;
+	resolveTesterUrl(pathname: string): {
+		sessionId: string
+		testFile: string
+	};
+	private retrieveSourceMapURL;
 }
 
 declare const distRoot: string;

package/dist/index.js

@@ -16,7 +16,7 @@ import { resolve as resolve$1, dirname as dirname$1, basename as basename$1, nor
 import { WebSocketServer } from 'ws';
 import * as nodeos from 'node:os';
 
-var version = "3.0.8";
+var version = "3.0.9";
 
 const _DRIVE_LETTER_START_RE = /^[A-Za-z]:\//;
 function normalizeWindowsPath(input = "") {
@@ -776,7 +776,8 @@ var BrowserPlugin = (parentServer, base = "/") => {
           "vitest > chai",
           "vitest > chai > loupe",
           "vitest > @vitest/utils > loupe",
-          "@vitest/browser > @testing-library/user-event"
+          "@vitest/browser > @testing-library/user-event",
+          "@vitest/browser > @testing-library/dom"
         ];
         const fileRoot = browserTestFiles[0] ? dirname(browserTestFiles[0]) : project.config.root;
         const svelte = isPackageExists("vitest-browser-svelte", fileRoot);
@@ -1191,7 +1192,7 @@ const tripleClick = async (context, selector, options = {}) => {
     });
   } else if (provider instanceof WebdriverBrowserProvider) {
     const browser = context.browser;
-    await browser.action("pointer", { parameters: { pointerType: "mouse" } }).move({ origin: await browser.$(selector) }).down().up().pause(50).down().up().pause(50).down().up().pause(50).perform();
+    await browser.action("pointer", { parameters: { pointerType: "mouse" } }).move({ origin: browser.$(selector) }).down().up().pause(50).down().up().pause(50).down().up().pause(50).perform();
   } else {
     throw new TypeError(`Provider "${provider.name}" doesn't support tripleClick command`);
   }
@@ -1225,7 +1226,7 @@ const fill = async (context, selector, text, options = {}) => {
     const browser = context.browser;
     await browser.$(selector).setValue(text);
   } else {
-    throw new TypeError(`Provider "${context.provider.name}" does not support clearing elements`);
+    throw new TypeError(`Provider "${context.provider.name}" does not support filling inputs`);
   }
 };
 
@@ -2165,7 +2166,7 @@ function focusIframe() {
 }
 function selectAll() {
   const element = document.activeElement;
-  if (element && element.select) {
+  if (element && typeof element.select === "function") {
     element.select();
   }
 }
@@ -2311,7 +2312,7 @@ const type = async (context, selector, text, options = {}) => {
       text,
       () => browser.execute(() => {
         const element2 = document.activeElement;
-        if (element2) {
+        if (element2 && typeof element2.select === "function") {
           element2.select();
         }
       }),

package/dist/locators/index.d.ts

@@ -1,4 +1,4 @@
-import { UserEventClickOptions, UserEventHoverOptions, UserEventFillOptions, UserEventDragAndDropOptions, LocatorScreenshotOptions, LocatorByRoleOptions, LocatorOptions } from '@vitest/browser/context';
+import { UserEventClickOptions, UserEventClearOptions, UserEventHoverOptions, UserEventFillOptions, UserEventUploadOptions, UserEventDragAndDropOptions, UserEventSelectOptions, LocatorScreenshotOptions, LocatorByRoleOptions, LocatorOptions } from '@vitest/browser/context';
 
 type ClauseCombinator = '' | '>' | '+' | '~' | '>=';
 type CSSFunctionArgument = CSSComplexSelector | number | string;
@@ -219,46 +219,46 @@ interface SelectorEngine {
 
 declare const selectorEngine: Ivya;
 declare abstract class Locator {
-    abstract selector: string;
-    private _parsedSelector;
-    protected _container?: Element | undefined;
-    protected _pwSelector?: string | undefined;
-    click(options?: UserEventClickOptions): Promise<void>;
-    dblClick(options?: UserEventClickOptions): Promise<void>;
-    tripleClick(options?: UserEventClickOptions): Promise<void>;
-    clear(): Promise<void>;
-    hover(options: UserEventHoverOptions): Promise<void>;
-    unhover(options: UserEventHoverOptions): Promise<void>;
-    fill(text: string, options?: UserEventFillOptions): Promise<void>;
-    upload(files: string | string[] | File | File[]): Promise<void>;
-    dropTo(target: Locator, options?: UserEventDragAndDropOptions): Promise<void>;
-    selectOptions(value: HTMLElement | HTMLElement[] | Locator | Locator[] | string | string[]): Promise<void>;
-    screenshot(options: Omit<LocatorScreenshotOptions, 'base64'> & {
-        base64: true;
-    }): Promise<{
-        path: string;
-        base64: string;
-    }>;
-    screenshot(options?: LocatorScreenshotOptions): Promise<string>;
-    protected abstract locator(selector: string): Locator;
-    protected abstract elementLocator(element: Element): Locator;
-    getByRole(role: string, options?: LocatorByRoleOptions): Locator;
-    getByAltText(text: string | RegExp, options?: LocatorOptions): Locator;
-    getByLabelText(text: string | RegExp, options?: LocatorOptions): Locator;
-    getByPlaceholder(text: string | RegExp, options?: LocatorOptions): Locator;
-    getByTestId(testId: string | RegExp): Locator;
-    getByText(text: string | RegExp, options?: LocatorOptions): Locator;
-    getByTitle(title: string | RegExp, options?: LocatorOptions): Locator;
-    query(): Element | null;
-    element(): Element;
-    elements(): Element[];
-    all(): Locator[];
-    nth(index: number): Locator;
-    first(): Locator;
-    last(): Locator;
-    toString(): string;
-    toJSON(): string;
-    protected triggerCommand<T>(command: string, ...args: any[]): Promise<T>;
+	abstract selector: string;
+	private _parsedSelector;
+	protected _container?: Element | undefined;
+	protected _pwSelector?: string | undefined;
+	click(options?: UserEventClickOptions): Promise<void>;
+	dblClick(options?: UserEventClickOptions): Promise<void>;
+	tripleClick(options?: UserEventClickOptions): Promise<void>;
+	clear(options?: UserEventClearOptions): Promise<void>;
+	hover(options?: UserEventHoverOptions): Promise<void>;
+	unhover(options?: UserEventHoverOptions): Promise<void>;
+	fill(text: string, options?: UserEventFillOptions): Promise<void>;
+	upload(files: string | string[] | File | File[], options?: UserEventUploadOptions): Promise<void>;
+	dropTo(target: Locator, options?: UserEventDragAndDropOptions): Promise<void>;
+	selectOptions(value: HTMLElement | HTMLElement[] | Locator | Locator[] | string | string[], options?: UserEventSelectOptions): Promise<void>;
+	screenshot(options: Omit<LocatorScreenshotOptions, "base64"> & {
+		base64: true
+	}): Promise<{
+		path: string
+		base64: string
+	}>;
+	screenshot(options?: LocatorScreenshotOptions): Promise<string>;
+	protected abstract locator(selector: string): Locator;
+	protected abstract elementLocator(element: Element): Locator;
+	getByRole(role: string, options?: LocatorByRoleOptions): Locator;
+	getByAltText(text: string | RegExp, options?: LocatorOptions): Locator;
+	getByLabelText(text: string | RegExp, options?: LocatorOptions): Locator;
+	getByPlaceholder(text: string | RegExp, options?: LocatorOptions): Locator;
+	getByTestId(testId: string | RegExp): Locator;
+	getByText(text: string | RegExp, options?: LocatorOptions): Locator;
+	getByTitle(title: string | RegExp, options?: LocatorOptions): Locator;
+	query(): Element | null;
+	element(): Element;
+	elements(): Element[];
+	all(): Locator[];
+	nth(index: number): Locator;
+	first(): Locator;
+	last(): Locator;
+	toString(): string;
+	toJSON(): string;
+	protected triggerCommand<T>(command: string, ...args: any[]): Promise<T>;
 }
 
 export { Locator, selectorEngine };

package/dist/locators/index.js

@@ -1,4 +1,4 @@
 import '@vitest/browser/context';
 import '../public-utils-J4vwTaki.js';
-export { L as Locator, s as selectorEngine } from '../index-fqTesRIH.js';
+export { L as Locator, s as selectorEngine } from '../index-DrTP5i7N.js';
 import 'vitest/utils';

package/dist/locators/playwright.js

@@ -1,6 +1,7 @@
 import { page, server } from '@vitest/browser/context';
 import { g as getByTitleSelector, a as getByTextSelector, b as getByPlaceholderSelector, c as getByAltTextSelector, d as getByTestIdSelector, e as getByRoleSelector, f as getByLabelSelector } from '../public-utils-J4vwTaki.js';
-import { s as selectorEngine, L as Locator } from '../index-fqTesRIH.js';
+import { s as selectorEngine, L as Locator, g as getBrowserState } from '../index-DrTP5i7N.js';
+import { p as processTimeoutOptions, g as getIframeScale } from '../utils-VCysLhWp.js';
 import 'vitest/utils';
 
 page.extend({
@@ -38,6 +39,35 @@ class PlaywrightLocator extends Locator {
     this.selector = selector;
     this._container = _container;
   }
+  click(options) {
+    return super.click(processTimeoutOptions(processClickOptions(options)));
+  }
+  dblClick(options) {
+    return super.dblClick(processTimeoutOptions(processClickOptions(options)));
+  }
+  tripleClick(options) {
+    return super.tripleClick(processTimeoutOptions(processClickOptions(options)));
+  }
+  selectOptions(value, options) {
+    return super.selectOptions(value, processTimeoutOptions(options));
+  }
+  clear(options) {
+    return super.clear(processTimeoutOptions(options));
+  }
+  hover(options) {
+    return super.hover(processTimeoutOptions(processHoverOptions(options)));
+  }
+  upload(files, options) {
+    return super.upload(files, processTimeoutOptions(options));
+  }
+  fill(text, options) {
+    return super.fill(text, processTimeoutOptions(options));
+  }
+  dropTo(target, options) {
+    return super.dropTo(target, processTimeoutOptions(
+      processDragAndDropOptions(options)
+    ));
+  }
   locator(selector) {
     return new PlaywrightLocator(`${this.selector} >> ${selector}`, this._container);
   }
@@ -48,3 +78,46 @@ class PlaywrightLocator extends Locator {
     );
   }
 }
+function processDragAndDropOptions(options_) {
+  if (!options_ || !getBrowserState().config.browser.ui) {
+    return options_;
+  }
+  const options = options_;
+  if (options.sourcePosition) {
+    options.sourcePosition = processPlaywrightPosition(options.sourcePosition);
+  }
+  if (options.targetPosition) {
+    options.targetPosition = processPlaywrightPosition(options.targetPosition);
+  }
+  return options_;
+}
+function processHoverOptions(options_) {
+  if (!options_ || !getBrowserState().config.browser.ui) {
+    return options_;
+  }
+  const options = options_;
+  if (options.position) {
+    options.position = processPlaywrightPosition(options.position);
+  }
+  return options_;
+}
+function processClickOptions(options_) {
+  if (!options_ || !getBrowserState().config.browser.ui) {
+    return options_;
+  }
+  const options = options_;
+  if (options.position) {
+    options.position = processPlaywrightPosition(options.position);
+  }
+  return options;
+}
+function processPlaywrightPosition(position) {
+  const scale = getIframeScale();
+  if (position.x != null) {
+    position.x *= scale;
+  }
+  if (position.y != null) {
+    position.y *= scale;
+  }
+  return position;
+}

package/dist/locators/preview.js

@@ -1,6 +1,7 @@
 import { page, server, userEvent } from '@vitest/browser/context';
 import { g as getByTitleSelector, a as getByTextSelector, b as getByPlaceholderSelector, c as getByAltTextSelector, d as getByTestIdSelector, e as getByRoleSelector, f as getByLabelSelector, h as getElementError } from '../public-utils-J4vwTaki.js';
-import { s as selectorEngine, L as Locator, c as convertElementToCssSelector } from '../index-fqTesRIH.js';
+import { c as convertElementToCssSelector } from '../utils-VCysLhWp.js';
+import { s as selectorEngine, L as Locator } from '../index-DrTP5i7N.js';
 import 'vitest/utils';
 
 page.extend({

package/dist/locators/webdriverio.js

@@ -1,6 +1,7 @@
 import { page, server } from '@vitest/browser/context';
 import { g as getByTitleSelector, a as getByTextSelector, b as getByPlaceholderSelector, c as getByAltTextSelector, d as getByTestIdSelector, e as getByRoleSelector, f as getByLabelSelector, h as getElementError } from '../public-utils-J4vwTaki.js';
-import { s as selectorEngine, L as Locator, c as convertElementToCssSelector } from '../index-fqTesRIH.js';
+import { s as selectorEngine, L as Locator, g as getBrowserState } from '../index-DrTP5i7N.js';
+import { c as convertElementToCssSelector, g as getIframeScale } from '../utils-VCysLhWp.js';
 import 'vitest/utils';
 
 page.extend({
@@ -42,9 +43,24 @@ class WebdriverIOLocator extends Locator {
     }
     return selectors.join(", ");
   }
-  selectOptions(value) {
+  click(options) {
+    return super.click(processClickOptions(options));
+  }
+  dblClick(options) {
+    return super.dblClick(processClickOptions(options));
+  }
+  tripleClick(options) {
+    return super.tripleClick(processClickOptions(options));
+  }
+  selectOptions(value, options) {
     const values = getWebdriverioSelectOptions(this.element(), value);
-    return this.triggerCommand("__vitest_selectOptions", this.selector, values);
+    return this.triggerCommand("__vitest_selectOptions", this.selector, values, options);
+  }
+  hover(options) {
+    return super.hover(processHoverOptions(options));
+  }
+  dropTo(target, options) {
+    return super.dropTo(target, processDragAndDropOptions(options));
   }
   locator(selector) {
     return new WebdriverIOLocator(`${this._pwSelector} >> ${selector}`, this._container);
@@ -83,3 +99,59 @@ function getWebdriverioSelectOptions(element, value) {
   }
   return [{ index: labelIndex }];
 }
+function processClickOptions(options_) {
+  if (!options_ || !getBrowserState().config.browser.ui) {
+    return options_;
+  }
+  const options = options_;
+  if (options.x != null || options.y != null) {
+    const cache = {};
+    if (options.x != null) {
+      options.x = scaleCoordinate(options.x, cache);
+    }
+    if (options.y != null) {
+      options.y = scaleCoordinate(options.y, cache);
+    }
+  }
+  return options_;
+}
+function processHoverOptions(options_) {
+  if (!options_ || !getBrowserState().config.browser.ui) {
+    return options_;
+  }
+  const options = options_;
+  const cache = {};
+  if (options.xOffset != null) {
+    options.xOffset = scaleCoordinate(options.xOffset, cache);
+  }
+  if (options.yOffset != null) {
+    options.yOffset = scaleCoordinate(options.yOffset, cache);
+  }
+  return options_;
+}
+function processDragAndDropOptions(options_) {
+  if (!options_ || !getBrowserState().config.browser.ui) {
+    return options_;
+  }
+  const cache = {};
+  const options = options_;
+  if (options.sourceX != null) {
+    options.sourceX = scaleCoordinate(options.sourceX, cache);
+  }
+  if (options.sourceY != null) {
+    options.sourceY = scaleCoordinate(options.sourceY, cache);
+  }
+  if (options.targetX != null) {
+    options.targetX = scaleCoordinate(options.targetX, cache);
+  }
+  if (options.targetY != null) {
+    options.targetY = scaleCoordinate(options.targetY, cache);
+  }
+  return options_;
+}
+function scaleCoordinate(coordinate, cache) {
+  return Math.round(coordinate * getCachedScale(cache));
+}
+function getCachedScale(cache) {
+  return cache.scale ??= getIframeScale();
+}