import React, { type ReactElement, type ComponentType, type ReactNode } from 'react';
import { render } from '@testing-library/react';
import { renderHook } from '@testing-library/react-hooks';
import { injectable, di, DiProvider, type Dependency } from 'react-magnetic-di';
const createRtlDiWrapper =
 (use: Dependency[]): ComponentType<{ children: ReactNode }> =>
 (props: { children: ReactNode }) =>
 <DiProvider use={use}>{props.children}</DiProvider>;
const renderHookWithDi = <TProps, TResult>(
 callback: (props: TProps) => TResult,
 dependencies: Dependency[] = [],
) =>
 renderHook<TProps, TResult>(callback, {
 wrapper: createRtlDiWrapper(dependencies) as unknown as ComponentType<TProps>,
 });
const renderWithDi = (element: ReactElement, dependencies: Dependency[] = []) =>
 render(element, {
 wrapper: createRtlDiWrapper(dependencies),
 });
const exampleDependency = () => 1;
describe('renderHook vs render', () => {
 const deps = [injectable(exampleDependency, () => 2)];
 it('should inject dependency using renderHook (but fails)', () => {
 const useExample = () => {
 di(exampleDependency);
 return { value: exampleDependency() };
 };
 const { result } = renderHookWithDi(() => useExample(), deps);
 expect(result.current).toEqual({ value: 2 });
 });
 it('should inject dependency using render', () => {
 const Example = () => {
 di(exampleDependency);
 return <span>{exampleDependency()}</span>;
 };
 const { asFragment } = renderWithDi(<Example />,deps);
 expect(asFragment()).toMatchInlineSnapshot(`
 <span>
 2
 </span>
 `);
 });
});