@contember/react-richtext-renderer 2.0.0-alpha.9 → 2.0.0-beta.2

package/tests/decodeBlockSource.test.tsx

@@ -1,4 +1,4 @@
-import { describe, expect, test } from 'vitest'
+import { describe, expect, test } from 'bun:test'
 import { BuiltinElements } from '../src'
 import { renderHook } from '@testing-library/react'
 import { useRichTextBlocksSource } from '../src/hooks/useRichTextBlocksSource'
@@ -30,34 +30,32 @@ describe('useRichTextBlocksSource', () => {
 			referencesField: 'references',
 			referenceDiscriminationField: 'type',
 		}))
-		expect(result.current).toMatchInlineSnapshot(`
-			[
-			  {
-			    "content": {
-			      "children": [
-			        {
-			          "children": [
-			            {
-			              "text": "Foo bar",
-			            },
-			          ],
-			          "referenceId": "74bfb183-3adf-4cc1-8e8e-6d5cd700cadd",
-			          "type": "reference",
-			        },
-			      ],
-			      "formatVersion": 1,
-			    },
-			    "id": undefined,
-			    "references": {
-			      "74bfb183-3adf-4cc1-8e8e-6d5cd700cadd": {
-			        "id": "74bfb183-3adf-4cc1-8e8e-6d5cd700cadd",
-			        "type": "image",
-			        "url": "https://example.com/image.png",
-			      },
-			    },
-			  },
-			]
-		`)
+		expect(result.current).toStrictEqual([
+			{
+				'content': {
+					'children': [
+						{
+							'children': [
+								{
+									'text': 'Foo bar',
+								},
+							],
+							'referenceId': '74bfb183-3adf-4cc1-8e8e-6d5cd700cadd',
+							'type': 'reference',
+						},
+					],
+					'formatVersion': 1,
+				},
+				'id': undefined,
+				'references': {
+					'74bfb183-3adf-4cc1-8e8e-6d5cd700cadd': {
+						'id': '74bfb183-3adf-4cc1-8e8e-6d5cd700cadd',
+						'type': 'image',
+						'url': 'https://example.com/image.png',
+					},
+				},
+			},
+		])
 	})
 
 })

package/tests/renderElement.test.tsx

@@ -1,4 +1,4 @@
-import { describe, expect, test } from 'vitest'
+import { describe, expect, test } from 'bun:test'
 import { render } from '@testing-library/react'
 import { BuiltinElements, RichText } from '../src'
 
@@ -19,16 +19,8 @@ describe('paragraph rendering', () => {
 				text: 'Hello',
 				isBold: true,
 			}],
-		})]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<p
-				  data-contember-type="paragraph"
-				>
-				  <b>
-				    Hello
-				  </b>
-				</p>
-			`)
+		})]} />).container.innerHTML)
+			.toEqual(`<p data-contember-type="paragraph"><b>Hello</b></p>`)
 	})
 
 	test('render table', () => {
@@ -43,24 +35,8 @@ describe('paragraph rendering', () => {
 					}],
 				}],
 			}],
-		})]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<table
-				  data-contember-type="table"
-				>
-				  <tbody>
-				    <tr
-				      data-contember-type="tableRow"
-				    >
-				      <td
-				        data-contember-type="tableCell"
-				      >
-				        Hello
-				      </td>
-				    </tr>
-				  </tbody>
-				</table>
-			`)
+		})]} />).container.innerHTML)
+			.toEqual(`<table data-contember-type="table"><tbody><tr data-contember-type="tableRow"><td data-contember-type="tableCell">Hello</td></tr></tbody></table>`)
 	})
 
 	test('render table with header', () => {
@@ -76,26 +52,8 @@ describe('paragraph rendering', () => {
 					}],
 				}],
 			}],
-		})]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<table
-				  data-contember-type="table"
-				>
-				  <thead>
-				    <tr
-				      data-contember-headerscope="table"
-				      data-contember-type="tableRow"
-				    >
-				      <td
-				        data-contember-type="tableCell"
-				      >
-				        Hello
-				      </td>
-				    </tr>
-				  </thead>
-				  <tbody />
-				</table>
-			`)
+		})]} />).container.innerHTML)
+			.toEqual(`<table data-contember-type="table"><thead><tr data-contember-type="tableRow" data-contember-headerscope="table"><td data-contember-type="tableCell">Hello</td></tr></thead><tbody></tbody></table>`)
 	})
 
 	test('render heading', () => {
@@ -105,15 +63,8 @@ describe('paragraph rendering', () => {
 			children: [{
 				text: 'Hello',
 			}],
-		})]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<h1
-				  data-contember-level="1"
-				  data-contember-type="heading"
-				>
-				  Hello
-				</h1>
-			`)
+		})]} />).container.innerHTML)
+			.toEqual(`<h1 data-contember-type="heading" data-contember-level="1">Hello</h1>`)
 	})
 
 	test('render list', () => {
@@ -125,18 +76,8 @@ describe('paragraph rendering', () => {
 					text: 'Hello',
 				}],
 			}],
