From d2b0b64b9f4447bc6aab4453b7d3b0afe853a4af Mon Sep 17 00:00:00 2001
From: Alessandro Gimona <gimonaa@gmail.com>
Date: Fri, 22 Nov 2024 06:25:52 +0100
Subject: [PATCH] add v2 test - should update elements correctly

---
 .../qwik/src/core/tests/use-resource.spec.tsx | 94 +++++++++++++++++++
 1 file changed, 94 insertions(+)

diff --git a/packages/qwik/src/core/tests/use-resource.spec.tsx b/packages/qwik/src/core/tests/use-resource.spec.tsx
index 9b67131dfbe..707e40bba77 100644
--- a/packages/qwik/src/core/tests/use-resource.spec.tsx
+++ b/packages/qwik/src/core/tests/use-resource.spec.tsx
@@ -339,4 +339,98 @@ describe.each([
       </Component>
     );
   });
+
+  it('should update elements correctly', async () => {
+    (global as any).delay = () => new Promise<void>((res) => ((global as any).delay.resolve = res));
+    const ResourceCmp = component$(() => {
+      const count = useSignal(0);
+      const resource = useResource$<number>(async ({ track }) => {
+        track(count);
+        return count.value + 10;
+      });
+
+      return (
+        <>
+          <button onClick$={() => count.value++}>{count.value}</button>
+          <Resource
+            value={resource}
+            // uncomment to test pending WORKING and test pass
+            // onPending={() => <p>Loading..</p>}
+            onRejected={() => <p>error ...</p>}
+            onResolved={(data) => (
+              <>
+                <div>{data}</div>
+                <input value={`${data}`} />
+              </>
+            )}
+          />
+        </>
+      );
+    });
+
+    const { vNode, container } = await render(<ResourceCmp />, { debug });
+    expect(vNode).toMatchVDOM(
+      <Component ssr-required>
+        <Fragment ssr-required>
+          <button>
+            <Signal ssr-required>0</Signal>
+          </button>
+          <InlineComponent ssr-required>
+            <Fragment ssr-required>
+              <Awaited ssr-required>
+                <Fragment ssr-required>
+                  <div>10</div>
+                  <input value="10" />
+                </Fragment>
+              </Awaited>
+            </Fragment>
+          </InlineComponent>
+        </Fragment>
+      </Component>
+    );
+    await trigger(container.element, 'button', 'click');
+
+    expect(vNode).toMatchVDOM(
+      <Component ssr-required>
+        <Fragment ssr-required>
+          <button>
+            <Signal ssr-required>1</Signal>
+          </button>
+          <InlineComponent ssr-required>
+            <Fragment ssr-required>
+              <Awaited ssr-required>
+                <Fragment ssr-required>
+                  <div>11</div>
+                  <input value="11" />
+                </Fragment>
+              </Awaited>
+            </Fragment>
+          </InlineComponent>
+        </Fragment>
+      </Component>
+    );
+    // await (global as any).delay.resolve();
+    await getTestPlatform().flush();
+
+    expect(vNode).toMatchVDOM(
+      <Component ssr-required>
+        <Fragment ssr-required>
+          <button>
+            <Signal ssr-required>1</Signal>
+          </button>
+          <InlineComponent ssr-required>
+            <Fragment ssr-required>
+              <Awaited ssr-required>
+                <Fragment ssr-required>
+                  <div>11</div>
+                  <input value="11" />
+                </Fragment>
+              </Awaited>
+            </Fragment>
+          </InlineComponent>
+        </Fragment>
+      </Component>
+    );
+    (global as any).delay = undefined;
+  });
 });