Adding test blocks into the playground (#1629)

The new toolbox option includes a number of test blocks largely pulled from the android project, testing various configurations and edge cases.
google · Feb 16, 2018 · d9a7f84 · d9a7f84
1 parent 29dc402
commit d9a7f84
Show file tree

Hide file tree

Showing 18 changed files with 537 additions and 0 deletions.
diff --git a/media/test_200px.png b/media/test_200px.png
diff --git a/media/test_30px.png b/media/test_30px.png
diff --git a/media/test_50px.png b/media/test_50px.png
diff --git a/media/test_a.png b/media/test_a.png
diff --git a/media/test_b.png b/media/test_b.png
diff --git a/media/test_c.png b/media/test_c.png
diff --git a/media/test_d.png b/media/test_d.png
diff --git a/media/test_e.png b/media/test_e.png
diff --git a/media/test_f.png b/media/test_f.png
diff --git a/media/test_g.png b/media/test_g.png
diff --git a/media/test_h.png b/media/test_h.png
diff --git a/media/test_i.png b/media/test_i.png
diff --git a/media/test_j.png b/media/test_j.png
diff --git a/media/test_k.png b/media/test_k.png
diff --git a/media/test_l.png b/media/test_l.png
diff --git a/media/test_m.png b/media/test_m.png
diff --git a/tests/blocks/test_blocks.js b/tests/blocks/test_blocks.js
diff --git a/tests/playground.html b/tests/playground.html
@@ -64,6 +64,7 @@
 <script src="../blocks/variables.js"></script>
 <script src="../blocks/variables_dynamic.js"></script>
 <script src="../blocks/procedures.js"></script>
+<script src="blocks/test_blocks.js"></script>
 <script>
 'use strict';
 var workspace = null;
@@ -326,6 +327,7 @@ <h1>Blockly Playground</h1>
       <option value="categories">Categories (untyped variables)</option>
       <option value="categories-typed-variables">Categories (typed variables)</option>
       <option value="simple">Simple</option>
+      <option value="test-blocks">Test Blocks</option>
     </select>
     <select name="side" onchange="document.forms.options.submit()">
       <option value="start">Start</option>
@@ -1048,5 +1050,47 @@ <h1>Blockly Playground</h1>
     <category name="Variables" colour="310" custom="VARIABLE_DYNAMIC"></category>
     <category name="Functions" colour="290" custom="PROCEDURE"></category>
   </xml>
+
+  <!-- toolbox-test-blocks has a category menu and an auto-closing flyout.
+  The blocks in this toolbox reflect block configurations not used by
+  the standard predefined blocks, and so test alernative block rendering
+  code paths. -->
+  <xml id="toolbox-test-blocks" style="display: none">
+    <category name="Basic">
+      <block type="empty_block"></block>
+      <block type="empty_block_with_mutator"></block>
+    </category>
+    <category name="Fields">
+      <label text="Numbers"></label>
+      <block type="test_number"></block>
+      <block type="test_integer"></block>
+      <block type="test_number_hundredths"></block>
+      <block type="test_integer_bounded"></block>
+      <label text="Drop-downs"></label>
+      <block type="example_dropdown_long"></block>
+      <block type="example_dropdown_images"></block>
+      <label text="Others"></label>
+      <block type="example_angle"></block>
+      <block type="example_date"></block>
+    </category>
+    <category name="Style">
+      <label text="Hats"></label>
+      <block type="styled_event_cap"></block>
+      <label text="Colour"></label>
+      <block type="block_colour_hex1"></block>
+      <block type="block_colour_hex2"></block>
+      <block type="block_colour_hex3"></block>
+      <block type="block_no_colour"></block>
+      <block type="block_colour_hex4"></block>
+      <block type="block_colour_hex5"></block>
+    </category>
+    <category name="Images">
+      <block type="image_datauri"></block>
+      <block type="image_small"></block>
+      <block type="image_large"></block>
+      <block type="image_missing"></block>
+      <block type="test_with_lots_of_network_icons"></block>
+    </category>
+  </xml>
 </body>
 </html>