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

package/dist/index.js

@@ -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,13 +525,15 @@ 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,
@@ -533,7 +543,8 @@ async function takeScreenshot(context, name, options) {
 	const buffer = await getDescribedLocator(context, "body").screenshot({
 		...options,
 		mask,
-		path: savePath
+		path: savePath,
+		style
 	});
 	return {
 		buffer,
@@ -757,6 +768,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 +805,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.1",
   "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.1"
   },
   "peerDependenciesMeta": {
     "playwright": {
@@ -51,12 +51,12 @@
   },
   "dependencies": {
     "tinyrainbow": "^3.1.0",
-    "@vitest/mocker": "4.1.5",
-    "@vitest/browser": "4.1.5"
+    "@vitest/mocker": "5.0.0-beta.1",
+    "@vitest/browser": "5.0.0-beta.1"
   },
   "devDependencies": {
     "playwright": "^1.59.0",
-    "vitest": "4.1.5"
+    "vitest": "5.0.0-beta.1"
   },
   "scripts": {
     "build": "premove dist && pnpm rollup -c",