Added ScrollSync test harness

Brian Vaughn · Brian Vaughn · commit cbcc8cd8d9df · 2017-01-28T10:04:57.000-08:00
diff --git a/playground/scroll-sync.html b/playground/scroll-sync.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>foo</title>
+  <style type="text/css">
+    body, html, #mount {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+      padding: 0;
+    }
+  </style>
+</head>
+<body>
+  <div id="mount"></div>
+
+  <script src="utils.js"></script>
+  <script src="helper.js"></script>
+  <script>
+    loadReact();
+    loadScriptsAndStyles('scroll-sync.js');
+  </script>
+</body>
+</html>
diff --git a/playground/scroll-sync.js b/playground/scroll-sync.js
@@ -0,0 +1,72 @@
+function cellRenderer (params) {
+  return React.createElement(
+    'div',
+    {
+      className: 'item',
+      key: params.key,
+      style: params.style
+    },
+    params.columnIndex
+  )
+}
+
+var App = React.createClass({
+  render: function() {
+    return React.createElement(
+      ReactVirtualized.AutoSizer,
+      null,
+      function (autoSizerParams) {
+        return React.createElement(
+          ReactVirtualized.ScrollSync,
+          null,
+          function (scrollSyncParams) {
+            return React.createElement(
+              'div',
+              {
+                style: {
+                  height: autoSizerParams.height,
+                  width: autoSizerParams.width
+                }
+              },
+              React.createElement(
+                ReactVirtualized.Grid,
+                {
+                  cellRenderer: cellRenderer,
+                  columnCount: 1000,
+                  columnWidth: 35,
+                  height: autoSizerParams.height / 2,
+                  key: 0,
+                  overscanRowCount: 0,
+                  rowHeight: 30,
+                  rowCount: 5000,
+                  scrollLeft: scrollSyncParams.scrollLeft,
+                  width: autoSizerParams.width
+                }
+              ),
+              React.createElement(
+                ReactVirtualized.Grid,
+                {
+                  cellRenderer: cellRenderer,
+                  columnCount: 1000,
+                  columnWidth: 35,
+                  height: autoSizerParams.height / 2,
+                  key: 1,
+                  overscanRowCount: 0,
+                  onScroll: scrollSyncParams.onScroll,
+                  rowHeight: 30,
+                  rowCount: 5000,
+                  width: autoSizerParams.width
+                }
+              )
+            )
+          }
+        )
+      }
+    )
+  }
+})
+
+ReactDOM.render(
+  React.createElement(App),
+  document.querySelector('#mount')
+)
