@prosopo/procaptcha-puzzle 2.10.51 → 2.10.52

package/src/tests/procaptchaPuzzle.test-d.ts

@@ -147,14 +147,15 @@ describe("PuzzleCanvas' types", () => {
 	): void => undefined;
 
 	test("every prop is required, since none has a sensible default", () => {
-		// @ts-expect-error - a board with no target cannot be solved.
+		// @ts-expect-error - a board with no imagery cannot be rendered.
 		PuzzleCanvas({ originX: 0, originY: 0 });
 		// @ts-expect-error - `submitting` gates the drag; omitting it unlocks it.
 		PuzzleCanvas({
 			originX: 0,
 			originY: 0,
-			targetX: 1,
-			targetY: 1,
+			background: "data:image/webp;base64,UklGRg==",
+			piece: "data:image/webp;base64,UklGRg==",
+			pieceSize: 44,
 			onComplete,
 			showRetry: false,
 			theme: lightTheme,
@@ -166,8 +167,9 @@ describe("PuzzleCanvas' types", () => {
 			PuzzleCanvas({
 				originX: 0,
 				originY: 0,
-				targetX: 1,
-				targetY: 1,
+				background: "data:image/webp;base64,UklGRg==",
+				piece: "data:image/webp;base64,UklGRg==",
+				pieceSize: 44,
 				onComplete,
 				showRetry: false,
 				submitting: false,

package/src/tests/procaptchaWidget.unit.test.ts

@@ -68,8 +68,9 @@ const mocks = vi.hoisted(() => {
 			| {
 					originX: number;
 					originY: number;
-					targetX: number;
-					targetY: number;
+					background: string;
+					piece: string;
+					pieceSize: number;
 					showRetry: boolean;
 					submitting: boolean;
 					onComplete: (
@@ -121,8 +122,9 @@ vi.mock("../components/PuzzleCanvas.js", async () => {
 	interface CanvasStubProps {
 		originX: number;
 		originY: number;
-		targetX: number;
-		targetY: number;
+		background: string;
+		piece: string;
+		pieceSize: number;
 		showRetry: boolean;
 		submitting: boolean;
 		onComplete: (
@@ -411,7 +413,7 @@ describe("starting from the checkbox", () => {
 		expect(canvas()).not.toBeNull();
 		expect(mocks.canvasProps.current).toMatchObject({
 			originX: challengeResponse().originX,
-			targetY: challengeResponse().targetY,
+			piece: challengeResponse().piece,
 			submitting: false,
 			showRetry: false,
 		});
@@ -564,7 +566,10 @@ describe("finishing the drag", () => {
 
 	test("a rejected solution asks for another go on a fresh challenge", async () => {
 		mocks.submitSolution.mockResolvedValue(false);
-		const retryChallenge = challengeResponse({ originX: 40, targetX: 250 });
+		const retryChallenge = challengeResponse({
+			originX: 40,
+			piece: "data:image/webp;base64,cmV0cnk=",
+		});
 		mocks.start
 			.mockResolvedValueOnce(challengeResponse())
 			.mockResolvedValue(retryChallenge);
@@ -574,7 +579,7 @@ describe("finishing the drag", () => {
 		expect(mocks.canvasProps.current).toMatchObject({
 			showRetry: true,
 			originX: 40,
-			targetX: 250,
+			piece: "data:image/webp;base64,cmV0cnk=",
 			submitting: false,
 		});
 	});

package/src/tests/puzzleCanvas.unit.test.ts

@@ -36,13 +36,14 @@ import { PuzzleCanvas } from "../components/PuzzleCanvas.js";
 
 const CONTAINER_WIDTH = 300;
 const CONTAINER_HEIGHT = 200;
-const PIECE_SIZE = 24;
+const PIECE_SIZE = 44;
 
 interface CanvasProps {
 	originX: number;
 	originY: number;
-	targetX: number;
-	targetY: number;
+	background: string;
+	piece: string;
+	pieceSize: number;
 	onComplete: Mock<
 		(finalX: number, finalY: number, puzzleEvents: PuzzleEvent[]) => void
 	>;
@@ -60,8 +61,9 @@ let onComplete: Mock<
 const props = (overrides: Partial<CanvasProps> = {}): CanvasProps => ({
 	originX: 20,
 	originY: 100,
-	targetX: 200,
-	targetY: 80,
+	background: "data:image/webp;base64,UklGRg==",
+	piece: "data:image/webp;base64,UklGRg==",
+	pieceSize: 44,
 	onComplete,
 	showRetry: false,
 	submitting: false,