-		})]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<ul
-				  data-contember-type="unorderedList"
-				>
-				  <li
-				    data-contember-type="listItem"
-				  >
-				    Hello
-				  </li>
-				</ul>
-			`)
+		})]} />).container.innerHTML)
+			.toEqual(`<ul data-contember-type="unorderedList"><li data-contember-type="listItem">Hello</li></ul>`)
 	})
 
 	test('render ordered list', () => {
@@ -148,18 +89,8 @@ describe('paragraph rendering', () => {
 					text: 'Hello',
 				}],
 			}],
-		})]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<ol
-				  data-contember-type="orderedList"
-				>
-				  <li
-				    data-contember-type="listItem"
-				  >
-				    Hello
-				  </li>
-				</ol>
-			`)
+		})]} />).container.innerHTML)
+			.toEqual(`<ol data-contember-type="orderedList"><li data-contember-type="listItem">Hello</li></ol>`)
 	})
 
 	test('custom element', () => {
@@ -189,19 +120,7 @@ describe('paragraph rendering', () => {
 				return <blockquote data-contember-type="blockquote">{it.children}</blockquote>
 			}
 			return it.fallback
-		}} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<blockquote
-				  data-contember-type="blockquote"
-				>
-				  <h1
-				    data-contember-level="1"
-				    data-contember-type="heading"
-				  >
-				    Hello
-				  </h1>
-				  Hello
-				</blockquote>
-			`)
+		}} />).container.innerHTML)
+			.toEqual(`<blockquote data-contember-type="blockquote"><h1 data-contember-type="heading" data-contember-level="1">Hello</h1>Hello</blockquote>`)
 	})
 })

package/tests/renderLeaf.test.tsx

@@ -1,4 +1,4 @@
-import { describe, expect, test } from 'vitest'
+import { describe, expect, test } from 'bun:test'
 import { BuiltinLeaves, RichText } from '../src'
 import { render } from '@testing-library/react'
 
@@ -16,61 +16,37 @@ describe('leaf rendering', () => {
 	})
 
 	test('render bold', () => {
-		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isBold')]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-			<b>
-			  Hello
-			</b>
-		`)
+		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isBold')]} />).container.innerHTML)
+			.toEqual(`<b>Hello</b>`)
 	})
 
 	test('render code', () => {
-		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isCode')]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<code>
-				  Hello
-				</code>
-			`)
+		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isCode')]} />).container.innerHTML)
+			.toEqual(`<code>Hello</code>`)
 	})
 
 
 	test('render highlighted', () => {
-		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isHighlighted')]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<em>
-				  Hello
-				</em>
-			`)
+		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isHighlighted')]} />).container.innerHTML)
+			.toEqual(`<em>Hello</em>`)
 	})
 
 
 	test('render italic', () => {
-		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isItalic')]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<i>
-				  Hello
-				</i>
-			`)
+		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isItalic')]} />).container.innerHTML)
+			.toEqual(`<i>Hello</i>`)
 	})
 
 
 	test('render underline', () => {
-		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isUnderlined')]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<u>
-				  Hello
-				</u>
-			`)
+		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isUnderlined')]} />).container.innerHTML)
+			.toEqual(`<u>Hello</u>`)
 	})
 
 
 	test('render struck through', () => {
-		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isStruckThrough')]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<s>
-				  Hello
-				</s>
-			`)
+		expect(render(<RichText blocks={[createLeafBlock('Hello', 'isStruckThrough')]} />).container.innerHTML)
+			.toEqual(`<s>Hello</s>`)
 	})
 
 
@@ -86,14 +62,8 @@ describe('leaf rendering', () => {
 			},
 			id: '1',
 			references: undefined,
-		}]} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<b>
-				  <i>
-				    Hello
-				  </i>
-				</b>
-			`)
+		}]} />).container.innerHTML)
+			.toEqual(`<b><i>Hello</i></b>`)
 	})
 
 	test('render custom leaf', () => {
@@ -102,11 +72,7 @@ describe('leaf rendering', () => {
 				return <sup>{it.fallback}</sup>
 			}
 			return it.fallback
-		}} />).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<sup>
-				  Hello
-				</sup>
-			`)
+		}} />).container.innerHTML)
+			.toEqual(`<sup>Hello</sup>`)
 	})
 })

package/tests/renderReferences.test.tsx

@@ -1,4 +1,4 @@
-import { describe, expect, test } from 'vitest'
+import { describe, expect, test } from 'bun:test'
 import { RichText } from '../src'
 import { render } from '@testing-library/react'
 
@@ -21,12 +21,8 @@ describe('reference render', () => {
 			referenceRenderers={{
 				image: ({ reference }) => <img src={reference.url} />,
 			}}
-		/>).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<img
-				  src="https://example.com/image.png"
-				/>
-			`)
+		/>).container.innerHTML)
+			.toEqual(`<img src="https://example.com/image.png">`)
 	})
 
 	test('nested reference', () => {
@@ -46,18 +42,8 @@ describe('reference render', () => {
 			referenceRenderers={{
 				link: ({ reference }) => <a href={reference.url} />,
 			}}
-		/>).container.firstChild)
-			.toMatchInlineSnapshot(`
-				<p
-				  data-contember-type="paragraph"
-				>
-				  Lorem ipsum 
-				  <a
-				    href="https://example.com/"
-				  />
-				   sit amet.
-				</p>
-			`)
+		/>).container.innerHTML)
+			.toEqual(`<p data-contember-type="paragraph">Lorem ipsum <a href="https://example.com/"></a> sit amet.</p>`)
 	})
 
 
@@ -96,17 +82,7 @@ describe('reference render', () => {
 			referenceRenderers={{
 				link: ({ reference }) => <a href={reference.url} />,
 			}}
-		/>).container.firstChild,
-		).toMatchInlineSnapshot(`
-			<p
-			  data-contember-type="paragraph"
-			>
-			  Lorem ipsum 
-			  <div>
-			    err
-			  </div>
-			   sit amet.
-			</p>
-		`)
+		/>).container.innerHTML,
+		).toEqual(`<p data-contember-type="paragraph">Lorem ipsum <div>err</div> sit amet.</p>`)
 	})
 })