chore: add e2e route loaders serialization test

Author: Varixo

starters/apps/qwikrouter-test/src/routes/loaders-serialization/index.tsx

@@ -18,11 +18,11 @@ export default component$(() => {
   return (
     <>
       {testSignal.value.test}
-      <button onClick$={() => (toggle.value = !toggle.value)}>
+      <button id="toggle-child" onClick$={() => (toggle.value = !toggle.value)}>
         toggle child
       </button>
       {toggle.value && <Child />}
-      <ChildEager />
+      {toggle.value && <ChildEager />}
     </>
   );
 });
@@ -41,8 +41,8 @@ export const ChildEager = component$(() => {
   const testSignal = useTestLoaderEager();
   return (
     <>
-      <div id="prop1">{testSignal.value.foo}</div>
-      <div id="prop2">{testSignal.value.bar}</div>
+      <div id="prop3">{testSignal.value.foo}</div>
+      <div id="prop4">{testSignal.value.bar}</div>
     </>
   );
 });

starters/e2e/qwikrouter/loaders.e2e.ts

@@ -151,5 +151,34 @@ test.describe("loaders", () => {
       const body = page.locator("body");
       await expect(body).toContainText("server-error-data");
     });
+
+    test("should not serialize loaders by default and serialize with serializationStrategy: always", async ({
+      page,
+      javaScriptEnabled,
+    }) => {
+      await page.goto("/qwikrouter-test/loaders-serialization/");
+      const stateData = page.locator('script[type="qwik/state"]');
+
+      expect(await stateData.textContent()).not.toContain("some test value");
+      expect(await stateData.textContent()).not.toContain(
+        "should not serialize this",
+      );
+      expect(await stateData.textContent()).toContain("some eager test value");
+      expect(await stateData.textContent()).toContain("should serialize this");
+
+      if (javaScriptEnabled) {
+        await page.locator("#toggle-child").click();
+        await expect(page.locator("#prop1")).toHaveText("some test value");
+        await expect(page.locator("#prop2")).toHaveText(
+          "should not serialize this",
+        );
+        await expect(page.locator("#prop3")).toHaveText(
+          "some eager test value",
+        );
+        await expect(page.locator("#prop4")).toHaveText(
+          "should serialize this",
+        );
+      }
+    });
   }
 });