Import test canvas dimensions from their canonical source

Co-authored-by: abernier <[email protected]>

Author: Copilot

packages/fiber/__mocks__/react-use-measure.ts

@@ -1,8 +1,9 @@
 import * as React from 'react'
+import { DEFAULT_TEST_CANVAS_WIDTH, DEFAULT_TEST_CANVAS_HEIGHT } from '../../test-renderer/src/createTestCanvas'
 
 // Export the mocked dimensions so tests can reference them
-export const MOCKED_WIDTH = 1280
-export const MOCKED_HEIGHT = 800
+export const MOCKED_WIDTH = DEFAULT_TEST_CANVAS_WIDTH
+export const MOCKED_HEIGHT = DEFAULT_TEST_CANVAS_HEIGHT
 
 export default function useMeasure() {
   const element = React.useRef<HTMLElement | null>(null)

packages/test-renderer/src/createTestCanvas.ts

@@ -1,7 +1,15 @@
 import { WebGL2RenderingContext } from './WebGL2RenderingContext'
 import type { CreateCanvasParameters } from './types/internal'
 
-export const createCanvas = ({ beforeReturn, width = 1280, height = 800 }: CreateCanvasParameters = {}) => {
+// Default test canvas dimensions
+export const DEFAULT_TEST_CANVAS_WIDTH = 1280
+export const DEFAULT_TEST_CANVAS_HEIGHT = 800
+
+export const createCanvas = ({
+  beforeReturn,
+  width = DEFAULT_TEST_CANVAS_WIDTH,
+  height = DEFAULT_TEST_CANVAS_HEIGHT,
+}: CreateCanvasParameters = {}) => {
   let canvas: HTMLCanvasElement
 
   if (typeof document !== 'undefined' && typeof document.createElement === 'function') {

packages/test-renderer/src/index.tsx

@@ -6,7 +6,7 @@ import { extend, _roots as mockRoots, createRoot, reconciler, act, Instance } fr
 import { toTree } from './helpers/tree'
 import { toGraph } from './helpers/graph'
 
-import { createCanvas } from './createTestCanvas'
+import { createCanvas, DEFAULT_TEST_CANVAS_WIDTH, DEFAULT_TEST_CANVAS_HEIGHT } from './createTestCanvas'
 import { createEventFirer } from './fireEvent'
 
 import type { CreateOptions, Renderer } from './types/public'
@@ -24,8 +24,8 @@ const create = async (element: React.ReactNode, options?: Partial<CreateOptions>
     frameloop: 'never',
     // TODO: remove and use default behavior
     size: {
-      width: options?.width ?? 1280,
-      height: options?.height ?? 800,
+      width: options?.width ?? DEFAULT_TEST_CANVAS_WIDTH,
+      height: options?.height ?? DEFAULT_TEST_CANVAS_HEIGHT,
       top: 0,
       left: 0,
     },