webview-preview 1.1.0 → 1.1.1

package/README.md

@@ -1,6 +1,6 @@
 # webview-preview
 
-[![test](https://github.com/n0t4u404/webview-preview/actions/workflows/test.yml/badge.svg)](https://github.com/n0t4u404/webview-preview/actions/workflows/test.yml)
+[![CI](https://github.com/n0t4u404/webview-preview/actions/workflows/ci.yml/badge.svg)](https://github.com/n0t4u404/webview-preview/actions/workflows/ci.yml)
 
 See your UI the way your desktop app really renders it. `webview-preview` opens a page in the **same engine your app
 runs on** — WebKitGTK on Linux, Edge (the WebView2 engine) on Windows, WebKit on macOS — runs a list of steps

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "webview-preview",
-	"version": "1.1.0",
+	"version": "1.1.1",
 	"description": "Open your UI in the engine your desktop app really runs on (WebKitGTK, Edge/WebView2, WebKit), drive it with steps and save PNG snapshots.",
 	"license": "MIT",
 	"author": "n0t4u404",

package/src/engines/webkitgtk.py

@@ -340,9 +340,21 @@ def main():
             wait_for(step, GLib.get_monotonic_time())
         elif kind == "resize":
             width, height = (int(part) for part in value.split("x"))
-            window.set_size_request(width, height)
+            window.set_size_request(-1, -1)
+            window.set_default_size(width, height)
             window.resize(width, height)
-            GLib.timeout_add(INPUT_SETTLE_MS, run_step)
+            started = GLib.get_monotonic_time()
+
+            def check_size():
+                def on_value(text):
+                    if text == f"{width}x{height}" or (GLib.get_monotonic_time() - started) / 1000 >= KEY_WAIT_MS:
+                        GLib.timeout_add(INPUT_SETTLE_MS, run_step)
+                    else:
+                        GLib.timeout_add(KEY_POLL_MS, lambda: (check_size(), False)[1])
+
+                evaluate("innerWidth + 'x' + innerHeight", on_value, lambda _: GLib.timeout_add(INPUT_SETTLE_MS, run_step))
+
+            check_size()
         elif kind == "print":
             evaluate(
                 value,

package/src/index.d.ts

@@ -10,6 +10,9 @@ export type Step =
 	| "focusorder"
 	| `focusorder:${number}`
 	| `film:${string}:${number}`
+	| `film:${string}:${number}/${number}`
+	| `film:${string}:${number}@${string}`
+	| `film:${string}:${number}/${number}@${string}`
 	| "offline"
 	| "online"
 	| `latency:${number}`

package/src/snapshots/compare.mjs

@@ -1,4 +1,4 @@
-import { copyFileSync, existsSync, mkdirSync } from "node:fs";
+import { copyFileSync, existsSync, mkdirSync, rmSync } from "node:fs";
 import path from "node:path";
 import { readPng, writePng } from "#src/snapshots/png.mjs";
 
@@ -41,6 +41,8 @@ export const compareSnapshots = ({ saved, baselineDir, updateBaseline, tolerance
 	for (const file of saved) {
 		const name = path.basename(file);
 		const baseline = path.join(baselineDir, name);
+		const diffFile = file.replace(/\.png$/, ".diff.png");
+		rmSync(diffFile, { force: true });
 		if (updateBaseline || !existsSync(baseline)) {
 			copyFileSync(file, baseline);
 			log.info(`compare ${name}: ${updateBaseline ? "baseline updated" : "new baseline"} → ${baseline}`);
@@ -61,7 +63,6 @@ export const compareSnapshots = ({ saved, baselineDir, updateBaseline, tolerance
 			continue;
 		}
 
-		const diffFile = file.replace(/\.png$/, ".diff.png");
 		writePng(diffFile, result.diff);
 		const share = ((result.differentPixels / result.total) * 100).toFixed(2);
 		const message = `compare ${name}: ${result.differentPixels} px differ (${share}%) → ${diffFile}`;