Resolve "Failed prop type" warnings in ResizableWithHandle.test.js

    Warning: Failed prop type: The prop `children` is marked as required in
    `ResizableWithHandle`, but its value is `undefined`.  at children
    (/home/chrisroos/Code/rpf/editor-ui/src/utils/ResizableWithHandle.js:42:11)

Author: chrisroos

src/utils/ResizableWithHandle.test.js

@@ -3,18 +3,18 @@ import { render, screen } from "@testing-library/react";
 import ResizableWithHandle from "./ResizableWithHandle";
 
 test("renders a horizontal handle", () => {
-  render(<ResizableWithHandle handleDirection="bottom" />);
+  render(<ResizableWithHandle handleDirection="bottom"><hr /></ResizableWithHandle>);
   expect(screen.getByTestId("horizontalHandle")).toBeTruthy();
 });
 
 test("renders a vertical handle", () => {
-  render(<ResizableWithHandle handleDirection="right" />);
+  render(<ResizableWithHandle handleDirection="right"><hr /></ResizableWithHandle>);
   expect(screen.getByTestId("verticalHandle")).toBeTruthy();
 });
 
 test("it does not add an incorrect class to the handle", () => {
   const { container } = render(
-    <ResizableWithHandle handleDirection="bottom" />,
+    <ResizableWithHandle handleDirection="bottom"><hr /></ResizableWithHandle>,
   );
   expect(
     container.getElementsByClassName("resizable-with-handle__handle--right")
@@ -24,7 +24,7 @@ test("it does not add an incorrect class to the handle", () => {
 
 test("it adds the expected class to the handle", () => {
   const { container } = render(
-    <ResizableWithHandle handleDirection="bottom" />,
+    <ResizableWithHandle handleDirection="bottom"><hr /></ResizableWithHandle>,
   );
   expect(
     container.getElementsByClassName("resizable-with-handle__handle--bottom")