fix a couple tests

Author: liamdebeasi

packages/core/src/__tests__/__snapshots__/qwik.test.ts.snap

@@ -214,33 +214,15 @@ export const MyComponentOnMount = (p) => {
               builder-id=\\"builder-5fed2723c1cc4fb39e9d22b9c54ef179\\"
               class=\\"csanagh\\"
             >
-              <div
-                builder-id=\\"builder-2cad86b387ec405d82917895d7af0a12\\"
-                class=\\"crwdrpw\\"
-              >
-                <div
-                  key=\\"builder-2cad86b387ec405d82917895d7af0a12\\"
-                  dangerouslySetInnerHTML=\\"<p>Item 1</p>\\"
-                  class=\\"builder-text\\"
-                ></div>
-              </div>
+              <p>Item 1</p>
             </div>
           </div>
           <div builder=\\"accordion-detail\\">
             <div
               builder-id=\\"builder-18279a99b32240f19aa21d3f4b015cc9\\"
               class=\\"c4qyc1p\\"
             >
-              <div
-                builder-id=\\"builder-2dbfa56b8988461c8566bbe759580e9b\\"
-                class=\\"ctcw2m4\\"
-              >
-                <div
-                  key=\\"builder-2dbfa56b8988461c8566bbe759580e9b\\"
-                  dangerouslySetInnerHTML=\\"<p>Item 1 content</p>\\"
-                  class=\\"builder-text\\"
-                ></div>
-              </div>
+              <p>Item 1 content</p>
             </div>
           </div>
         </div>
@@ -250,33 +232,15 @@ export const MyComponentOnMount = (p) => {
               builder-id=\\"builder-2a93def22a354cf7aa193c20d1ad6def\\"
               class=\\"csanagh\\"
             >
-              <div
-                builder-id=\\"builder-1365fc457ece45db82ad90dbe9819e7c\\"
-                class=\\"crwdrpw\\"
-              >
-                <div
-                  key=\\"builder-1365fc457ece45db82ad90dbe9819e7c\\"
-                  dangerouslySetInnerHTML=\\"<p>Item 2</p>\\"
-                  class=\\"builder-text\\"
-                ></div>
-              </div>
+              <p>Item 2</p>
             </div>
           </div>
           <div builder=\\"accordion-detail\\">
             <div
               builder-id=\\"builder-fd6ef41da6d040328fbd8b0801611fe5\\"
               class=\\"c4qyc1p\\"
             >
-              <div
-                builder-id=\\"builder-7362f9fd64c647c5a400d9e75c74473f\\"
-                class=\\"ctcw2m4\\"
-              >
-                <div
-                  key=\\"builder-7362f9fd64c647c5a400d9e75c74473f\\"
-                  dangerouslySetInnerHTML=\\"<p>Item 2 content</p>\\"
-                  class=\\"builder-text\\"
-                ></div>
-              </div>
+              <p>Item 2 content</p>
             </div>
           </div>
         </div>
@@ -389,18 +353,7 @@ export const MyComponentOnMount = (p) => {
               $index: $index,
             };
             const state = __proxyMerge__(s, l);
-            return (
-              <div
-                builder-id=\\"builder-927e0013cb8142a9bd46a4f3811d0865\\"
-                class=\\"cdrk993\\"
-              >
-                <div
-                  key=\\"builder-927e0013cb8142a9bd46a4f3811d0865\\"
-                  class=\\"builder-text\\"
-                  dangerouslySetInnerHTML={state.resultsItem.data.title}
-                ></div>
-              </div>
-            );
+            return <>text_content</>;
           }).bind(l)
         )}
       </section>
@@ -542,18 +495,7 @@ export const MyComponentOnMount = (p) => {
       height: 1300,
       width: 1300,
     }),
-    h(
-      \\"div\\",
-      {
-        \\"builder-id\\": \\"builder-1072afed47764e7cb37d088fd66f3a67\\",
-        class: \\"cjrqfb1 builder-block\\",
-      },
-      h(\\"div\\", {
-        key: \\"builder-1072afed47764e7cb37d088fd66f3a67\\",
-        class: \\"builder-text\\",
-        dangerouslySetInnerHTML: state.myState,
-      })
-    )
+    \\"Enter some text...\\"
   );
 };
 export const MyComponent = componentQrl(
@@ -772,18 +714,7 @@ export const MyComponentOnMount = (p) => {
       height: 1300,
       width: 1300,
     }),
