From 6305e838306782c4092121a2a17299ecd04838eb Mon Sep 17 00:00:00 2001
From: Steve Ruiz <steveruizok@gmail.com>
Date: Tue, 9 Apr 2024 16:42:54 +0100
Subject: [PATCH] Fix some tests (#3403)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This PR fixes some jest test.

- We skip the culling shapes in test environments.
- We skip rendering patterns in test environments.

### Change Type

- [x] `sdk` — Changes the tldraw SDK
- [x] `tests` — Changes to any test code
---
 packages/editor/src/lib/components/CulledShapes.tsx      | 9 ++++++++-
 .../tldraw/src/lib/shapes/shared/defaultStyleDefs.tsx    | 5 +++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/editor/src/lib/components/CulledShapes.tsx b/packages/editor/src/lib/components/CulledShapes.tsx
index 9b2851534..937514083 100644
--- a/packages/editor/src/lib/components/CulledShapes.tsx
+++ b/packages/editor/src/lib/components/CulledShapes.tsx
@@ -90,7 +90,7 @@ function setupWebGl(canvas: HTMLCanvasElement | null, isDarkMode: boolean) {
 	}
 }
 
-export function CulledShapes() {
+function _CulledShapes() {
 	const editor = useEditor()
 	const isDarkMode = useIsDarkMode()
 	const canvasRef = useRef<HTMLCanvasElement>(null)
@@ -177,3 +177,10 @@ export function CulledShapes() {
 		<canvas ref={canvasRef} className="tl-culled-shapes__canvas" />
 	) : null
 }
+
+export function CulledShapes() {
+	if (process.env.NODE_ENV === 'test') {
+		return null
+	}
+	return _CulledShapes()
+}
diff --git a/packages/tldraw/src/lib/shapes/shared/defaultStyleDefs.tsx b/packages/tldraw/src/lib/shapes/shared/defaultStyleDefs.tsx
index 8a6ec0787..16e4495be 100644
--- a/packages/tldraw/src/lib/shapes/shared/defaultStyleDefs.tsx
+++ b/packages/tldraw/src/lib/shapes/shared/defaultStyleDefs.tsx
@@ -179,6 +179,11 @@ function usePattern() {
 	const [backgroundUrls, setBackgroundUrls] = useState<PatternDef[]>(defaultPatterns)
 
 	useEffect(() => {
+		if (process.env.NODE_ENV === 'test') {
+			setIsReady(true)
+			return
+		}
+
 		const promises: Promise<{ zoom: number; url: string; darkMode: boolean }>[] = []
 
 		for (let i = 1; i <= Math.ceil(MAX_ZOOM); i++) {