chore: add test

maksimr · Mar 5, 2022 · 80ca433 · 80ca433
1 parent 8eba0bd
commit 80ca433
Showing 1 changed file with 19 additions and 6 deletions.
diff --git a/lib/react/StoreLayer.test.js b/lib/react/StoreLayer.test.js
@@ -88,10 +88,10 @@ describe('StoreLayer', function() {
   });
 
   it('should pass only part of the story', function() {
-    const Baz = () => {
+    const Baz = ({ id = '' }) => {
       const [state, setState] = useStore();
       return (
-        <div>
+        <div id={id}>
           <button onClick={() => setState((state) => void (state.counter += 1))} />
           <b>{state.counter}</b>
         </div>
@@ -100,22 +100,35 @@ describe('StoreLayer', function() {
 
     store.swap((state) => {
       state.foo = { counter: 0 };
+      state.bar = { counter: 0 };
     });
 
     const { container } = render(
       <StoreLayer store={store}>
         <Cursor query={(state) => state.foo}>
-          <Baz />
+          <Baz id="A" />
+        </Cursor>
+        <Cursor query={(state) => state.bar}>
+          <Baz id="B" />
         </Cursor>
       </StoreLayer>
     );
 
-    expect(container.querySelector('b')?.innerHTML).toEqual('0');
+    expect(container.querySelector('#A b')?.innerHTML).toEqual('0');
+    expect(container.querySelector('#B b')?.innerHTML).toEqual('0');
 
-    fireEvent.click(/**@type {HTMLElement}*/(container.querySelector('button')));
-    expect(container.querySelector('b')?.innerHTML).toEqual('1');
+    fireEvent.click(/**@type {HTMLElement}*/(container.querySelector('#A button')));
+    expect(container.querySelector('#A b')?.innerHTML).toEqual('1');
+    expect(container.querySelector('#B b')?.innerHTML).toEqual('0');
     expect(store.value.counter).toEqual(0);
     expect(store.value.foo.counter).toEqual(1);
+    expect(store.value.bar.counter).toEqual(0);
+
+    fireEvent.click(/**@type {HTMLElement}*/(container.querySelector('#B button')));
+    expect(container.querySelector('#A b')?.innerHTML).toEqual('1');
+    expect(container.querySelector('#B b')?.innerHTML).toEqual('1');
+    expect(store.value.foo.counter).toEqual(1);
+    expect(store.value.bar.counter).toEqual(1);
   });
 
   function Foo() {