@vitest/browser-playwright 4.1.5 → 5.0.0-beta.2

package/dist/index.js

@@ -1,4 +1,4 @@
-import { asLocator, parseKeyDef, resolveScreenshotPath, defineBrowserProvider } from '@vitest/browser';
+import { parseKeyDef, resolveScreenshotPath, defineBrowserProvider } from '@vitest/browser';
 export { defineBrowserCommand } from '@vitest/browser';
 import { createManualModuleSource } from '@vitest/mocker/node';
 import c from 'tinyrainbow';
@@ -173,9 +173,9 @@ const basename = function(p, extension) {
 // - locator('[data-vitest="true"]').contentFrame().getByRole('button')
 //     ⇓
 // - getByRole('button')
-function getDescribedLocator(context, selector) {
-	const locator = context.iframe.locator(selector);
-	return typeof locator.describe === "function" ? locator.describe(asLocator("javascript", selector)) : locator;
+function getDescribedLocator(context, { locator, selector }) {
+	const iframeLocator = context.iframe.locator(selector);
+	return typeof iframeLocator.describe === "function" ? iframeLocator.describe(locator) : iframeLocator;
 }
 
 const clear = async (context, selector) => {
@@ -198,7 +198,7 @@ const tripleClick = async (context, selector, options = {}) => {
 
 const dragAndDrop = async (context, source, target, options_) => {
 	const frame = await context.frame();
-	await frame.dragAndDrop(source, target, options_);
+	await frame.dragAndDrop(source.selector, target.selector, options_);
 };
 
 const fill = async (context, selector, text, options = {}) => {
@@ -497,6 +497,14 @@ function selectAll() {
 	}
 }
 
+const SCREENSHOT_STYLES = `
+  iframe[data-vitest="true"] {
+    position: absolute !important;
+    inset: 0 !important;
+    z-index: ${Number.MAX_SAFE_INTEGER} !important;
+    transform: none !important;
+  }
+`;
 /**
 * Takes a screenshot using the provided browser context and returns a buffer and the expected screenshot path.
 *
@@ -517,23 +525,29 @@ async function takeScreenshot(context, name, options) {
 		await mkdir(dirname(savePath), { recursive: true });
 	}
 	const mask = options.mask?.map((selector) => getDescribedLocator(context, selector));
+	const style = context.project.config.browser.ui ? options.style === undefined ? SCREENSHOT_STYLES : SCREENSHOT_STYLES + options.style : options.style;
 	if (options.element) {
 		const { element: selector, ...config } = options;
 		const element = getDescribedLocator(context, selector);
 		const buffer = await element.screenshot({
 			...config,
 			mask,
-			path: savePath
+			path: savePath,
+			style
 		});
 		return {
 			buffer,
 			path
 		};
 	}
-	const buffer = await getDescribedLocator(context, "body").screenshot({
+	const buffer = await getDescribedLocator(context, {
+		selector: "body",
+		locator: "locator('body')"
+	}).screenshot({
 		...options,
 		mask,
-		path: savePath
+		path: savePath,
+		style
 	});
 	return {
 		buffer,
@@ -616,14 +630,14 @@ const markTrace = async (context, payload) => {
 		if (!context.provider.tracingContexts.has(context.sessionId)) {
 			return;
 		}
-		const { name, selector, stack } = payload;
+		const { name, element, stack } = payload;
 		const location = parseLocation(context, stack);
 		// mark trace via group/groupEnd with dummy calls to force snapshot.
 		// https://github.com/microsoft/playwright/issues/39308
 		await context.context.tracing.group(name, { location });
 		try {
-			if (selector) {
-				const locator = getDescribedLocator(context, selector);
+			if (element) {
+				const locator = getDescribedLocator(context, element);
 				if (typeof locator._expect === "function") {
 					await locator._expect("to.be.attached", {
 						isNot: false,
@@ -757,6 +771,10 @@ const upload = async (context, selector, files, options) => {
 	await getDescribedLocator(context, selector).setInputFiles(playwrightFiles, options);
 };
 
+const viewport = async (context, options) => {
+	await context.page.setViewportSize(options);
+};
+
 const wheel = async (context, selector, options) => {
 	await hover(context, selector);
 	const times = options.times ?? 1;
@@ -790,7 +808,8 @@ var commands = {
 	__vitest_annotateTraces: annotateTraces,
 	__vitest_markTrace: markTrace,
 	__vitest_groupTraceStart: groupTraceStart,
-	__vitest_groupTraceEnd: groupTraceEnd
+	__vitest_groupTraceEnd: groupTraceEnd,
+	__vitest_viewport: viewport
 };
 
 const pkgRoot = resolve(fileURLToPath(import.meta.url), "../..");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitest/browser-playwright",
   "type": "module",
-  "version": "4.1.5",
+  "version": "5.0.0-beta.2",
   "description": "Browser running for Vitest using playwright",
   "license": "MIT",
   "funding": "https://opencollective.com/vitest",
@@ -42,7 +42,7 @@
   ],
   "peerDependencies": {
     "playwright": "*",
-    "vitest": "4.1.5"
+    "vitest": "5.0.0-beta.2"
   },
   "peerDependenciesMeta": {
     "playwright": {
@@ -51,12 +51,12 @@
   },
   "dependencies": {
     "tinyrainbow": "^3.1.0",
-    "@vitest/mocker": "4.1.5",
-    "@vitest/browser": "4.1.5"
+    "@vitest/browser": "5.0.0-beta.2",
+    "@vitest/mocker": "5.0.0-beta.2"
   },
   "devDependencies": {
     "playwright": "^1.59.0",
-    "vitest": "4.1.5"
+    "vitest": "5.0.0-beta.2"
   },
   "scripts": {
     "build": "premove dist && pnpm rollup -c",