Function ComponentWithRoot

src/__tests__/useInView.test.tsx:116–132

()

  test("root option", async () => {
    const ComponentWithRoot: React.FC = () => {
      const rootRef = useRef<HTMLDivElement | null>(null);

      const [ref, ,, observer] = useInView({
        root: rootRef.current,
      });
      const root = observer?.root;
      const text = !!root;

      return (
        <div ref={rootRef}>
          <div ref={ref}>
            {text.toString()}
          </div>
        </div>
      );
    };

    const { getByText } = render(<ComponentWithRoot />);