@vitest/browser-playwright 5.0.4 → 5.1.0-beta.1

package/dist/index.js

@@ -497,6 +497,114 @@ function selectAll() {
 	}
 }
 
+const pointer = async (context, input, state = {}) => {
+	const pressedKeys = new Set(state.unreleased);
+	let lastTarget = state.target;
+	let lastCoords = state.coords;
+	for (const option of input) {
+		let target = option.target;
+		let coords = option.coords;
+		if (target || coords) {
+			lastTarget = target;
+			lastCoords = coords;
+		} else {
+			target = lastTarget;
+			coords = lastCoords;
+		}
+		const pointerAction = {
+			...option,
+			target,
+			coords
+		};
+		const keys = "keys" in option ? option.keys : null;
+		const parsedKeys = keys === null ? null : groupKeyDefs(parseKeyDef(keys));
+		const hasOnlyClickActions = parsedKeys?.every(({ keyDef: { keyDef: { code }, releasePrevious, releaseSelf } }) => code === "MouseLeft" && !releasePrevious && releaseSelf);
+		// click has its own moving logic, no need to move twice
+		if (!hasOnlyClickActions) {
+			if (target) {
+				await hover(context, target, { position: coords });
+			} else if (coords) {
+				await context.page.mouse.move(coords.x, coords.y);
+			}
+		}
+		if (parsedKeys) {
+			for (const key of parsedKeys) {
+				await keyDefHandler(key, pointerAction, pressedKeys, context);
+			}
+		}
+	}
+	return {
+		unreleased: Array.from(pressedKeys),
+		target: lastTarget,
+		coords: lastCoords
+	};
+};
+function groupKeyDefs(keyDefs) {
+	const output = [];
+	let last;
+	for (const keyDef of keyDefs) {
+		if (last !== undefined && last.keyDef.releasePrevious === keyDef.releasePrevious && last.keyDef.releaseSelf === keyDef.releaseSelf && last.keyDef.keyDef.key === keyDef.keyDef.key && last.keyDef.keyDef.code === keyDef.keyDef.code && last.keyDef.keyDef.location === keyDef.keyDef.location) {
+			last.times += keyDef.repeat;
+		} else {
+			last = {
+				times: keyDef.repeat,
+				keyDef
+			};
+			output.push(last);
+		}
+	}
+	return output;
+}
+const MOUSE_KEYS = [
+	"MouseLeft",
+	"MouseRight",
+	"MouseMiddle"
+];
+async function keyDefHandler({ keyDef: { keyDef, releasePrevious, releaseSelf }, times }, pointerAction, pressedKeys, context) {
+	const key = keyDef.key;
+	const code = keyDef.code;
+	if (MOUSE_KEYS.includes(code)) {
+		const button = code.replace("Mouse", "").toLowerCase();
+		const mouseOptions = {
+			button,
+			clickCount: times
+		};
+		if (releasePrevious) {
+			await context.page.mouse.up(mouseOptions);
+		} else if (releaseSelf) {
+			if (pointerAction.target) {
+				await click(context, pointerAction.target, {
+					...mouseOptions,
+					position: pointerAction.coords
+				});
+			} else {
+				const x = pointerAction.coords?.x ?? 0;
+				const y = pointerAction.coords?.y ?? 0;
+				await context.page.mouse.click(x, y, mouseOptions);
+			}
+		} else {
+			await context.page.mouse.down(mouseOptions);
+		}
+		return;
+	}
+	if (key === "Unknown") {
+		return;
+	}
+	if (!releasePrevious) {
+		if (releaseSelf) {
+			for (let count = 0; count < times; count += 1) {
+				await context.page.keyboard.press(key);
+			}
+		} else {
+			await context.page.keyboard.down(key);
+			pressedKeys.add(key);
+		}
+	} else if (pressedKeys.has(key)) {
+		await context.page.keyboard.up(key);
+		pressedKeys.delete(key);
+	}
+}
+
 const SCREENSHOT_STYLES = `
   iframe[data-vitest="true"] {
     position: absolute !important;
@@ -691,7 +799,7 @@ function parseLocation(context, stack) {
 	if (!stack) {
 		return;
 	}
-	const parsedStacks = context.project.browser.parseStacktrace(stack);
+	const parsedStacks = context.project.browser.parseStacktrace(stack, { firstOnly: true });
 	return parsedStacks[0];
 }
 function resolveTracesPath({ testPath, project }, name) {
@@ -809,6 +917,7 @@ var commands = {
 	__vitest_dblClick: dblClick,
 	__vitest_tripleClick: tripleClick,
 	__vitest_wheel: wheel,
+	__vitest_pointer: pointer,
 	__vitest_takeScreenshot: takeScreenshot,
 	__vitest_type: type,
 	__vitest_clear: clear,
@@ -960,6 +1069,13 @@ function resolveLaunchOptions(browser, inspector, providerOptions, browserName)
 		...providerOptions.launchOptions,
 		headless: browser.headless
 	};
+	if (browserName === "firefox") {
+		// multiple import maps per document are behind a pref in Firefox 150+
+		launchOptions.firefoxUserPrefs = {
+			"dom.multiple_import_maps.enabled": true,
+			...launchOptions.firefoxUserPrefs
+		};
+	}
 	if (typeof browser.trace === "object" && browser.trace.tracesDir) {
 		launchOptions.tracesDir = browser.trace.tracesDir;
 	}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitest/browser-playwright",
   "type": "module",
-  "version": "5.0.4",
+  "version": "5.1.0-beta.1",
   "description": "Browser running for Vitest using playwright",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
@@ -43,7 +43,7 @@
   ],
   "peerDependencies": {
     "playwright": "*",
-    "vitest": "5.0.4"
+    "vitest": "5.1.0-beta.1"
   },
   "peerDependenciesMeta": {
     "playwright": {
@@ -51,15 +51,15 @@
     }
   },
   "dependencies": {
-    "@vitest/browser": "5.0.4",
-    "@vitest/mocker": "5.0.4",
+    "@vitest/browser": "5.1.0-beta.1",
+    "@vitest/mocker": "5.1.0-beta.1",
     "tinyrainbow": "^3.2.0"
   },
   "devDependencies": {
     "pathe": "^2.0.3",
-    "playwright": "^1.64.0",
+    "playwright": "^1.64.1",
     "vite": "8.0.11",
-    "vitest": "5.0.4"
+    "vitest": "5.1.0-beta.1"
   },
   "scripts": {
     "build": "premove dist && pnpm rollup -c",