react-native-screen-transitions 3.3.0-beta.2 → 3.3.0-beta.4

package/src/shared/__tests__/determine-snap-target.test.ts

@@ -1,268 +0,0 @@
-import { describe, expect, it } from "bun:test";
-import { determineSnapTarget } from "../utils/gesture/determine-snap-target";
-
-describe("determineSnapTarget", () => {
-	const dimension = 800; // screen height
-	const snapPoints = [0.3, 0.6, 1]; // 3 snap points
-
-	describe("basic snapping without velocity", () => {
-		it("snaps to nearest snap point when exactly at a snap point", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.6,
-				snapPoints,
-				velocity: 0,
-				dimension,
-			});
-			expect(result.targetProgress).toBe(0.6);
-			expect(result.shouldDismiss).toBe(false);
-		});
-
-		it("snaps to lower snap point when below midpoint", () => {
-			// Midpoint between 0.3 and 0.6 is 0.45
-			const result = determineSnapTarget({
-				currentProgress: 0.4,
-				snapPoints,
-				velocity: 0,
-				dimension,
-			});
-			expect(result.targetProgress).toBe(0.3);
-		});
-
-		it("snaps to higher snap point when above midpoint", () => {
-			// Midpoint between 0.3 and 0.6 is 0.45
-			const result = determineSnapTarget({
-				currentProgress: 0.5,
-				snapPoints,
-				velocity: 0,
-				dimension,
-			});
-			expect(result.targetProgress).toBe(0.6);
-		});
-
-		it("snaps to highest point when above all snap points", () => {
-			const result = determineSnapTarget({
-				currentProgress: 1.2,
-				snapPoints,
-				velocity: 0,
-				dimension,
-			});
-			expect(result.targetProgress).toBe(1);
-		});
-	});
-
-	describe("velocity influence", () => {
-		it("velocity toward dismiss pushes toward lower snap point", () => {
-			// At 0.5 (above midpoint 0.45), normally would snap to 0.6
-			// But positive velocity (toward dismiss) should push toward 0.3
-			const result = determineSnapTarget({
-				currentProgress: 0.5,
-				snapPoints,
-				velocity: 800, // Strong velocity toward dismiss
-				dimension,
-				velocityFactor: 0.15,
-			});
-			expect(result.targetProgress).toBe(0.3);
-		});
-
-		it("velocity toward expand pushes toward higher snap point", () => {
-			// At 0.4 (below midpoint 0.45), normally would snap to 0.3
-			// But negative velocity (toward expand) should push toward 0.6
-			const result = determineSnapTarget({
-				currentProgress: 0.4,
-				snapPoints,
-				velocity: -800, // Strong velocity toward expand
-				dimension,
-				velocityFactor: 0.15,
-			});
-			expect(result.targetProgress).toBe(0.6);
-		});
-
-		it("weak velocity does not override position", () => {
-			// At 0.55 (above midpoint), weak velocity shouldn't change target
-			const result = determineSnapTarget({
-				currentProgress: 0.55,
-				snapPoints,
-				velocity: 100, // Weak velocity
-				dimension,
-				velocityFactor: 0.15,
-			});
-			expect(result.targetProgress).toBe(0.6);
-		});
-
-		it("respects custom velocityFactor", () => {
-			// Higher velocityFactor = velocity has more influence
-			const result = determineSnapTarget({
-				currentProgress: 0.5,
-				snapPoints,
-				velocity: 400,
-				dimension,
-				velocityFactor: 0.5, // High factor
-			});
-			expect(result.targetProgress).toBe(0.3);
-		});
-	});
-
-	describe("dismiss behavior", () => {
-		it("allows dismiss when canDismiss is true and near 0", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.1,
-				snapPoints,
-				velocity: 500,
-				dimension,
-				canDismiss: true,
-			});
-			expect(result.targetProgress).toBe(0);
-			expect(result.shouldDismiss).toBe(true);
-		});
-
-		it("prevents dismiss when canDismiss is false", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.1,
-				snapPoints,
-				velocity: 1000, // Strong dismiss velocity
-				dimension,
-				canDismiss: false,
-			});
-			expect(result.targetProgress).toBe(0.3); // First snap point
-			expect(result.shouldDismiss).toBe(false);
-		});
-
-		it("defaults canDismiss to true", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.1,
-				snapPoints,
-				velocity: 500,
-				dimension,
-			});
-			expect(result.shouldDismiss).toBe(true);
-		});
-
-		it("shouldDismiss is false when snapping to any snap point", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.5,
-				snapPoints,
-				velocity: 0,
-				dimension,
-			});
-			expect(result.shouldDismiss).toBe(false);
-		});
-	});
-
-	describe("edge cases", () => {
-		it("handles single snap point", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.3,
-				snapPoints: [0.5],
-				velocity: 0,
-				dimension,
-			});
-			expect(result.targetProgress).toBe(0.5);
-		});
-
-		it("handles unsorted snap points", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.5,
-				snapPoints: [1, 0.3, 0.6], // Unsorted
-				velocity: 0,
-				dimension,
-			});
-			// After sorting: [0.3, 0.6, 1], midpoint 0.3-0.6 is 0.45
-			expect(result.targetProgress).toBe(0.6);
-		});
-
-		it("handles progress at exactly 0", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0,
-				snapPoints,
-				velocity: 0,
-				dimension,
-				canDismiss: true,
-			});
-			expect(result.targetProgress).toBe(0);
-			expect(result.shouldDismiss).toBe(true);
-		});
-
-		it("handles negative progress", () => {
-			const result = determineSnapTarget({
-				currentProgress: -0.1,
-				snapPoints,
-				velocity: 0,
-				dimension,
-				canDismiss: true,
-			});
-			expect(result.targetProgress).toBe(0);
-		});
-
-		it("handles very high velocity", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.9,
-				snapPoints,
-				velocity: 5000, // Very high velocity
-				dimension,
-				canDismiss: true,
-			});
-			expect(result.targetProgress).toBe(0);
-			expect(result.shouldDismiss).toBe(true);
-		});
-
-		it("handles snap points not starting at typical values", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.7,
-				snapPoints: [0.5, 0.75, 1],
-				velocity: 0,
-				dimension,
-			});
-			// Midpoint between 0.5 and 0.75 is 0.625
-			// 0.7 is above 0.625, so should snap to 0.75
-			expect(result.targetProgress).toBe(0.75);
-		});
-
-		it("handles two snap points", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.4,
-				snapPoints: [0.3, 1],
-				velocity: 0,
-				dimension,
-			});
-			// Midpoint is 0.65, 0.4 is below, so snap to 0.3
-			expect(result.targetProgress).toBe(0.3);
-		});
-	});
-
-	describe("zone boundaries", () => {
-		it("snaps to higher at exact midpoint (uses < not <=)", () => {
-			// Midpoint between 0 and 0.3 is 0.15
-			// The algorithm uses `<` so at exact midpoint, it snaps to higher
-			const result = determineSnapTarget({
-				currentProgress: 0.15,
-				snapPoints,
-				velocity: 0,
-				dimension,
-				canDismiss: true,
-			});
-			expect(result.targetProgress).toBe(0.3);
-		});
-
-		it("snaps to lower just below midpoint", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.149,
-				snapPoints,
-				velocity: 0,
-				dimension,
-				canDismiss: true,
-			});
-			expect(result.targetProgress).toBe(0);
-		});
-
-		it("snaps to higher just above midpoint", () => {
-			const result = determineSnapTarget({
-				currentProgress: 0.151,
-				snapPoints,
-				velocity: 0,
-				dimension,
-				canDismiss: true,
-			});
-			expect(result.targetProgress).toBe(0.3);
-		});
-	});
-});