-    h(
-      \\"div\\",
-      {
-        \\"builder-id\\": \\"builder-1072afed47764e7cb37d088fd66f3a67\\",
-        class: \\"cjrqfb1 builder-block\\",
-      },
-      h(\\"div\\", {
-        key: \\"builder-1072afed47764e7cb37d088fd66f3a67\\",
-        class: \\"builder-text\\",
-        dangerouslySetInnerHTML: state.myState,
-      })
-    )
+    \\"Enter some text...\\"
   );
 };
 export const MyComponent = componentQrl(
@@ -1223,16 +1154,7 @@ export const ComponentD187055AF171488FAD843ACF045D6BF7OnMount = (p) => {
       builder-id=\\"builder-139a8479536b4c4f9c2738e724ed0952\\"
       class=\\"cj49hqu builder-block\\"
     >
-      <div
-        builder-id=\\"builder-2ae3b4104cc0478e85eff49694792d9c\\"
-        class=\\"cjrqfb1\\"
-      >
-        <div
-          key=\\"builder-2ae3b4104cc0478e85eff49694792d9c\\"
-          class=\\"builder-text\\"
-          dangerouslySetInnerHTML={state.title}
-        ></div>
-      </div>
+      {state.title}
     </div>
   );
 };
@@ -1436,16 +1358,7 @@ exports.MyComponentOnMount = (p) => {
 
   return (
     <>
-      <div
-        builder-id=\\"builder-71f26e4ffffe4e24940aa12e5250fa5f\\"
-        class=\\"cjrqfb1 builder-block\\"
-      >
-        <div
-          key=\\"builder-71f26e4ffffe4e24940aa12e5250fa5f\\"
-          class=\\"builder-text\\"
-          dangerouslySetInnerHTML={state.data}
-        ></div>
-      </div>
+      Enter some text...
       <CoreButton
         builder-id=\\"builder-6f8fe6a1d2284f2890ae97657eed084a\\"
         text=\\"Something else\\"
@@ -1687,11 +1600,11 @@ export const MyComponentOnMount = (p) => {
   useStylesScopedQrl(qrl(\\"./low.js\\", \\"MyComponentStyles\\", []));
 
   return (
-    <div class=\\"crt27f8\\">
+    <>
       <p>
         Hello <span class=\\"names\\">World</span>
       </p>
-    </div>
+    </>
   );
 };
 export const __proxyMerge__ = function __proxyMerge__(state, local) {
@@ -10212,7 +10125,7 @@ export const MyComponentOnMount = (p) => {
         data: {},
       },
     }),
-    h(\\"div\\", { class: \\"cxvcn5v\\" }, \\"<p>Main Text</p>\\")
+    \\"<p>Main Text</p>\\"
   );
 };
 export const __proxyMerge__ = function __proxyMerge__(state, local) {
@@ -10341,28 +10254,14 @@ export const MyComponentOnMount = (p) => {
         onClick$={qrl(\\"./high.js\\", \\"MyComponent_onClick_0\\", [s, l])}
       ></CoreButton>
       {state.visible ? (
-        <div
-          builder-id=\\"builder-845ebd803c89485383568d433b6fd517\\"
-          class=\\"cjrqfb1\\"
-        >
-          <div
-            key=\\"builder-845ebd803c89485383568d433b6fd517\\"
-            dangerouslySetInnerHTML=\\"<p>Show when visible=true</p>\\"
-            class=\\"builder-text\\"
-          ></div>
-        </div>
+        <>
+          <p>Show when visible=true</p>
+        </>
       ) : null}
       {!state.visible ? (
-        <div
-          builder-id=\\"builder-67baa3b2073942b99017e846759776aa\\"
-          class=\\"cjrqfb1\\"
-        >
-          <div
-            key=\\"builder-67baa3b2073942b99017e846759776aa\\"
-            dangerouslySetInnerHTML=\\"<p>Show when visible=false</p>\\"
-            class=\\"builder-text\\"
-          ></div>
-        </div>
+        <>
+          <p>Show when visible=false</p>
+        </>
       ) : null}
       {!visible ? (
         <Image

packages/core/src/__tests__/qwik/specs/qwik.test.component-binding.json

@@ -70,8 +70,7 @@
                           },
                           "id": "builder-2ae3b4104cc0478e85eff49694792d9c",
                           "component": {
-                            "name": "Text",
-                            "options": { "text": "Enter some text..." }
+                            "name": "Text"
                           },
                           "responsiveStyles": {
                             "large": {
@@ -235,8 +234,7 @@
                           },
                           "id": "builder-2ae3b4104cc0478e85eff49694792d9c",
                           "component": {
-                            "name": "Text",
-                            "options": { "text": "Enter some text..." }
+                            "name": "Text"
                           },
                           "responsiveStyles": {
                             "large": {