Add children property

Author: cquiroz

facade/src/main/scala/react/virtualized/AutoSizer.scala

@@ -3,8 +3,10 @@ package virtualized
 
 import japgolly.scalajs.react._
 import japgolly.scalajs.react.vdom.VdomNode
+import japgolly.scalajs.react.raw.ReactNode
 import japgolly.scalajs.react.component.Js.{RawMounted, UnmountedMapped}
 import japgolly.scalajs.react.internal.Effect.Id
+import defs._
 
 import scala.scalajs.js
 import scala.scalajs.js.annotation.JSImport
@@ -15,11 +17,13 @@ object AutoSizer {
   object RawComponent extends js.Object
 
   type OnResize = js.Function1[Size, Unit]
+  type RawChildren = js.Function1[Size, ReactNode]
+  type Children = js.Function1[Size, VdomNode]
 
   @js.native
   trait Props extends js.Object {
     /** Function responsible for rendering children.*/
-    // children: (warams: Size) => React.Element<*>, = js.native
+    var children: RawChildren = js.native
 
     /** Disable dynamic :height property */
     var disableHeight: js.UndefOr[Boolean] = js.native
@@ -35,6 +39,7 @@ object AutoSizer {
   }
 
   def props(
+    children: Children,
     disableHeight: js.UndefOr[Boolean] = js.undefined,
     disableWidth: js.UndefOr[Boolean] = js.undefined,
     nonce: js.UndefOr[String] = js.undefined,
@@ -45,6 +50,7 @@ object AutoSizer {
     p.disableWidth = disableWidth
     p.nonce = nonce
     p.onResize = (s: Size) => onResize(s).runNow
+    p.children = (s: Size) => {println(s);toRawNode(children(s))}
     p
   }
 

facade/src/test/scala/react/virtualized/AutoSizerSpec.scala

@@ -3,24 +3,40 @@ package virtualized
 
 import org.scalatest._
 import japgolly.scalajs.react._
+import japgolly.scalajs.react.test._
+import japgolly.scalajs.react.vdom.html_<^.{< => <<, _}
 
 class AutoSizerSpec extends FlatSpec with Matchers with NonImplicitAssertions with TestUtils {
+  def children(s: Size): VdomNode =
+    <<.div(
+      ^.width := s.width.px,
+      ^.height := s.height.px,
+      <<.span("text")
+    )
 
   "AutoSizer" should
-    "require width and dataKey" in {
-      Column(Column.props(200, "key")).props.width should be (200)
-      Column(Column.props(200, "key")).props.dataKey should be ("key")
+    "render" in {
+      val autoSizer = AutoSizer(AutoSizer.props(children = children))
+      ReactTestUtils.withRenderedIntoDocument(autoSizer) { m =>
+        val html =
+          """<div style="overflow: visible; height: 0px; width: 0px;">
+              |<div style="width: 0px; height: 0px;">
+                |<span>text</span>
+              |</div>
+              |</div>""".stripMargin.replaceAll("[\n\r]", "")
+        assert(m.outerHtmlScrubbed() == html)
+      }
     }
     it should "support disableWidth" in {
-      AutoSizer(AutoSizer.props()).props.disableWidth.toOption should contain(false)
-      AutoSizer(AutoSizer.props(disableWidth = true)).props.disableWidth.toOption should contain(true)
+      AutoSizer(AutoSizer.props(children = children)).props.disableWidth.toOption should contain(false)
+      AutoSizer(AutoSizer.props(children = children, disableWidth = true)).props.disableWidth.toOption should contain(true)
     }
     it should "support disableHeight" in {
-      AutoSizer(AutoSizer.props()).props.disableHeight.toOption should contain(false)
-      AutoSizer(AutoSizer.props(disableHeight = true)).props.disableHeight.toOption should contain(true)
+      AutoSizer(AutoSizer.props(children = children)).props.disableHeight.toOption should contain(false)
+      AutoSizer(AutoSizer.props(children = children, disableHeight = true)).props.disableHeight.toOption should contain(true)
     }
     it should "support onResize" in {
       val size = Size(height = 10, width = 20)
-      AutoSizer(AutoSizer.props(onResize = x => Callback.log(x))).props.onResize(size) should be(())
+      AutoSizer(AutoSizer.props(children = children, onResize = x => Callback.log(x))).props.onResize(size) should be(())
     }
 }