package/src/shared/__tests__/geometry.test.ts

@@ -1,130 +0,0 @@
-import { describe, expect, it } from "bun:test";
-import {
-	computeContentTransformGeometry,
-	computeRelativeGeometry,
-} from "../utils/bounds/helpers/geometry";
-
-describe("computeRelativeGeometry", () => {
-	it("calculates correct relative geometry when entering", () => {
-		const start = {
-			x: 10,
-			y: 20,
-			pageX: 10,
-			pageY: 20,
-			width: 100,
-			height: 200,
-		};
-		const end = {
-			x: 50,
-			y: 100,
-			pageX: 50,
-			pageY: 100,
-			width: 200,
-			height: 400,
-		};
-
-		const result = computeRelativeGeometry({ start, end, entering: true });
-
-		expect(result.dx).toBe(-90); // center diff X
-		expect(result.dy).toBe(-180); // center diff Y
-		expect(result.scaleX).toBe(0.5); // width ratio
-		expect(result.scaleY).toBe(0.5); // height ratio
-		expect(result.entering).toBe(true);
-	});
-
-	it("calculates correct relative geometry when exiting", () => {
-		const start = { x: 0, y: 0, pageX: 10, pageY: 20, width: 100, height: 200 };
-		const end = { x: 0, y: 0, pageX: 50, pageY: 100, width: 200, height: 400 };
-
-		const result = computeRelativeGeometry({ start, end, entering: false });
-
-		expect(result.entering).toBe(false);
-	});
-});
-
-describe("computeContentTransformGeometry", () => {
-	const dimensions = { width: 375, height: 812, scale: 1, fontScale: 1 };
-
-	it("uniform chooses min scale when aspect ratio differs significantly", () => {
-		const start = {
-			x: 0,
-			y: 0,
-			pageX: 50,
-			pageY: 100,
-			width: 100,
-			height: 100,
-		};
-		const end = { x: 0, y: 0, pageX: 100, pageY: 200, width: 200, height: 50 };
-
-		const result = computeContentTransformGeometry({
-			start,
-			end,
-			entering: true,
-			dimensions,
-			anchor: "center",
-			scaleMode: "uniform",
-		});
-
-		expect(result.s).toBe(0.5);
-		expect(result.entering).toBe(true);
-	});
-
-	it("calculates transform with match mode (average of sx/sy)", () => {
-		const start = {
-			x: 0,
-			y: 0,
-			pageX: 50,
-			pageY: 100,
-			width: 100,
-			height: 100,
-		};
-		const end = { x: 0, y: 0, pageX: 100, pageY: 200, width: 200, height: 50 };
-
-		const result = computeContentTransformGeometry({
-			start,
-			end,
-			entering: true,
-			dimensions,
-			anchor: "center",
-			// match mode uses the average of sx and sy
-			scaleMode: "match",
-		});
-
-		// sx = 100/200 = 0.5, sy = 100/50 = 2 -> (0.5 + 2) / 2 = 1.25
-		expect(result.s).toBeCloseTo(1.25, 5);
-	});
-
-	it("uniform chooses max scale when aspect ratios are similar", () => {
-		const start = { x: 0, y: 0, pageX: 0, pageY: 0, width: 100, height: 100 };
-		const end = { x: 0, y: 0, pageX: 0, pageY: 0, width: 200, height: 195 };
-
-		const result = computeContentTransformGeometry({
-			start,
-			end,
-			entering: true,
-			dimensions,
-			anchor: "center",
-			scaleMode: "uniform",
-		});
-
-		expect(result.s).toBeCloseTo(0.512, 2);
-	});
-
-	it("handles zero dimensions safely", () => {
-		const start = { x: 0, y: 0, pageX: 0, pageY: 0, width: 0, height: 100 };
-		const end = { x: 0, y: 0, pageX: 0, pageY: 0, width: 200, height: 200 };
-
-		// Should not throw and use safe fallback
-		const result = computeContentTransformGeometry({
-			start,
-			end,
-			entering: true,
-			dimensions,
-			anchor: "center",
-			scaleMode: "uniform",
-		});
-
-		expect(result.s).toBeDefined();
-		expect(Number.isFinite(result.s)).toBe(true);
-	});
-});