@surrealdb/ui 1.2.16 → 1.2.17

package/tests/unit/MarkdownViewer/jsx-block-nesting.test.tsx

@@ -1,234 +0,0 @@
-import { MantineProvider, v8CssVariablesResolver } from "@mantine/core";
-import type { MarkdownComponents } from "@src/lib/markdown";
-import { MarkdownViewer } from "@src/primitives/MarkdownViewer";
-import { MANTINE_THEME } from "@src/theme/mantine";
-import { Children, isValidElement, type ReactElement, type ReactNode } from "react";
-import { renderToString } from "react-dom/server";
-import { beforeAll, describe, expect, it } from "vitest";
-
-beforeAll(() => {
-	if (typeof window !== "undefined" && typeof window.matchMedia !== "function") {
-		Object.defineProperty(window, "matchMedia", {
-			writable: true,
-			value: (query: string) => ({
-				matches: false,
-				media: query,
-				onchange: null,
-				addListener: () => {},
-				removeListener: () => {},
-				addEventListener: () => {},
-				removeEventListener: () => {},
-				dispatchEvent: () => false,
-			}),
-		});
-	}
-});
-
-function shell(node: ReactElement): string {
-	return renderToString(
-		<MantineProvider
-			theme={MANTINE_THEME}
-			cssVariablesResolver={v8CssVariablesResolver}
-			forceColorScheme="dark"
-		>
-			{node}
-		</MantineProvider>,
-	);
-}
-
-/**
- * A `<Tabs>`-shaped block component that renders every item's label AND content
- * (unlike Mantine's `Tabs`, which omits inactive panels in SSR). Lets a single
- * `renderToString` assert the full parsed structure of all tab bodies.
- */
-function EagerGroup({ children }: { children?: ReactNode }): ReactElement {
-	const items = Children.toArray(children).filter(isValidElement);
-	return (
-		<div data-eager-group>
-			<div
-				data-labels={items.map((el) => (el.props as { label?: string }).label).join("|")}
-			/>
-			{items.map((el, i) => (
-				<section
-					data-panel={i}
-					key={(el.props as { label?: string }).label ?? i}
-				>
-					{(el.props as { children?: ReactNode }).children}
-				</section>
-			))}
-		</div>
-	);
-}
-
-function EagerItem({ children }: { children?: ReactNode }): ReactElement {
-	return <>{children}</>;
-}
-
-const EAGER_COMPONENTS: MarkdownComponents = {
-	Tabs: { component: EagerGroup, block: true },
-	TabItem: { component: EagerItem, block: true },
-};
-
-function stripTags(html: string): string {
-	return html.replace(/<[^>]+>/g, "");
-}
-
-describe("MarkdownViewer / JSX block nesting", () => {
-	it("pairs a Tabs block into exactly its authored TabItems (no synthetic tabs)", () => {
-		const content = `<Tabs syncKey="demo">
-<TabItem label="Create an instance">
-\tSurrealDB Cloud allows you to connect.
-
-\t**1. Create Instance.**
-
-\tWhen creating an instance, you enter the name.
-</TabItem>
-<TabItem label="Connect to your instance">
-\tYou can connect via [Surrealist](/docs/x).
-
-\tSince SurrealDB Cloud is closely integrated.
-</TabItem>
-</Tabs>`;
-		const html = shell(<MarkdownViewer content={content} />);
-
-		// Exactly two tab buttons with the authored labels — no paragraphs
-		// leaking out as extra "Tab N" children.
-		const tabButtons = html.match(/mantine-Tabs-tab\b/g) ?? [];
-		expect(tabButtons).toHaveLength(2);
-		const labels = [...html.matchAll(/mantine-Tabs-tabLabel">([^<]*)</g)].map((m) => m[1]);
-		expect(labels).toEqual(["Create an instance", "Connect to your instance"]);
-
-		// The active tab renders its full multi-paragraph markdown body.
-		const text = stripTags(html);
-		expect(text).toContain("SurrealDB Cloud allows you to connect.");
-		expect(text).toContain("1. Create Instance.");
-		expect(text).toContain("When creating an instance");
-	});
-
-	it("renders full multi-paragraph markdown for every TabItem (via eager group)", () => {
-		const content = `<Tabs syncKey="demo">
-<TabItem label="Create an instance">
-\tSurrealDB Cloud allows you to connect.
-
-\t**1. Create Instance.**
-
-\tWhen creating an instance, you enter the name.
-</TabItem>
-<TabItem label="Connect to your instance">
-\tYou can connect via [Surrealist](/docs/x).
-
-\t[Connect via Surrealist](/docs/y)
-
-\tSince SurrealDB Cloud is closely integrated.
-</TabItem>
-</Tabs>`;
-		const html = shell(
-			<MarkdownViewer
-				content={content}
-				components={EAGER_COMPONENTS}
-			/>,
-		);
-
-		expect(html).toContain('data-labels="Create an instance|Connect to your instance"');
-		expect(html).not.toContain("Tab 2");
-
-		// Both panels rendered, in order, with all their paragraphs.
-		const text = stripTags(html);
-		expect(text).toContain("SurrealDB Cloud allows you to connect.");
-		expect(text).toContain("1. Create Instance.");
-		expect(text).toContain("When creating an instance");
-		expect(text).toContain("You can connect via Surrealist");
-		expect(text).toContain("closely integrated");
-		// Links inside both tabs survive.
-		expect(html).toContain('href="/docs/x"');
-		expect(html).toContain('href="/docs/y"');
-	});
-
-	it("renders a single-paragraph Tabs block (regression)", () => {
-		const content = `<Tabs syncKey="s">
-<TabItem label="First">
-Alpha content.
-</TabItem>
-<TabItem label="Second">
-Beta content.
-</TabItem>
-</Tabs>`;
-		const html = shell(
-			<MarkdownViewer
-				content={content}
-				components={EAGER_COMPONENTS}
-			/>,
-		);
-		expect(html).toContain('data-labels="First|Second"');
-		expect(html).not.toContain("Tab 2");
-		const text = stripTags(html);
-		expect(text).toContain("Alpha content.");
-		expect(text).toContain("Beta content.");
-	});
-
-	it("renders block content around a Tabs block", () => {
-		const content = `# Heading
-
-Intro paragraph.
-
-<Tabs syncKey="s">
-<TabItem label="One">
-First tab.
-</TabItem>
-<TabItem label="Two">
-Second tab.
-</TabItem>
-</Tabs>
-
-Outro paragraph.`;
-		const html = shell(
-			<MarkdownViewer
-				content={content}
-				components={EAGER_COMPONENTS}
-			/>,
-		);
-		const text = stripTags(html);
-		expect(text).toContain("Heading");
-		expect(text).toContain("Intro paragraph.");
-		expect(text).toContain("Outro paragraph.");
-		expect(html).toContain('data-labels="One|Two"');
-		expect(text).toContain("First tab.");
-		expect(text).toContain("Second tab.");
-	});
-
-	it("renders nested block components (Tabs inside a TabItem)", () => {
-		const content = `<Tabs syncKey="outer">
-<TabItem label="Outer A">
-Outer A body.
-
-<Tabs syncKey="inner">
-<TabItem label="Inner X">
-Inner X body.
-</TabItem>
-<TabItem label="Inner Y">
-Inner Y body.
-</TabItem>
-</Tabs>
-</TabItem>
-<TabItem label="Outer B">
-Outer B body.
-</TabItem>
-</Tabs>`;
-		const html = shell(
-			<MarkdownViewer
-				content={content}
-				components={EAGER_COMPONENTS}
-			/>,
-		);
-		// Outer group has exactly the two authored tabs.
-		expect(html).toContain('data-labels="Outer A|Outer B"');
-		// Inner group nested inside Outer A has its own two tabs.
-		expect(html).toContain('data-labels="Inner X|Inner Y"');
-		expect(html).not.toContain("Tab 2");
-		const text = stripTags(html);
-		expect(text).toContain("Outer A body.");
-		expect(text).toContain("Outer B body.");
-		expect(text).toContain("Inner X body.");
-		expect(text).toContain("Inner Y body.");
-	});
-});

package/tests/unit/MarkdownViewer/jsx.test.tsx

@@ -1,211 +0,0 @@
-import { MantineProvider, v8CssVariablesResolver } from "@mantine/core";
-import { extractHeadings, markdownSourceFromString, parseMarkdownTree } from "@src/lib/markdown";
-import { MarkdownViewer } from "@src/primitives/MarkdownViewer";
-import { MANTINE_THEME } from "@src/theme/mantine";
-import type { ReactElement } from "react";
-import { renderToString } from "react-dom/server";
-import { beforeAll, describe, expect, it } from "vitest";
-
-beforeAll(() => {
-	if (typeof window !== "undefined" && typeof window.matchMedia !== "function") {
-		Object.defineProperty(window, "matchMedia", {
-			writable: true,
-			value: (query: string) => ({
-				matches: false,
-				media: query,
-				onchange: null,
-				addListener: () => {},
-				removeListener: () => {},
-				addEventListener: () => {},
-				removeEventListener: () => {},
-				dispatchEvent: () => false,
-			}),
-		});
-	}
-});
-
-function shell(node: ReactElement): string {
-	return renderToString(
-		<MantineProvider
-			theme={MANTINE_THEME}
-			cssVariablesResolver={v8CssVariablesResolver}
-			forceColorScheme="dark"
-		>
-			{node}
-		</MantineProvider>,
-	);
-}
-
-describe("MarkdownViewer / JSX and HTML", () => {
-	it("renders a JSX component when jsxMode is render", () => {
-		const html = shell(<MarkdownViewer content={'<Since v="2.0.0" />'} />);
-		expect(html).toContain("2.0.0");
-		expect(html).not.toContain("<Since");
-	});
-
-	it("shows graceful fallback when jsxMode is graceful and component is missing", () => {
-		const html = shell(
-			<MarkdownViewer
-				content="<UnknownComponent />"
-				jsxMode="graceful"
-			/>,
-		);
-		expect(html).toContain("unsupported JSX");
-	});
-
-	it("parses JSON attribute values on JSX components", () => {
-		function ValueEcho({ value }: { value: unknown }) {
-			return <span data-value={JSON.stringify(value)} />;
-		}
-
-		const html = shell(
-			<MarkdownViewer
-				content={"<ValueEcho value={42} />"}
-				jsxMode="render"
-				components={{ ValueEcho }}
-			/>,
-		);
-		expect(html).toContain("data-value");
-		expect(html).toContain("42");
-	});
-
-	it("leaves inline brace text as plain text", () => {
-		const html = shell(<MarkdownViewer content="Count: {count}" />);
-		expect(html).toContain("{count}");
-	});
-
-	it("renders details/summary HTML blocks", () => {
-		const html = shell(
-			<MarkdownViewer
-				content={`<details>
-<summary>Toggle</summary>
-
-Hidden **bold** text
-
-</details>`}
-				jsxMode="render"
-			/>,
-		);
-		expect(html).toContain("Toggle");
-		expect(html).toContain("bold");
-	});
-
-	it("extractHeadings returns h2 and h3 slugs", () => {
-		const source = "## Section\n\n### Sub\n";
-		const tree = parseMarkdownTree(source);
-		const headings = extractHeadings(tree, markdownSourceFromString(source));
-		expect(headings).toHaveLength(2);
-		expect(headings[0]?.text).toBe("Section");
-		expect(headings[1]?.text).toBe("Sub");
-	});
-
-	it("onResolveMedia rewrites image src", () => {
-		const html = shell(
-			<MarkdownViewer
-				content='<img src="@ui/pictoAI" />'
-				jsxMode="render"
-				onResolveMedia={(node) => ({ ...node, src: "https://example.com/resolved.png" })}
-			/>,
-		);
-		expect(html).toContain("https://example.com/resolved.png");
-	});
-
-	it("renders inline paired HTML anchor without duplicating link text", () => {
-		const html = shell(
-			<MarkdownViewer content={'Visit <a href="https://example.com">link text</a> here.'} />,
-		);
-		const matches = html.match(/link text/g) ?? [];
-		expect(matches).toHaveLength(1);
-	});
-
-	it("throws when jsxMode is throw and a JSX component is unsupported", () => {
-		expect(() =>
-			shell(
-				<MarkdownViewer
-					content="<Foo />"
-					jsxMode="throw"
-				/>,
-			),
-		).toThrow(/Unsupported JSX component <Foo \/>/);
-	});
-
-	it("omits unsupported JSX when jsxMode is omit", () => {
-		const html = shell(
-			<MarkdownViewer
-				content="<Unknown />"
-				jsxMode="omit"
-			/>,
-		);
-		expect(html).not.toContain("unsupported");
-		expect(html).not.toContain("Unsupported JSX");
-	});
-
-	it("adds heading id and autolink anchor by default", () => {
-		const html = shell(<MarkdownViewer content="## Hello" />);
-		expect(html).toMatch(/id="hello"/);
-		expect(html).toContain('href="#hello"');
-	});
-
-	it("renders the same output when tree and source are passed via tree prop", () => {
-		const content = "# Tree prop\n\nParagraph body.";
-		const tree = parseMarkdownTree(content);
-		const source = markdownSourceFromString(content);
-		const fromTree = shell(<MarkdownViewer tree={{ tree, source }} />);
-		const fromContent = shell(<MarkdownViewer content={content} />);
-		expect(fromTree).toBe(fromContent);
-	});
-
-	it("uses paragraph renderer override when provided", () => {
-		const html = shell(
-			<MarkdownViewer
-				content="Custom paragraph."
-				renderers={{
-					paragraph: () => <span data-custom-paragraph>PARAGRAPH_MARKER</span>,
-				}}
-			/>,
-		);
-		expect(html).toContain("PARAGRAPH_MARKER");
-		expect(html).not.toContain("Custom paragraph.");
-	});
-
-	it("renders multi-line paragraph JSX tags", () => {
-		const html = shell(<MarkdownViewer content={'<Since\n  v="2.0.0"\n/>'} />);
-		expect(html).toContain("2.0.0");
-		expect(html).not.toContain("<Since");
-	});
-
-	it("renders multiple JSX components on one line", () => {
-		const html = shell(
-			<MarkdownViewer content={'<Label label="Required" /><Label label="Optional" />'} />,
-		);
-		expect(html.match(/mantine-Badge-label/g)?.length).toBe(2);
-		expect(html).toContain("Required");
-		expect(html).toContain("Optional");
-	});
-
-	it("renders inline HTML on separate source lines with line breaks", () => {
-		const html = shell(
-			<MarkdownViewer
-				content={`<span>foo</span> <span>bar</span>
-<span>hello</span>
-<span>world</span>`}
-			/>,
-		);
-		expect(html).toContain("foo");
-		expect(html).toContain("bar");
-		expect(html).toContain("hello");
-		expect(html).toContain("world");
-		expect(html.match(/<br\s*\/?>/g)?.length).toBe(2);
-	});
-
-	it("renders jsx-only paragraphs on separate lines as separate p elements", () => {
-		const html = shell(
-			<MarkdownViewer
-				content={'<Since v="1.5.0" />\n\n<Since v="2.0.0" prefix="Available since" />'}
-			/>,
-		);
-		expect(html.match(/mantine-Badge-label/g)?.length).toBe(2);
-		const paragraphs = html.match(/<p[^>]*>[\s\S]*?<\/p>/g) ?? [];
-		expect(paragraphs.length).toBeGreaterThanOrEqual(2);
-	});
-});

package/tests/unit/MarkdownViewer/list-bullets.test.tsx

@@ -1,49 +0,0 @@
-import { MantineProvider, v8CssVariablesResolver } from "@mantine/core";
-import { unorderedBulletForDepth } from "@src/lib/markdown/view/components/ListBullet";
-import { MarkdownViewer } from "@src/primitives/MarkdownViewer";
-import { MANTINE_THEME } from "@src/theme/mantine";
-import type { ReactElement } from "react";
-import { renderToString } from "react-dom/server";
-import { describe, expect, it } from "vitest";
-
-function shell(node: ReactElement): string {
-	return renderToString(
-		<MantineProvider
-			theme={MANTINE_THEME}
-			cssVariablesResolver={v8CssVariablesResolver}
-			forceColorScheme="dark"
-		>
-			{node}
-		</MantineProvider>,
-	);
-}
-
-describe("unorderedBulletForDepth", () => {
-	it("cycles through bullet, circle, square by depth", () => {
-		expect(unorderedBulletForDepth(0)).toBe("•");
-		expect(unorderedBulletForDepth(1)).toBe("◦");
-		expect(unorderedBulletForDepth(2)).toBe("▪");
-	});
-
-	it("repeats the sequence for deeper nesting", () => {
-		expect(unorderedBulletForDepth(3)).toBe("•");
-		expect(unorderedBulletForDepth(4)).toBe("◦");
-		expect(unorderedBulletForDepth(5)).toBe("▪");
-	});
-});
-
-describe("MarkdownViewer / nested list bullets", () => {
-	it("renders distinct glyphs per nesting level", () => {
-		const content = ["- top", "  - second", "    - third"].join("\n");
-		const html = shell(<MarkdownViewer content={content} />);
-		expect(html).toContain("•");
-		expect(html).toContain("◦");
-		expect(html).toContain("▪");
-	});
-
-	it("keeps ordered list markers as numbers regardless of depth", () => {
-		const content = ["1. top", "   1. nested"].join("\n");
-		const html = shell(<MarkdownViewer content={content} />);
-		expect(html).not.toContain("◦");
-	});
-});

package/tests/unit/MarkdownViewer/list-code.test.tsx

@@ -1,65 +0,0 @@
-import { MantineProvider, v8CssVariablesResolver } from "@mantine/core";
-import { MarkdownViewer } from "@src/primitives/MarkdownViewer";
-import { MANTINE_THEME } from "@src/theme/mantine";
-import type { ReactElement } from "react";
-import { renderToString } from "react-dom/server";
-import { beforeAll, describe, expect, it } from "vitest";
-
-beforeAll(() => {
-	if (typeof window !== "undefined" && typeof window.matchMedia !== "function") {
-		Object.defineProperty(window, "matchMedia", {
-			writable: true,
-			value: (query: string) => ({
-				matches: false,
-				media: query,
-				onchange: null,
-				addListener: () => {},
-				removeListener: () => {},
-				addEventListener: () => {},
-				removeEventListener: () => {},
-				dispatchEvent: () => false,
-			}),
-		});
-	}
-});
-
-function shell(node: ReactElement): string {
-	return renderToString(
-		<MantineProvider
-			theme={MANTINE_THEME}
-			cssVariablesResolver={v8CssVariablesResolver}
-			forceColorScheme="dark"
-		>
-			{node}
-		</MantineProvider>,
-	);
-}
-
-// Syntax highlighting splits a line into per-token spans, so assert on single
-// identifier tokens that survive tokenisation rather than whole expressions.
-describe("MarkdownViewer / code inside lists", () => {
-	it("renders a fenced code block nested in a list item", () => {
-		const content = ["- Item with code:", "  ```js", "  alphaVar;", "  ```"].join("\n");
-		const html = shell(<MarkdownViewer content={content} />);
-		expect(html).toContain("alphaVar");
-	});
-
-	it("renders multiple code lines nested in a list item", () => {
-		const content = ["- Item:", "  ```js", "  alphaVar;", "  betaVar;", "  ```"].join("\n");
-		const html = shell(<MarkdownViewer content={content} />);
-		expect(html).toContain("alphaVar");
-		expect(html).toContain("betaVar");
-	});
-
-	it("renders a code block that is the first child of a list item", () => {
-		const content = ["- ```ts", "  codeFirstVar;", "  ```"].join("\n");
-		const html = shell(<MarkdownViewer content={content} />);
-		expect(html).toContain("codeFirstVar");
-	});
-
-	it("renders a fenced code block inside a task list item", () => {
-		const content = ["- [ ] Task with code", "  ```js", "  taskCodeVar;", "  ```"].join("\n");
-		const html = shell(<MarkdownViewer content={content} />);
-		expect(html).toContain("taskCodeVar");
-	});
-});

package/tests/unit/MarkdownViewer/preserve-newlines.test.tsx

@@ -1,143 +0,0 @@
-import { MantineProvider, v8CssVariablesResolver } from "@mantine/core";
-import type { MarkdownComponents } from "@src/lib/markdown";
-import { MarkdownViewer } from "@src/primitives/MarkdownViewer";
-import { MANTINE_THEME } from "@src/theme/mantine";
-import type { ReactElement, ReactNode } from "react";
-import { renderToString } from "react-dom/server";
-import { beforeAll, describe, expect, it } from "vitest";
-
-beforeAll(() => {
-	if (typeof window !== "undefined" && typeof window.matchMedia !== "function") {
-		Object.defineProperty(window, "matchMedia", {
-			writable: true,
-			value: (query: string) => ({
-				matches: false,
-				media: query,
-				onchange: null,
-				addListener: () => {},
-				removeListener: () => {},
-				addEventListener: () => {},
-				removeEventListener: () => {},
-				dispatchEvent: () => false,
-			}),
-		});
-	}
-});
-
-function shell(node: ReactElement): string {
-	return renderToString(
-		<MantineProvider
-			theme={MANTINE_THEME}
-			cssVariablesResolver={v8CssVariablesResolver}
-			forceColorScheme="dark"
-		>
-			{node}
-		</MantineProvider>,
-	);
-}
-
-function TwoColumn({ children }: { children?: ReactNode }): ReactElement {
-	return <div data-testid="two-column">{children}</div>;
-}
-
-function ColBox({ children }: { children?: ReactNode }): ReactElement {
-	return <div data-testid="col-box">{children}</div>;
-}
-
-const LAYOUT = `<TwoColumn>
-<ColBox></ColBox>
-<ColBox></ColBox>
-<ColBox></ColBox>
-</TwoColumn>`;
-
-describe("MarkdownViewer / custom component preserveNewlines", () => {
-	it("does not inject <br /> between block children (they render as blocks)", () => {
-		const components: MarkdownComponents = {
-			TwoColumn: { component: TwoColumn, block: true },
-			ColBox: { component: ColBox, block: true },
-		};
-		const html = shell(
-			<MarkdownViewer
-				content={LAYOUT}
-				components={components}
-			/>,
-		);
-
-		// Three boxes still render, in order.
-		expect(html.match(/data-testid="col-box"/g)?.length).toBe(3);
-		// Block-level children are carved out and rendered as their own blocks:
-		// the newlines that merely separate them must NOT become <br /> elements.
-		// A stray <br /> here would also be counted as an extra child by
-		// introspecting parents (e.g. <Tabs> reading each <TabItem>), so the two
-		// behaviours are unified — `preserveNewlines` governs prose line breaks
-		// (see the prose test below), not gaps between block children.
-		const inner = html.slice(
-			html.indexOf('data-testid="two-column"'),
-			html.lastIndexOf("</div>"),
-		);
-		expect(inner).not.toMatch(/<br\s*\/?>/);
-	});
-
-	it("omits <br /> between block children when preserveNewlines is false", () => {
-		const components: MarkdownComponents = {
-			TwoColumn: { component: TwoColumn, block: true, preserveNewlines: false },
-			ColBox: { component: ColBox, block: true },
-		};
-		const html = shell(
-			<MarkdownViewer
-				content={LAYOUT}
-				components={components}
-			/>,
-		);
-
-		// All three boxes still render.
-		expect(html.match(/data-testid="col-box"/g)?.length).toBe(3);
-		// The TwoColumn wrapper is present.
-		expect(html).toContain('data-testid="two-column"');
-
-		// No stray line breaks injected between the child blocks.
-		const inner = html.slice(
-			html.indexOf('data-testid="two-column"'),
-			html.lastIndexOf("</div>"),
-		);
-		expect(inner).not.toMatch(/<br\s*\/?>/);
-	});
-
-	it("still preserves newlines for prose components by default", () => {
-		function Prose({ children }: { children?: ReactNode }): ReactElement {
-			return <section data-testid="prose">{children}</section>;
-		}
-		const components: MarkdownComponents = {
-			Prose: { component: Prose, block: true },
-		};
-		const html = shell(
-			<MarkdownViewer
-				content={"<Prose>\nLine one\nLine two\n</Prose>"}
-				components={components}
-			/>,
-		);
-		expect(html).toContain("Line one");
-		expect(html).toContain("Line two");
-		// Multi-line prose keeps its line break.
-		expect(html).toMatch(/<br\s*\/?>/);
-	});
-
-	it("disabling preserveNewlines collapses multi-line text to a single run", () => {
-		function Prose({ children }: { children?: ReactNode }): ReactElement {
-			return <section data-testid="prose">{children}</section>;
-		}
-		const components: MarkdownComponents = {
-			Prose: { component: Prose, block: true, preserveNewlines: false },
-		};
-		const html = shell(
-			<MarkdownViewer
-				content={"<Prose>\nLine one\nLine two\n</Prose>"}
-				components={components}
-			/>,
-		);
-		expect(html).toContain("Line one");
-		expect(html).toContain("Line two");
-		const inner = html.slice(html.indexOf('data-testid="prose"'));
-		expect(inner).not.toMatch(/<br\s*\/?>/);
-	});
-});