add test for useSelector

Author: SilentCatD

tests/hooks/use_builder/use_builder_ctor.test.tsx

@@ -45,7 +45,6 @@ type DisplayRenderedProps = {
 }
 const DisplayRendered = ({ buildWhen, stateComp }: DisplayRenderedProps) => {
   const [state, controller] = useBuilder(TestController, buildWhen, stateComp)
-  console.log(controller)
   return (
     <>
       <h1 data-testid='text'>{state}</h1>

tests/hooks/use_selector/use_selector_controller.test.ts

@@ -0,0 +1,99 @@
+import { TestScheduler } from 'rxjs/testing'
+import { Controller, useSelector } from '../../../src'
+import { tap } from 'rxjs'
+import { act, renderHook, waitFor } from '@testing-library/react'
+
+type CounterData = {
+  counter: number
+}
+
+class TestController extends Controller<CounterData> {
+  constructor() {
+    super({ counter: 0 })
+  }
+  inc() {
+    this.emit({ counter: this.state.counter + 1 })
+  }
+  protected compareState(): boolean {
+    return false
+  }
+  reEmit() {
+    this.emit(this.state)
+  }
+}
+
+it('emit object values every reEmit', () => {
+  const testScheduler = new TestScheduler((actual, expected) => {
+    return expect(actual).toEqual(expected)
+  })
+  const testController = new TestController()
+  const triggerMarbles = '-aaaa'
+  const triggerValues = {
+    a: () => testController.reEmit(),
+  }
+
+  const expectedMarbles = '-aaaa'
+  const expectedValues = {
+    a: { counter: 0 },
+  }
+  const eventObservable = testController.observable.pipe()
+  testScheduler.run(({ expectObservable, cold }) => {
+    expectObservable(eventObservable).toBe(expectedMarbles, expectedValues)
+    expectObservable(cold(triggerMarbles, triggerValues).pipe(tap((fn) => fn())))
+  })
+})
+
+it('rerender on state changed', async () => {
+  const instance = new TestController()
+  const { result } = renderHook(() => {
+    return useSelector(instance, (state) => state.counter)
+  })
+  expect(result.current).toBe(0)
+  act(() => {
+    instance.inc()
+    instance.inc()
+    instance.inc()
+    instance.inc()
+    instance.inc()
+  })
+  await waitFor(() => expect(result.current).toBe(5))
+})
+
+it('specified state compare respected', async () => {
+  const stateCompareFn = jest.fn((prev, curr) => {
+    return prev !== curr
+  })
+  const instance = new TestController()
+  const { result } = renderHook(() => {
+    return useSelector(
+      instance,
+      (state) => state.counter,
+      (prev, curr) => stateCompareFn(prev, curr),
+    )
+  })
+  expect(result.current).toBe(0)
+  act(() => {
+    instance.inc()
+    instance.inc()
+    instance.inc()
+    instance.inc()
+  })
+  await waitFor(() => {
+    expect(stateCompareFn).toHaveBeenCalledTimes(4)
+    expect(stateCompareFn.mock.calls[0][0]).toBe(0)
+    expect(stateCompareFn.mock.calls[0][1]).toBe(1)
+    expect(stateCompareFn.mock.calls[1][0]).toBe(0)
+    expect(stateCompareFn.mock.calls[1][1]).toBe(2)
+    expect(stateCompareFn.mock.calls[2][0]).toBe(0)
+    expect(stateCompareFn.mock.calls[2][1]).toBe(3)
+    expect(stateCompareFn.mock.calls[3][0]).toBe(0)
+    expect(stateCompareFn.mock.calls[3][1]).toBe(4)
+    expect(result.current).toBe(0)
+  })
+})
+
+it('useSelector controller return value', () => {
+  const instance = new TestController()
+  const { result } = renderHook(() => useSelector(instance, (state) => state.counter))
+  expect(result.current).toBe(0)
+})