fix: update render-rich-text tests

Returning array seems to work fine with react and add less wrappers

Author: AleksandrSl

cmp/compiler/src/react/shared/__snapshots__/render-rich-text.test.tsx.snap

@@ -1,5 +1,86 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
+exports[`renderRichText > should handle nested components inside component tags 1`] = `
+[
+  "You have ",
+  <React.Fragment>
+    <strong>
+      10
+    </strong>
+  </React.Fragment>,
+  " items",
+]
+`;
+
+exports[`renderRichText > should handle the page.tsx example case 1`] = `
+[
+  "Looking for a starting points or more instructions? Head over to ",
+  <React.Fragment>
+    <a
+      className="font-medium"
+      href="https://vercel.com/templates"
+    >
+      Templates
+    </a>
+  </React.Fragment>,
+  " or the ",
+  <React.Fragment>
+    <a
+      className="font-medium"
+      href="https://nextjs.org/learn"
+    >
+      Learning
+    </a>
+  </React.Fragment>,
+  " center.",
+]
+`;
+
+exports[`renderRichText > should handle whitespace around component tags 1`] = `
+[
+  "Looking for help? Head over to ",
+  <React.Fragment>
+    <a>
+      Templates
+    </a>
+  </React.Fragment>,
+  " or the ",
+  <React.Fragment>
+    <a>
+      Learning
+    </a>
+  </React.Fragment>,
+  " center.",
+]
+`;
+
+exports[`renderRichText > should render complex mixed content with variables and components 1`] = `
+[
+  "Hello ",
+  "Alice",
+  ", you have ",
+  <React.Fragment>
+    <strong>
+      5
+    </strong>
+  </React.Fragment>,
+  " messages",
+]
+`;
+
+exports[`renderRichText > should render component placeholders with JSX 1`] = `
+[
+  "Click ",
+  <React.Fragment>
+    <a
+      href="/home"
+    >
+      here
+    </a>
+  </React.Fragment>,
+]
+`;
+
 exports[`renderRichText > should render fragments with expressions 1`] = `
 [
   "Content that has text and other tags inside will br translated as a single entity: ",
@@ -21,6 +102,27 @@ exports[`renderRichText > should render fragments with expressions 1`] = `
 ]
 `;
 
+exports[`renderRichText > should render multiple same-type components 1`] = `
+[
+  "Click ",
+  <React.Fragment>
+    <a
+      href="/home"
+    >
+      here
+    </a>
+  </React.Fragment>,
+  " or ",
+  <React.Fragment>
+    <a
+      href="/about"
+    >
+      there
+    </a>
+  </React.Fragment>,
+]
+`;
+
 exports[`renderRichText > should render untranslatable content as is 1`] = `
 [
   "Install using ",

cmp/compiler/src/react/shared/render-rich-text.test.tsx

@@ -29,9 +29,7 @@ describe("renderRichText", () => {
       a0: (chunks) => <a href="/home">{chunks}</a>,
     });
 
-    // Should return React elements, not a string
-    expect(typeof result).not.toBe("string");
-    expect(React.isValidElement(result)).toBe(true);
+    expect(result).toMatchSnapshot();
   });
 
   it("should render complex mixed content with variables and components", () => {
@@ -44,8 +42,7 @@ describe("renderRichText", () => {
       },
     );
 
-    expect(typeof result).not.toBe("string");
-    expect(React.isValidElement(result)).toBe(true);
+    expect(result).toMatchSnapshot();
   });
 
   it("should render multiple same-type components", () => {
@@ -54,8 +51,7 @@ describe("renderRichText", () => {
       a1: (chunks) => <a href="/about">{chunks}</a>,
     });
 
-    expect(typeof result).not.toBe("string");
-    expect(React.isValidElement(result)).toBe(true);
+    expect(result).toMatchSnapshot();
   });
 
   it("should handle the page.tsx example case", () => {
@@ -75,9 +71,7 @@ describe("renderRichText", () => {
       },
     );
 
-    // Should be React element, not string
-    expect(typeof result).not.toBe("string");
-    expect(React.isValidElement(result)).toBe(true);
+    expect(result).toMatchSnapshot();
   });
 
   it("should handle nested components inside component tags", () => {
@@ -86,7 +80,7 @@ describe("renderRichText", () => {
       strong0: (chunks) => <strong>{chunks}</strong>,
     });
 
-    expect(React.isValidElement(result)).toBe(true);
+    expect(result).toMatchSnapshot();
   });
 
   it("should handle whitespace around component tags", () => {
@@ -98,7 +92,6 @@ describe("renderRichText", () => {
       },
     );
 
-    expect(React.isValidElement(result)).toBe(true);
     expect(result).toMatchSnapshot();
   });