From 35fa4adf3124b12d6d304de02f98af5a66e6c74d Mon Sep 17 00:00:00 2001
From: Varixo <admin@varixo.pl>
Date: Sun, 10 Mar 2024 17:32:15 +0100
Subject: [PATCH] test(v2): add test for #4332

---
 packages/qwik/src/core/v2/use-task.unit.tsx | 64 +++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/packages/qwik/src/core/v2/use-task.unit.tsx b/packages/qwik/src/core/v2/use-task.unit.tsx
index 0f6d5555917..d822d549f46 100644
--- a/packages/qwik/src/core/v2/use-task.unit.tsx
+++ b/packages/qwik/src/core/v2/use-task.unit.tsx
@@ -645,5 +645,69 @@ Error.stackTraceLimit = 100;
         </Component>
       );
     });
+
+    it('#4332', async () => {
+      const Child = component$((props: { val: string }) => {
+        useTask$(({ track }) => {
+          track(() => props.val)
+        });
+        return <>{props.val}</>;
+      });
+      
+      const Parent = component$(() => {
+        const sig = useSignal<{ data: string } | undefined>({ data: 'abcd' });
+      
+        return (
+          <>
+            <button onClick$={inlinedQrl(() => {
+              const [sig] = useLexicalScope();
+              sig.value = sig.value ? undefined : { data: 'abcd' };
+            }, 's_onClick', [sig])}>Toggle</button>
+            {sig.value && <Child val={sig.value.data} />}
+          </>
+        );
+      });
+      const { vNode, document } = await render(<Parent />, { debug });
+      expect(vNode).toMatchVDOM(
+        <Component>
+          <Fragment>
+            <button>
+              Toggle
+            </button>
+            <Component>
+              <Fragment>
+                abcd
+              </Fragment>
+            </Component>
+          </Fragment>
+        </Component>
+      );
+      await trigger(document.body, 'button', 'click');
+      expect(vNode).toMatchVDOM(
+        <Component>
+          <Fragment>
+            <button>
+              Toggle
+            </button>
+            {''}
+          </Fragment>
+        </Component>
+      );
+      await trigger(document.body, 'button', 'click');
+      expect(vNode).toMatchVDOM(
+        <Component>
+          <Fragment>
+            <button>
+              Toggle
+            </button>
+            <Component>
+              <Fragment>
+                abcd
+              </Fragment>
+            </Component>
+          </Fragment>
+        </Component>
+      );
+    });
   });
 });