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(null) @@ -177,3 +177,10 @@ export function CulledShapes() { ) : 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(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++) {