@vitest/browser-preview 4.1.0-beta.3 → 4.1.0-beta.5

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { SelectorOptions } from 'vitest/browser';
 import { BrowserProvider, TestProject, BrowserProviderOption } from 'vitest/node';
 export { defineBrowserCommand } from '@vitest/browser';
 
@@ -15,5 +16,17 @@ declare class PreviewBrowserProvider implements BrowserProvider {
 	openPage(_sessionId: string, url: string): Promise<void>;
 	close(): Promise<void>;
 }
+declare module "vitest/browser" {
+	interface UserEventClickOptions extends SelectorOptions {}
+	interface UserEventHoverOptions extends SelectorOptions {}
+	interface UserEventFillOptions extends SelectorOptions {}
+	interface UserEventSelectOptions extends SelectorOptions {}
+	interface UserEventClearOptions extends SelectorOptions {}
+	interface UserEventDoubleClickOptions extends SelectorOptions {}
+	interface UserEventTripleClickOptions extends SelectorOptions {}
+	interface UserEventUploadOptions extends SelectorOptions {}
+	interface UserEventWheelBaseOptions extends SelectorOptions {}
+	interface LocatorScreenshotOptions extends SelectorOptions {}
+}
 
 export { PreviewBrowserProvider, preview };

package/dist/locators.js

@@ -15,32 +15,45 @@ class PreviewLocator extends Locator {
 		}
 		return selectors.join(", ");
 	}
-	click() {
-		return userEvent.click(this.element());
+	async click(options) {
+		const element = await this.findElement(options);
+		return userEvent.click(element);
 	}
-	dblClick() {
-		return userEvent.dblClick(this.element());
+	async dblClick(options) {
+		const element = await this.findElement(options);
+		return userEvent.dblClick(element);
 	}
-	tripleClick() {
-		return userEvent.tripleClick(this.element());
+	async tripleClick(options) {
+		const element = await this.findElement(options);
+		return userEvent.tripleClick(element);
 	}
-	hover() {
-		return userEvent.hover(this.element());
+	async hover(options) {
+		const element = await this.findElement(options);
+		return userEvent.hover(element);
 	}
-	unhover() {
-		return userEvent.unhover(this.element());
+	async unhover(options) {
+		const element = await this.findElement(options);
+		return userEvent.unhover(element);
 	}
-	async fill(text) {
-		return userEvent.fill(this.element(), text);
+	async fill(text, options) {
+		const element = await this.findElement(options);
+		return userEvent.fill(element, text);
 	}
-	async upload(file) {
-		return userEvent.upload(this.element(), file);
+	async upload(file, options) {
+		const element = await this.findElement(options);
+		return userEvent.upload(element, file);
 	}
-	selectOptions(options) {
-		return userEvent.selectOptions(this.element(), options);
+	async wheel(options) {
+		const element = await this.findElement(options);
+		return userEvent.wheel(element, options);
 	}
-	clear() {
-		return userEvent.clear(this.element());
+	async selectOptions(options, settings) {
+		const element = await this.findElement(settings);
+		return userEvent.selectOptions(element, options);
+	}
+	async clear(options) {
+		const element = await this.findElement(options);
+		return userEvent.clear(element);
 	}
 	locator(selector) {
 		return new PreviewLocator(`${this._pwSelector} >> ${selector}`, this._container);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitest/browser-preview",
   "type": "module",
-  "version": "4.1.0-beta.3",
+  "version": "4.1.0-beta.5",
   "description": "Browser running for Vitest using your browser of choice",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
@@ -40,15 +40,15 @@
     "dist"
   ],
   "peerDependencies": {
-    "vitest": "4.1.0-beta.3"
+    "vitest": "4.1.0-beta.5"
   },
   "dependencies": {
     "@testing-library/dom": "^10.4.1",
     "@testing-library/user-event": "^14.6.1",
-    "@vitest/browser": "4.1.0-beta.3"
+    "@vitest/browser": "4.1.0-beta.5"
   },
   "devDependencies": {
-    "vitest": "4.1.0-beta.3"
+    "vitest": "4.1.0-beta.5"
   },
   "scripts": {
     "build": "premove dist && pnpm rollup -c",