add test for resolve controller

Author: SilentCatD

src/index.ts

@@ -3,7 +3,13 @@ import { Subscription, SubscriptionLike, TeardownLogic, Unsubscribable, Observab
 import { Create, Constructor, InferStateType, ShouldUpdate, StateCompare } from './types'
 import { useAutoDispose } from './hooks/useAutoDispose'
 import { ControllerProvider, ControllerProviderProps } from './ControllerProvider'
-import { MultiProvider, ReceivableElement, MultiProviderProps, useProvider } from 'react-scoped-provider'
+import {
+  MultiProvider,
+  ReceivableElement,
+  MultiProviderProps,
+  useProvider,
+  ResourcesNotProvidedError,
+} from 'react-scoped-provider'
 import { useListener } from './hooks/useListener'
 import { useBuilder } from './hooks/useBuilder'
 import { useSelector } from './hooks/useSelector'
@@ -19,7 +25,7 @@ export { Listener, ListenerProps }
 export { useSelector }
 export { useBuilder }
 export { useListener }
-export { MultiProvider, ReceivableElement, MultiProviderProps, useProvider }
+export { MultiProvider, ReceivableElement, MultiProviderProps, useProvider, ResourcesNotProvidedError }
 export { ControllerProvider, ControllerProviderProps }
 export { useAutoDispose }
 export { Create, Constructor, InferStateType, ShouldUpdate, StateCompare }

tests/hooks/use_controller_resolver/use_controller_resolver.test.tsx

@@ -0,0 +1,53 @@
+import { getByTestId, render, waitFor } from '@testing-library/react'
+import { Constructor, Controller, ControllerProvider, ResourcesNotProvidedError } from '../../../src'
+import { useControllerResolver } from '../../../src/hooks/useControllerResolver'
+import { PropsWithChildren } from 'react'
+
+class TestController extends Controller<number> {
+  constructor() {
+    super(5)
+  }
+}
+
+const ProviderComponent = ({ children }: PropsWithChildren) => {
+  return <ControllerProvider source={() => new TestController()}>{children}</ControllerProvider>
+}
+
+type ConsumerProps = {
+  source: Constructor<TestController> | TestController
+}
+const ComsumerComponent = ({ source }: ConsumerProps) => {
+  const controller = useControllerResolver(source)
+  return <h1 data-testid='number'>{controller.state}</h1>
+}
+
+it('can get provided data with ctor', () => {
+  const { container } = render(
+    <ProviderComponent>
+      <ComsumerComponent source={TestController} />
+    </ProviderComponent>,
+  )
+  const renderedNumberElement = getByTestId(container, 'number')
+  const renderedNumber = renderedNumberElement.textContent
+  const expectedNumber = '5'
+  expect(renderedNumber).toBe(expectedNumber)
+})
+
+it('can get provided data with instance', () => {
+  const testController = new TestController()
+  const { container } = render(<ComsumerComponent source={testController} />)
+  const renderedNumberElement = getByTestId(container, 'number')
+  const renderedNumber = renderedNumberElement.textContent
+  const expectedNumber = '5'
+  expect(renderedNumber).toBe(expectedNumber)
+})
+
+it('throw error when not provided ctor', async () => {
+  jest.spyOn(console, 'error').mockImplementation(() => jest.fn())
+
+  const renderer = () => {
+    render(<ComsumerComponent source={TestController} />)
+  }
+  await waitFor(() => expect(renderer).toThrow(ResourcesNotProvidedError))
+  jest.restoreAllMocks()
+})