Function HookComponent

src/__tests__/browser.test.tsx:9–22

({ options }: { options?: IntersectionOptions })

});

const HookComponent = ({ options }: { options?: IntersectionOptions }) => {
  const [ref, inView] = useInView(options);

  return (
    <div
      ref={ref}
      data-testid="wrapper"
      style={{ height: 200, background: "cyan" }}
      data-inview={inView}
    >
      InView block
    </div>
  );
};

test("should come into view on after rendering", async () => {
  render(<HookComponent />);