test: ensured use-state and use-wire-value is in sync

related issue: facebookexperimental/Recoil#1076

src/selector/use-selector.test.ts

@@ -1,4 +1,6 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { act, renderHook } from '@testing-library/react-hooks';
+import { useEffect, useState } from 'react';
+import { useWireValue } from '../state-wire/use-wire-value';
 import { useWire } from '../wire/use-wire';
 import { useSelector } from './use-selector';
 
@@ -12,4 +14,20 @@ describe('use-selector', () => {
 
     expect(result.current.selector.getValue()).toBe(6);
   });
+  it('should updated in sync with react useState', function () {
+    const { result } = renderHook(() => {
+      const wire = useWire(null, 0);
+      const selector = useSelector({ get: ({ get }) => get(wire) * 2 });
+      const selectorValue = useWireValue(selector);
+      const [value, setValue] = useState(0);
+      useEffect(() => {
+        expect(selectorValue).toBe(value * 2);
+      });
+      return { wire, setValue };
+    });
+    act(() => {
+      result.current.setValue(1);
+      result.current.wire.setValue(1);
+    });
+  });
 });

src/state-wire/use-wire-value.test.ts

@@ -1,4 +1,6 @@
 import { act, renderHook } from '@testing-library/react-hooks';
+import { useEffect, useState } from 'react';
+import { useWire } from '../wire/use-wire';
 import { useStateWire } from './use-state-wire';
 import { useWireValue } from './use-wire-value';
 
@@ -148,4 +150,19 @@ describe('useWireValue', () => {
       expect(result.current.wire2.getValue()).toBe(6);
     });
   });
+  it('should updated in sync with react useState', function () {
+    const { result } = renderHook(() => {
+      const wire = useWire(null, 0);
+      const wireValue = useWireValue(wire);
+      const [value, setValue] = useState(0);
+      useEffect(() => {
+        expect(wireValue).toBe(value);
+      });
+      return { wire, setValue };
+    });
+    act(() => {
+      result.current.setValue(1);
+      result.current.wire.setValue(1);
+    });
+  });
 });