@bigbluebutton/tldraw 2.0.0-alpha.24 → 2.0.0-alpha.25

package/src/test/TldrawEditor.test.tsx

@@ -23,16 +23,16 @@ function checkAllShapes(editor: Editor, shapes: string[]) {
 }
 
 describe('<TldrawEditor />', () => {
-	it('Renders without crashing', async () => {
+	it('Renders without crashing', () => {
 		render(
 			<TldrawEditor tools={defaultTools} autoFocus initialState="select">
 				<div data-testid="canvas-1" />
 			</TldrawEditor>
 		)
-		await screen.findByTestId('canvas-1')
+		screen.findByTestId('canvas-1')
 	})
 
-	it('Creates its own store with core shapes', async () => {
+	it('Creates its own store with core shapes', () => {
 		let editor: Editor
 		render(
 			<TldrawEditor
@@ -46,11 +46,11 @@ describe('<TldrawEditor />', () => {
 				<div data-testid="canvas-1" />
 			</TldrawEditor>
 		)
-		await screen.findByTestId('canvas-1')
+		screen.findByTestId('canvas-1')
 		checkAllShapes(editor!, ['group'])
 	})
 
-	it('Can be created with default shapes', async () => {
+	it('Can be created with default shapes', () => {
 		let editor: Editor
 		render(
 			<TldrawEditor
@@ -65,13 +65,13 @@ describe('<TldrawEditor />', () => {
 				<div data-testid="canvas-1" />
 			</TldrawEditor>
 		)
-		await screen.findByTestId('canvas-1')
+		screen.findByTestId('canvas-1')
 		expect(editor!).toBeTruthy()
 
 		checkAllShapes(editor!, ['group'])
 	})
 
-	it('Renders with an external store', async () => {
+	it('Renders with an external store', () => {
 		const store = createTLStore({ shapeUtils: [] })
 		render(
 			<TldrawEditor
@@ -86,10 +86,10 @@ describe('<TldrawEditor />', () => {
 				<div data-testid="canvas-1" />
 			</TldrawEditor>
 		)
-		await screen.findByTestId('canvas-1')
+		screen.findByTestId('canvas-1')
 	})
 
-	it('throws if the store has different shapes to the ones passed in', async () => {
+	it('throws if the store has different shapes to the ones passed in', () => {
 		const spy = jest.spyOn(console, 'error').mockImplementation(noop)
 		// expect(() =>
 		// 	render(
@@ -130,7 +130,7 @@ describe('<TldrawEditor />', () => {
 		spy.mockRestore()
 	})
 
-	it('Accepts fresh versions of store and calls `onMount` for each one', async () => {
+	it('Accepts fresh versions of store and calls `onMount` for each one', () => {
 		const initialStore = createTLStore({ shapeUtils: [] })
 		const onMount = jest.fn()
 		const rendered = render(
@@ -144,7 +144,7 @@ describe('<TldrawEditor />', () => {
 				<div data-testid="canvas-1" />
 			</TldrawEditor>
 		)
-		await screen.findByTestId('canvas-1')
+		screen.findByTestId('canvas-1')
 		const initialEditor = onMount.mock.lastCall[0]
 		jest.spyOn(initialEditor, 'dispose')
 		expect(initialEditor.store).toBe(initialStore)
@@ -160,7 +160,7 @@ describe('<TldrawEditor />', () => {
 				<div data-testid="canvas-2" />
 			</TldrawEditor>
 		)
-		await screen.findByTestId('canvas-2')
+		screen.findByTestId('canvas-2')
 		// not called again:
 		expect(onMount).toHaveBeenCalledTimes(1)
 		// re-render with a new store:
@@ -176,7 +176,7 @@ describe('<TldrawEditor />', () => {
 				<div data-testid="canvas-3" />
 			</TldrawEditor>
 		)
-		await screen.findByTestId('canvas-3')
+		screen.findByTestId('canvas-3')
 		expect(initialEditor.dispose).toHaveBeenCalledTimes(1)
 		expect(onMount).toHaveBeenCalledTimes(2)
 		expect(onMount.mock.lastCall[0].store).toBe(newStore)
@@ -184,23 +184,21 @@ describe('<TldrawEditor />', () => {
 
 	it('Renders the canvas and shapes', async () => {
 		let editor = {} as Editor
-		await act(async () =>
-			render(
-				<TldrawEditor
-					shapeUtils={[GeoShapeUtil]}
-					initialState="select"
-					tools={defaultTools}
-					autoFocus
-					onMount={(editorApp) => {
-						editor = editorApp
-					}}
-				>
-					<Canvas />
-					<div data-testid="canvas-1" />
-				</TldrawEditor>
-			)
+		render(
+			<TldrawEditor
+				shapeUtils={[GeoShapeUtil]}
+				initialState="select"
+				tools={defaultTools}
+				autoFocus
+				onMount={(editorApp) => {
+					editor = editorApp
+				}}
+			>
+				<Canvas />
+				<div data-testid="canvas-1" />
+			</TldrawEditor>
 		)
-		await screen.findByTestId('canvas-1')
+		screen.findByTestId('canvas-1')
 
 		expect(editor).toBeTruthy()
 		await act(async () => {
@@ -324,7 +322,7 @@ describe('Custom shapes', () => {
 				<div data-testid="canvas-1" />
 			</TldrawEditor>
 		)
-		await screen.findByTestId('canvas-1')
+		screen.findByTestId('canvas-1')
 
 		expect(editor).toBeTruthy()
 		await act(async () => {

package/src/test/__snapshots__/resizing.test.ts.snap

@@ -1,29 +1,29 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`When resizing a shape with children Resizes a rotated draw shape: draw shape after rotating 1`] = `
-Object {
+{
   "id": "shape:lineA",
   "index": "a3",
   "isLocked": false,
-  "meta": Object {},
+  "meta": {},
   "opacity": 1,
   "parentId": "shape:boxA",
-  "props": Object {
+  "props": {
     "color": "black",
     "dash": "draw",
     "fill": "none",
     "isClosed": false,
     "isComplete": false,
     "isPen": false,
-    "segments": Array [
-      Object {
-        "points": Array [
-          Object {
+    "segments": [
+      {
+        "points": [
+          {
             "x": 0,
             "y": 0,
             "z": 0.5,
           },
-          Object {
+          {
             "x": 110,
             "y": 110,
             "z": 0.5,

package/src/test/commands/__snapshots__/packShapes.test.ts.snap

@@ -1,15 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`editor.packShapes packs rotated shapes: packed shapes 1`] = `
-Array [
-  Object {
+[
+  {
     "id": "shape:boxA",
     "index": "a1",
     "isLocked": false,
-    "meta": Object {},
+    "meta": {},
     "opacity": 1,
     "parentId": "wahtever",
-    "props": Object {
+    "props": {
       "align": "middle",
       "color": "black",
       "dash": "draw",
@@ -31,14 +31,14 @@ Array [
     "x": 134,
     "y": 250,
   },
-  Object {
+  {
     "id": "shape:boxB",
     "index": "a2",
     "isLocked": false,
-    "meta": Object {},
+    "meta": {},
     "opacity": 1,
     "parentId": "wahtever",
-    "props": Object {
+    "props": {
       "align": "middle",
       "color": "black",
       "dash": "draw",
@@ -60,14 +60,14 @@ Array [
     "x": 150,
     "y": 150,
   },
-  Object {
+  {
     "id": "shape:boxC",
     "index": "a3",
     "isLocked": false,
-    "meta": Object {},
+    "meta": {},
     "opacity": 1,
     "parentId": "wahtever",
-    "props": Object {
+    "props": {
       "align": "middle",
       "color": "black",
       "dash": "draw",
@@ -93,15 +93,15 @@ Array [
 `;
 
 exports[`editor.packShapes packs shapes: packed shapes 1`] = `
-Array [
-  Object {
+[
+  {
     "id": "shape:boxA",
     "index": "a1",
     "isLocked": false,
-    "meta": Object {},
+    "meta": {},
     "opacity": 1,
     "parentId": "wahtever",
-    "props": Object {
+    "props": {
       "align": "middle",
       "color": "black",
       "dash": "draw",
@@ -123,14 +123,14 @@ Array [
     "x": 84,
     "y": 200,
   },
-  Object {
+  {
     "id": "shape:boxB",
     "index": "a2",
     "isLocked": false,
-    "meta": Object {},
+    "meta": {},
     "opacity": 1,
     "parentId": "wahtever",
-    "props": Object {
+    "props": {
       "align": "middle",
       "color": "black",
       "dash": "draw",
@@ -152,14 +152,14 @@ Array [
     "x": 200,
     "y": 200,
   },
-  Object {
+  {
     "id": "shape:boxC",
     "index": "a3",
     "isLocked": false,
-    "meta": Object {},
+    "meta": {},
     "opacity": 1,
     "parentId": "wahtever",
-    "props": Object {
+    "props": {
       "align": "middle",
       "color": "black",
       "dash": "draw",

package/src/test/commands/__snapshots__/zoomToFit.test.ts.snap

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`converts correctly: Zoom to Fit Camera 1`] = `
-Object {
+{
   "id": "static",
-  "meta": Object {},
+  "meta": {},
   "typeName": "camera",
   "x": 330.435496777593,
   "y": 22.261531457640388,

package/src/test/commands/createShapes.test.ts

@@ -79,7 +79,7 @@ it('Uses typescript generics', () => {
 				type: 'arrow',
 			},
 		])
-	}).toThrowError()
+	}).toThrow()
 })
 
 it('Parents shapes to the current page if the parent is not found', () => {

package/src/test/commands/putContent.test.ts

@@ -16,17 +16,17 @@ describe('Migrations', () => {
 		const withoutSchema = structuredClone(clipboardContent)
 		// @ts-expect-error
 		delete withoutSchema.schema
-		expect(() => editor.putContentOntoCurrentPage(withoutSchema)).toThrowError()
+		expect(() => editor.putContentOntoCurrentPage(withoutSchema)).toThrow()
 	})
 
 	it('Does not throw error if content has a schema', () => {
-		expect(() => editor.putContentOntoCurrentPage(clipboardContent)).not.toThrowError()
+		expect(() => editor.putContentOntoCurrentPage(clipboardContent)).not.toThrow()
 	})
 
 	it('Throws error if any shape is invalid due to wrong type', () => {
 		const withInvalidShapeType = structuredClone(clipboardContent)
 		withInvalidShapeType.shapes[0].type = 'invalid'
-		expect(() => editor.putContentOntoCurrentPage(withInvalidShapeType)).toThrowError()
+		expect(() => editor.putContentOntoCurrentPage(withInvalidShapeType)).toThrow()
 	})
 
 	// we temporarily disabled validations
@@ -34,6 +34,6 @@ describe('Migrations', () => {
 		const withInvalidShapeModel = structuredClone(clipboardContent)
 		// @ts-expect-error
 		withInvalidShapeModel.shapes[0].x = 'invalid'
-		expect(() => editor.putContentOntoCurrentPage(withInvalidShapeModel)).toThrowError()
+		expect(() => editor.putContentOntoCurrentPage(withInvalidShapeModel)).toThrow()
 	})
 })

package/src/test/commands/updateShapes.test.ts

@@ -77,7 +77,7 @@ it('Uses typescript generics', () => {
 				type: 'arrow',
 			},
 		])
-	}).toThrowError()
+	}).toThrow()
 })
 
 it('updates shapes', () => {