From 75dd135a2b85aa24f332fde8142d5f348b3eab2f Mon Sep 17 00:00:00 2001
From: Steve Clay <steve@mrclay.org>
Date: Wed, 20 Jul 2022 23:57:25 -0400
Subject: [PATCH] Add failing test (#88)

---
 tests/getStore.test.js |  2 +-
 tests/issue88.test.js  | 65 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 66 insertions(+), 1 deletion(-)
 create mode 100644 tests/issue88.test.js

diff --git a/tests/getStore.test.js b/tests/getStore.test.js
index fd2b972..a8156a9 100644
--- a/tests/getStore.test.js
+++ b/tests/getStore.test.js
@@ -134,5 +134,5 @@ describe('getStore', () => {
     expect(screen.getByTestId('items').textContent).toContain('firstElement');
     act(() => push(items, 'secondElement'));
     expect(screen.getByTestId('items').textContent).toContain('firstElement,secondElement');
-  })
+  });
 });
diff --git a/tests/issue88.test.js b/tests/issue88.test.js
new file mode 100644
index 0000000..a1e6d17
--- /dev/null
+++ b/tests/issue88.test.js
@@ -0,0 +1,65 @@
+import {render} from '@testing-library/react';
+import {useEffect, useState} from 'react';
+
+import '@babel/polyfill';
+
+import createStore from '../package/index';
+
+describe('Issue 88', () => {
+  it('should subscribe even if initially not rendered', () => {
+    const track = jest.fn();
+
+    const initialStore = {
+      number: 0,
+    };
+    const {useStore} = createStore(initialStore);
+
+    const AA = () => {
+      const [number] = useStore.number();
+      track(`AA number: ${number}`);
+
+      return number;
+    };
+
+    const CC = () => {
+      const [number, setNumber] = useStore.number();
+      track(`CC number: ${number}`);
+      if (!number) {
+        setNumber((prev) => prev + 1);
+      }
+
+      return 'c';
+    };
+
+    function App() {
+      const [show, setShow] = useState(false);
+      track(`App show: ${show}`);
+      useEffect(() => {
+        setShow(true);
+      }, []);
+
+      return (
+        <div>
+          {show && (
+            <>
+              <AA />
+              <CC />
+            </>
+          )}
+        </div>
+      );
+    }
+
+    render(<App />);
+
+    console.log(track.mock.calls);
+    expect(track.mock.calls).toContain([
+        [ 'App show: false' ],
+        [ 'App show: true' ],
+        [ 'AA number: 0' ],
+        [ 'CC number: 0' ],
+        [ 'AA number: 1' ],
+        [ 'CC number: 1' ],
+    ]);
+  });
+});