playwright install chromium

Author: turbocrime

driver/package.json

@@ -8,6 +8,7 @@
 		"build": "tsc --build",
 		"clean": "rm -rfv dist",
 		"test": "vitest run --browser.headless",
+		"pretest": "playwright install chromium",
 		"prepack": "$npm_execpath run clean && $npm_execpath run build"
 	},
 	"files": [

driver/test/__snapshots__/deraw.test.ts.snap

@@ -12,16 +12,29 @@ import {
 } from "../src/camera/mode.js";
 import { selectRes } from "../src/camera/stream/dimensions.js";
 
+// available since chrome 140
+declare global {
+	interface Uint8Array {
+		toBase64(): string;
+	}
+}
+
+console.debug("chrome version", navigator.userAgent);
+
 describe("deraw", () => {
+	let testDiv: HTMLDivElement;
+	let canvas: HTMLCanvasElement;
 	let canvasContext: CanvasRenderingContext2D;
 
+	document.body.style.width = "800px";
+
 	beforeEach((ctx) => {
-		const testDiv = document.createElement("div");
-		testDiv.id = ctx.task.id;
+		testDiv = document.createElement("div");
+		testDiv.id = ctx.task.name;
 		testDiv.textContent = ctx.task.name;
 		document.body.appendChild(testDiv);
 
-		const canvas = document.createElement("canvas");
+		canvas = document.createElement("canvas");
 		testDiv.appendChild(canvas);
 
 		canvas.width = 640;
@@ -31,7 +44,7 @@ describe("deraw", () => {
 		canvasContext = canvas.getContext("2d")!;
 	});
 
-	test("depth 11bit", async () => {
+	test("depth 11bit", async (ctx) => {
 		const [width, height] = selectRes(MODE_DEPTH);
 
 		const rawBuffer = await fetch(
@@ -48,11 +61,11 @@ describe("deraw", () => {
 		);
 		canvasContext.putImageData(imageData, 0, 0);
 
-		const hashCanvas = await crypto.subtle.digest(
-			"SHA-256",
-			canvasContext.getImageData(0, 0, width, height).data,
-		);
-		expect(hashCanvas).toMatchSnapshot();
+		expect(
+			new Uint8Array(
+				canvasContext.getImageData(0, 0, width, height).data.buffer,
+			).toBase64(),
+		).toMatchSnapshot();
 	});
 
 	test("infrared 10bit", async () => {
@@ -72,11 +85,11 @@ describe("deraw", () => {
 		);
 		canvasContext.putImageData(imageData, 0, 0);
 
-		const hashCanvas = await crypto.subtle.digest(
-			"SHA-256",
-			canvasContext.getImageData(0, 0, width, height).data,
-		);
-		expect(hashCanvas).toMatchSnapshot();
+		expect(
+			new Uint8Array(
+				canvasContext.getImageData(0, 0, width, height).data.buffer,
+			).toBase64(),
+		).toMatchSnapshot();
 	});
 
 	test("yuv", async () => {
@@ -96,14 +109,14 @@ describe("deraw", () => {
 		);
 		canvasContext.putImageData(imageData, 0, 0);
 
-		const hashCanvas = await crypto.subtle.digest(
-			"SHA-256",
-			canvasContext.getImageData(0, 0, width, height).data,
-		);
-		expect(hashCanvas).toMatchSnapshot();
+		expect(
+			new Uint8Array(
+				canvasContext.getImageData(0, 0, width, height).data.buffer,
+			).toBase64(),
+		).toMatchSnapshot();
 	});
 
-	test("bayer", async () => {
+	test("bayer", async (ctx) => {
 		const [width, height] = selectRes(MODE_VISIBLE_BAYER);
 
 		const rawBuffer = await fetch(
@@ -120,10 +133,10 @@ describe("deraw", () => {
 		);
 		canvasContext.putImageData(imageData, 0, 0);
 
-		const hashCanvas = await crypto.subtle.digest(
-			"SHA-256",
-			canvasContext.getImageData(0, 0, width, height).data,
-		);
-		expect(hashCanvas).toMatchSnapshot();
+		expect(
+			new Uint8Array(
+				canvasContext.getImageData(0, 0, width, height).data.buffer,
+			).toBase64(),
+		).toMatchSnapshot();
 	});
 });