From dd205feda0fabd096a56a6758a42aff900c87ab4 Mon Sep 17 00:00:00 2001
From: Rachel Fenichel <fenichel@google.com>
Date: Tue, 31 May 2016 11:06:17 -0700
Subject: [PATCH 1/2] Add a button to randomly click and drag blocks in the
 playground.

---
 tests/playground.html | 63 ++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 62 insertions(+), 1 deletion(-)

diff --git a/tests/playground.html b/tests/playground.html
index 6b6c81333..c74695d17 100644
--- a/tests/playground.html
+++ b/tests/playground.html
@@ -63,6 +63,7 @@
 // Depending on the URL argument, render as LTR or RTL.
 var rtl = (document.location.search == '?rtl');
 var workspace = null;
+var fakeDragQueue = [];
 
 function start() {
   var toolbox = document.getElementById('toolbox');
@@ -178,6 +179,65 @@ function airstrike(n) {
   }
 }
 
+function fakeDrag(id, dx, dy, opt_workspace) {
+  var ws = opt_workspace ? opt_workspace : Blockly.getMainWorkspace();
+  var blockToDrag = ws.getBlockById(id);
+
+  if (!blockToDrag) {
+    return;
+  }
+  var blockTop = blockToDrag.svgGroup_.getBoundingClientRect().top;
+  var blockLeft = blockToDrag.svgGroup_.getBoundingClientRect().left;
+
+  // Click somewhere on the block.
+  var mouseDownEvent = new MouseEvent('mousedown',
+      {clientX: blockLeft + 5, clientY: blockTop + 5});
+  blockToDrag.onMouseDown_(mouseDownEvent);
+
+  // Throw in a move for good measure.
+  window.setTimeout(
+    function() {
+      var mouseMoveEvent = new MouseEvent('mousemove',
+          {clientX: blockLeft + dx,
+          clientY: blockTop + dy});
+      blockToDrag.onMouseMove_(mouseMoveEvent);
+
+      // Drop at dx, dy.
+      window.setTimeout(
+        function() {
+          var mouseUpEvent = new MouseEvent('mouseup',
+              {clientX: blockLeft + dx,
+              clientY: blockTop + dy});
+          blockToDrag.onMouseUp_(mouseUpEvent);
+
+          window.setTimeout(fakeDragWrapper(), 100);
+        }, 30);
+    }, 30);
+};
+
+function fakeDragWrapper() {
+  var dragInfo = fakeDragQueue.pop();
+  if (dragInfo) {
+    fakeDrag(dragInfo.id, dragInfo.dx, dragInfo.dy, dragInfo.workspace);
+  }
+}
+
+function fakeManyDrags() {
+  var ws = Blockly.getMainWorkspace();
+  var blockList = ws.getAllBlocks();
+  for (var i = 0; i < 2 * blockList.length; i++) {
+    fakeDragQueue.push(
+      {
+        id: blockList[Math.round(Math.random() * (blockList.length - 1))].id,
+        // Move some blocks up and to the left, but mostly down and to the right.
+        dx: Math.round((Math.random() - 0.25) * 200),
+        dy: Math.round((Math.random() - 0.25)* 200),
+        workspace: ws
+      });
+  }
+  fakeDragWrapper();
+}
+
 function spaghetti(n) {
   var xml = spaghettiXml;
   for(var i = 0; i < n; i++) {
@@ -591,7 +651,8 @@ h1 {
     Stress test: &nbsp;
     <input type="button" value="Airstrike!" onclick="airstrike(100)">
     <input type="button" value="Spaghetti!" onclick="spaghetti(8)">
-  </p>
+     <input type="button" value="Fake some drags!" onclick="fakeManyDrags()">
+ </p>
   <p>
     Log events: &nbsp;
     <input type="checkbox" onclick="logEvents(this.checked)" id="logCheck">

From 53cf0be791bf4774c5787c34986af869175a4fd3 Mon Sep 17 00:00:00 2001
From: Rachel Fenichel <fenichel@google.com>
Date: Wed, 1 Jun 2016 15:24:23 -0700
Subject: [PATCH 2/2] lint

---
 tests/playground.html | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/tests/playground.html b/tests/playground.html
index c74695d17..69bb0eb84 100644
--- a/tests/playground.html
+++ b/tests/playground.html
@@ -63,7 +63,7 @@
 // Depending on the URL argument, render as LTR or RTL.
 var rtl = (document.location.search == '?rtl');
 var workspace = null;
-var fakeDragQueue = [];
+var fakeDragStack = [];
 
 function start() {
   var toolbox = document.getElementById('toolbox');
@@ -180,11 +180,11 @@ function airstrike(n) {
 }
 
 function fakeDrag(id, dx, dy, opt_workspace) {
-  var ws = opt_workspace ? opt_workspace : Blockly.getMainWorkspace();
+  var ws = opt_workspace || Blockly.getMainWorkspace();
   var blockToDrag = ws.getBlockById(id);
 
   if (!blockToDrag) {
-    return;
+    fakeDragWrapper();
   }
   var blockTop = blockToDrag.svgGroup_.getBoundingClientRect().top;
   var blockLeft = blockToDrag.svgGroup_.getBoundingClientRect().left;
@@ -195,7 +195,7 @@ function fakeDrag(id, dx, dy, opt_workspace) {
   blockToDrag.onMouseDown_(mouseDownEvent);
 
   // Throw in a move for good measure.
-  window.setTimeout(
+  setTimeout(
     function() {
       var mouseMoveEvent = new MouseEvent('mousemove',
           {clientX: blockLeft + dx,
@@ -203,36 +203,35 @@ function fakeDrag(id, dx, dy, opt_workspace) {
       blockToDrag.onMouseMove_(mouseMoveEvent);
 
       // Drop at dx, dy.
-      window.setTimeout(
+      setTimeout(
         function() {
           var mouseUpEvent = new MouseEvent('mouseup',
               {clientX: blockLeft + dx,
               clientY: blockTop + dy});
           blockToDrag.onMouseUp_(mouseUpEvent);
 
-          window.setTimeout(fakeDragWrapper(), 100);
+          setTimeout(fakeDragWrapper(), 100);
         }, 30);
     }, 30);
 };
 
 function fakeDragWrapper() {
-  var dragInfo = fakeDragQueue.pop();
+  var dragInfo = fakeDragStack.pop();
   if (dragInfo) {
     fakeDrag(dragInfo.id, dragInfo.dx, dragInfo.dy, dragInfo.workspace);
   }
 }
 
 function fakeManyDrags() {
-  var ws = Blockly.getMainWorkspace();
-  var blockList = ws.getAllBlocks();
+  var blockList = workspace.getAllBlocks();
   for (var i = 0; i < 2 * blockList.length; i++) {
-    fakeDragQueue.push(
+    fakeDragStack.push(
       {
         id: blockList[Math.round(Math.random() * (blockList.length - 1))].id,
         // Move some blocks up and to the left, but mostly down and to the right.
         dx: Math.round((Math.random() - 0.25) * 200),
-        dy: Math.round((Math.random() - 0.25)* 200),
-        workspace: ws
+        dy: Math.round((Math.random() - 0.25) * 200),
+        workspace: workspace
       });
   }
   fakeDragWrapper();
@@ -651,8 +650,8 @@ h1 {
     Stress test: &nbsp;
     <input type="button" value="Airstrike!" onclick="airstrike(100)">
     <input type="button" value="Spaghetti!" onclick="spaghetti(8)">
-     <input type="button" value="Fake some drags!" onclick="fakeManyDrags()">
- </p>
+    <input type="button" value="Fake some drags!" onclick="fakeManyDrags()">
+  </p>
   <p>
     Log events: &nbsp;
     <input type="checkbox" onclick="logEvents(this.checked)" id="logCheck">