From d9a7f84b98dbb5ed306cdf8ba84ecae2c90e5147 Mon Sep 17 00:00:00 2001
From: Andrew n marshall <Anm@anm.me>
Date: Fri, 16 Feb 2018 11:14:40 -0800
Subject: [PATCH] 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.
---
 media/test_200px.png        | Bin 0 -> 2165 bytes
 media/test_30px.png         | Bin 0 -> 1127 bytes
 media/test_50px.png         | Bin 0 -> 1590 bytes
 media/test_a.png            | Bin 0 -> 778 bytes
 media/test_b.png            | Bin 0 -> 769 bytes
 media/test_c.png            | Bin 0 -> 856 bytes
 media/test_d.png            | Bin 0 -> 738 bytes
 media/test_e.png            | Bin 0 -> 393 bytes
 media/test_f.png            | Bin 0 -> 343 bytes
 media/test_g.png            | Bin 0 -> 1169 bytes
 media/test_h.png            | Bin 0 -> 313 bytes
 media/test_i.png            | Bin 0 -> 200 bytes
 media/test_j.png            | Bin 0 -> 453 bytes
 media/test_k.png            | Bin 0 -> 612 bytes
 media/test_l.png            | Bin 0 -> 254 bytes
 media/test_m.png            | Bin 0 -> 1044 bytes
 tests/blocks/test_blocks.js | 493 ++++++++++++++++++++++++++++++++++++
 tests/playground.html       |  44 ++++
 18 files changed, 537 insertions(+)
 create mode 100644 media/test_200px.png
 create mode 100644 media/test_30px.png
 create mode 100644 media/test_50px.png
 create mode 100644 media/test_a.png
 create mode 100644 media/test_b.png
 create mode 100644 media/test_c.png
 create mode 100644 media/test_d.png
 create mode 100644 media/test_e.png
 create mode 100644 media/test_f.png
 create mode 100644 media/test_g.png
 create mode 100644 media/test_h.png
 create mode 100644 media/test_i.png
 create mode 100644 media/test_j.png
 create mode 100644 media/test_k.png
 create mode 100644 media/test_l.png
 create mode 100644 media/test_m.png
 create mode 100644 tests/blocks/test_blocks.js

diff --git a/media/test_200px.png b/media/test_200px.png
new file mode 100644
index 0000000000000000000000000000000000000000..a08e2fa6854355fe5008f404c00475076506d08b
GIT binary patch
literal 2165
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
ACjbBd

literal 0
HcmV?d00001

diff --git a/media/test_30px.png b/media/test_30px.png
new file mode 100644
index 0000000000000000000000000000000000000000..bf2532b79776a92488d1cef9ba8ec828c1fcf21b
GIT binary patch
literal 1127
zcmeAS@N?(olHy`uVBq!ia0vp^av;pX1|+Qw)-3{3jKx9jP7LeL$-D$|I14-?iy0WW
zg+Z8+Vb&Z8pn}NEkcg59UmvUF{9L`nl>DSry^7odplSvNn+hu+GdHy)QK2F?C$HG5
z!d3~a!V1U+3F|8<fR&VF+bTu)1}He^7o{qg>Y3;nDA{o-C@9zzrKDK}xwt{K19`Se
z86_nJR{Hwo<>h+i#(Mch>H3D2mX`VkM*2oZx<D1W#g%y_i50qe#mW#vVCJ}_7AF^F
z7L;V>=P7{9O-#x!EwNQn0$BtH5O<bjrXg&~D~5Ut=s|sujJ~0sfj-=9pjI1@sFi<F
zW-8ETkok6oHei(~Vo-Z*^g)&*IR@fWuqe>0c3d|4@L;p!@;Rg)$-uz0+|$J|#DjP3
z)ScZTfdcKvllKM)ulI0u5kBZ)a3g`$)Y#yXgTR?1_Rc+50>qEFL>PQI;80*FaOF<6
zaG+0_<DU1$SKrTmCnaa=CvW_>Ie*o?>d>#hWba;n$+NuGGwPN4-M2fsHH3v*?t0H(
z@#3=7?JhBuP#vk({0H4$zjK#cZu>3bf6IJA$)BV18@3wocROYV-#1L|F-=!F`f6QZ
zs@OHvt7VV8Pi(Z@F{|7qug84T#?)Kw1$O7{+V*mYKghUe-dQ{0_pB4XyI$><I~pOE
zx3ITB+U`JVf%=_mnFTs(#>>wc3WfOxx7fBj7l`v67OLQ$zQ8nh`6Y{-lRrCb`Q~k3
zeU~+h|4*B5!WzqGW<fdAzwzyuy6&CAnFF2`EGw^Fu3%+<AU7j9Pb151_oa1;N!mKC
zoE5yc6PP1%c&3>DvXw{%>f;O9)85Q<&p_c+sKrF>Vxf5P?dDSr?H@$m`f0!a)icX?
zPXql@9zHdjpxwvbZ*@$gc+vXXfqy!WB-L;E|G;8q75lmmOL?cPyB514x5w!CoyJwO
zZY=-DI`4Jnhdb*Ihj&~(`*=OW@pA__E4ZHV&Dm38{VB!g`?hz-=dqr@-d<RAar^m=
zwGYmQE#100Y|hjdCHtPA%X_14a6WXE{)1KKw;k>q1^<)2ZK|Plu6$a9_y?B01O79b
zjvMe<CkW*o68*t5vD<o1m;Qf~R6o_FU-DIR?<V;r?sz2gDP#T}r#gu%MiE!PZj%37
zakR&9ThZ2~;tH#8|J@p}$L`n5T;F)hWG(frNq0MYb3=1|-gND~+I!{Lk$LY=xosAT
z`EIMX+WK%p)w9%%dp8EEf4l!GW_?t%u6){R+w)Q8=9LTV%4c+j2dmz@tr79_V8?+C
zq4UplTt3#G$oJpwhh(VodOPjlf3w%+%((k1^gnx3X4#kTHwzDfa=)jmpUXO@geCy9
C^wm!Q

literal 0
HcmV?d00001

diff --git a/media/test_50px.png b/media/test_50px.png
new file mode 100644
index 0000000000000000000000000000000000000000..f09f54313e0a5727405b000e97821280f8a1dde9
GIT binary patch
literal 1590
zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1|;R|J2nC-#^NA%Cx&(BWL^R}oCO|{#S9GG
z!XV7ZFl&wkP(fs7NJL45ua8x7ey(0(N`6wRUPW#JP&EUCO@$SZnVVXYs8ErclUHn2
zVXFjIVFhG^g!Ppaz)DK8ZIvQ?0~DO|i&7O#^-S~(l<c?^6clWVQqrt~T->1AfjnEK
zjFOT9D}DX)@^Za$W4-*MbbUihOG|wNBYh(yU7!lx;>x^|#0uTKVr7USFmqf|i<65o
z3raHc^AtelCMM;Vme?vOfh>Xph&xL%(-1c06+^uR^q@XSM&D4+Kp$>4P^%3{)XKjo
zGZknv$b36P8?Z_gF{nK@`XI}Z90TzwSQO}0J1!f2c(B=V`5aP@WME(^^K@|x$zXju
z!@Hj+P~`Y=1C^eNUXG6*X}XW5PUuMKINxAuotUeyQ^VfhbEK(dE2rSb2_6FR2begO
z?(sY}{Zk+N-F}@{XnA;esc*T($^GZ|J}*7LbN#AUjg9Xv$M7=#n)S@(=JB^4cYgb-
z*Ey_w$Nw_w+V7joh2mEH<A1o@LHd=KVYBC(zWTW#adUol{qdY3l94{KR#yA;vZZGn
zqokfm{NehP`O%Nh#O{Yv-_$Qzze+D1H@TOb=q^#NQE>j9($||&4Q45GbIZNldKPQA
z_Ralr>(AWl%VKYxIk{$P(%u5+8|rsNJz8$6nniat`^`5y87yKpN4jf=9uN1CCK>CO
zSASIdB~N@Io*3O&xczjQ*MaXjjQdadKAx#8C}bt#c2l9wYlnV~z&-BoEGcUgN+J$C
z=b7tJ=yN*j;m6dCmOT{#b7ps`9CUwJyz2e)uG%GX9myBh&z<2q-?XcM@%hzzDm`4v
zOwS)qO0ebk;<z6f$;p=`rLx8EgO^NT^-=@9J%V{$%N}P1@NE0x@Ur4ddhd<@Dkr=G
zSlaJzuJ?Y++O)kt{MnL}t&^wMFLt}9{6_3piz?F>2Zh3Ims>CF)7Tefz}tFEuP|pP
z&w{0gW;pmH8M8exoE*oxKkn7quBVY^`-L7ATNiF{XWb@TC2qLF%+u0v{SE7r3syHh
zo|&JSF)3Gk*3UETCij&t`mi^vKbp=e^ixeo%%f?hni&7?@I%gxPv*0~dlJL3&qm-Q
zv(GWD#?A+G-z@zQ(qL0|Y4wBao++(K*&CE(9z0BV;Mw)}PMY;3U^G3O`1bP`<05`D
z<%~-SVVq}tX200Xb?u<6uw_+BrO4}#-MNvSJLZcoR{Xxew^vEEvEHp#$a6CL@&`({
zn|6HjJ)U#3KYjbsLdWL5$yyeEhxfebdeSSnzUTI{jr>MjJ*9=#+jOt!MRy24W;5D3
zck9|cUfT{H&plo=$7zp`BF~$Yoqcnke44;`eO0RCl?YCu<HxLO)LE0JYPtQB6=wG5
zh-VdIRyk^Vhv&u(x%=5n8?Bc4&9yB)^TxRGyM|ng%5kme`F;KOtm4lrPYOIE)o9N2
z`fASnQ#rbB4^KUbZhpHdyh7VzS$fPONhMElcg52!)=d9CZe5pW_-Vn>J^vy;^Bwyi
zy5>ag!IP6!tQvS0F-&5OGfmmUxk2g1IjM;!S`1V_>^hju?mEF{&c5?r)A;0TyypuZ
zeKBK?>w`H{MHMe`7IHN@pP2pfLvQlK;2A(`C#f=8v|l;GE}HVs>g7Mx)0Zs6Qts6i
zZ>YWO<K5NZaj3r2YMJGyG^_P($%5+*rbbSzFqrh=u;H}J=O#youVUbT7FoPM|L1?F
zs@#|V)}PqFPif!6GupHJcWs|`-1z-%r$43{agmClwgS<rPr|=^OvuQq)c!y1*DkJy
zJ|DC`Ia$bVS`>dXa%Ii>HkHjYx*taGyQCzsMq2w(q*;HrQ`pa+2@QE`I+AA{Z!KAS
zxA&mU<7ctnc6>2U%QtPmq|AH3Uh9re&9kU=Y5xV<EtZwoU;A1!`$?_w)oE|?A5Z>&
U@Wm>r`=G+y)78&qol`;+0ODY>x&QzG

literal 0
HcmV?d00001

diff --git a/media/test_a.png b/media/test_a.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0706daac5fe77d8ed98cd8f76aea2cc7c4ccbd1
GIT binary patch
literal 778
zcmV+l1NHogP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008fNkl<ZScUDE
zPe|KP9LK*}5B{soTs2jwAdJAk4F)49-3DXgRVb7lR(kNV7o6V0Zn_R{J?RDp1fkw`
z?`4ZPL7}q<I}COR71PUBrcE<#SgVchG`B~RHg#@Ze2_za-(TMQ<oAC0CTSXcIe3ao
z9L<-x_!R&Ev^08wX;g81SasA}1FioSAph<gM!JS=wOlR-^KliP4)@bG1W?YGG14`R
zwY4={J&{OY?(H0U9`?ANv!Na+q%{bF;HZnD2>-4hrs2Fr=LRs1D*B6kh(sba^J1|W
zN=oVC0kljJgpj&<gb?VfI!=#HE)Kvns_^gnA&MduS5+1B^Yf@wDrYg4Wid4|jl-<F
zD!2kDDJ8^WG0WoI0}gTd1r`<-D2)&TeM7$(fYYNB=&QP={K;ezKE4aS+dfE=L}?ty
zAvzj`;i3w40S>bzOifIKWmzh|va*6st`nY)7JRw(6|yW-Iw1twR`Krv^bPyF-yhsR
zGo0?b3>Fs`sT`i?5ekG*&X>;*U}Q^(jz+<8oCUyp(|dN_7HmgqI|W5is60UsP)KX%
z2hg^xk6tE|!De>T;`z*d#?lLsNCf@GzM9752vE+K5ekIB^E?%oBnj6abzAbiH#(6_
zCM|J72(*lIFF3vn3TX|(bF1wVLI4R!&d`f73}b6lq9{U=B$&MYORCB4lgu=#Xny0t
z&d!b_c_SkpkK^^HSMc3oESl{WxV2rkqn15e0Gw=BmSu#)VR$^Ay2s??Bz0{qd$w%B
z_m4WB-I~Je>@1ZS4u`ST`vGmi_PTeROQ_gW_rWl~ORgvihDL`l@N~er0#3H8swz_3
zDOZaFfcKskOG`^s%*mdq3LJbsK$MMQe0-crT3=sxY$ChytBIGFmo3_uFoxihpgq9e
z`#l`#$F`FO#(Eq2*3;4j{K!{qwLj;weGLESxb**mD}XD2pN)1Usm9hrfdBvi07*qo
IM6N<$g0Y2ULI3~&

literal 0
HcmV?d00001

diff --git a/media/test_b.png b/media/test_b.png
new file mode 100644
index 0000000000000000000000000000000000000000..3798fe746ca476ae27e057e1ea76fdd5b1866a41
GIT binary patch
literal 769
zcmV+c1OEJpP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80008WNkl<ZScUDE
zPe>F|7{Gt(`ezMw7PT}(hr*}`HigN`Y7|?%bcn)=3hAIEB}EYgvF*W?An@Q}gCRA-
zL(nm!NFufgGQz|LEl8n8A#|m5R7hNxwL`FAtGna6;l&T;^8NkszW2U2FCpJuyU039
z;(8X}006K=GWw@xS)31;PL`Bm#j+_aegM<nPn2gCnoc${GQjA<G#OQ;q!$;g9RR@P
zav{sIX^7t5UKB;)iMJnH<-Vx?G3^1vFi=$$P1C|`k|fd5(ZR)?hnVRfjz555802m*
zp!#MV(z)a0<mBLVI>Y?x>+6~OtVhikwFUo*rfDSY*h=onBLD>b0b1X^04FpzH;4S}
zc00kZV^Q<1`4}dqSjZ~hi=rs8#jh0rAh-}f5QHT<UDru0utkksbqkgh_6L|BpJe8(
z#*Ir?m)KfbTCkSwia&rX%hZ)squfyt1OZu=X=r_j!{G?|w6(SIXsE~3F^p*iJRT1o
zk7rq%uIpTBzK!ing{fR|zY9cB<i7JR+g^Xer#xeBbRzx$jg5_1ESAt$RaHe(QxiU)
z5BNI+`uh5K-u@VQB9-66KUU1O>K3S~O8bXy^4+x|-N5)19|vFI-hGdr?l(x11c1Zg
zKoA7Fsw+slc8bK5@N#i!L290j%#va<PaF=L2a+UlwB!H_le5dl#&r)QWu&9)dYE38
zW#-3z{$GHgKfrANFbxe2VKz<ENY2h$Hg45>ps1*b;DoW{rt^<a5g7c=t;^S`si|2W
z;OzeR0EnW<klIUUXJ<%fKW|5t<*;!K;B-0}-=2wWg+Ha329YR=xLmG?K0cohx7*DF
z?^AM5SFY%13P4p=Q(%T+plKSKrqShnN&2x;wp?&Tj7f;}FfrbLVPWi-sp0?$)>KmR
zY$RuAVJ+NjDkkCz2nY9=E*`6_`@3KRU<2R}nY`d=Z%E2@00000NkvXXu0mjfLWFMK

literal 0
HcmV?d00001

diff --git a/media/test_c.png b/media/test_c.png
new file mode 100644
index 0000000000000000000000000000000000000000..86b5c834e12a15271d759fafbe414b84864e3d94
GIT binary patch
literal 856
zcmV-e1E>6nP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80009YNkl<ZScUDD
zO-LMf7{-6DyH3;?cZgq+*d0lsO><a?79odBlC6+J*(o&;C=@A+AJ9_+-j-6RIh0jO
zLkMmz!AnbGEN%{gmNaofklIAa#9D}LVMo!rXdOSgWZgBJ9D<^bv%79$l0%;3^S<vq
zKW3Q!|IMlV>g*F<p=_@*{0#trJ=?)#B2H{vCpJ03W5ZzOpTBwX{~`dk%KhY)mLa&R
zaqKN2zv`_Q2e1;2vN$xzuKPnMio(&)K1Grw+-^5crxSp1IE=3AsH%#lX<Q$^OR3WE
z`~b$_0Ob!y`Ld;jwi`cN_DPb2BuU7!jH;?!KhtK}n-M@V5ohM=Wtu$4==|vlf*@>%
zJEhVBtcJHWd`x?L`<6YLrV$E-0MK<Em&=9Q?M6|Q=LeX(b;B~er>BRmt}gCOMaVyR
z=-C5{ideZnO8l2!De(DdZEejS;L*f5AC{MF8SeM{3H0{iJW)@%T(RYR^7sdQKYTBH
zfW<p1t>?Zo`GG)yKyM$Vr%q#Y<XO(!9C?U!M@Sfkb&pkHB^sqF5u?7o-c$<)gY5Nw
zk}`a~9HO{=fcW$jvMihY?(S};r32Ut3o{B&C+jz`w1ms$GWoi$W8dR^A>k<jUY0BY
zY<U6;3kxQ{xVV_d%dwpY5cXBl-`{WY6-8lrMB8})hbS^K^B>`Gc!MuV63yO^Fa`&9
z76722wvLXD4wK*6*-2w{RYnlYk!j{`-?Xgf7RjEkt%^d$K5k#TMup&@rlw}ix7+P_
zJRTyy|AzYG53s8MTR|bVyl3Y^G7%>>HOZ1T#NpY08J}OE@ZI;e%*aW%lqL*=*-IC>
z5crm+rY2K;Y;25RFi0pATKim1rxRJ0@p`>TlEld~ZI=5$T7XO-Qb|?SlmHo>0}fH7
z<nv~}_~tBrzn@4XvMq>I%J?91h$3Z;KF<I77yI8ih|lLkRn?R;^Yinjzi6{E`UIP`
zx{yZyctAoM-mnj@O4oJt**S#T_sOq*+j23@3ShGmhCwpEyur)eU6j#<mGxS_Ua79z
ibb5U+qc;FAOHTp$lpjSa$cNwn0000<MNUMnLSTZbq@5-J

literal 0
HcmV?d00001

diff --git a/media/test_d.png b/media/test_d.png
new file mode 100644
index 0000000000000000000000000000000000000000..40eab0f47ebaccd8fc8a23167f9e8682592948a9
GIT binary patch
literal 738
zcmV<80v-K{P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800081Nkl<ZScUDE
zO-R#W9LGP7xtw#h&4CU|hUG|%;h|kBw8O4#y)eoS3V|V!BZvrMPzNJq7tyHy5<842
zq>EcGhyExG1tALlD?*V7TO_{3HYN=nq8%b(?!U3&#x8!3zqjY}{GK1r!&A|C^}#k}
zl%kxA?*jlR<&0aKDN>1OL4~Re4aEaUC8D&%J{MFdG(OCMmQ!dBH&b({d2ay!H8C+!
z5JVslAQ%kteEbOqPuTMUDe4S3olZtaN11;6inFF|mS^6vwVBG9ld}W6H9tR(&*wvu
zBmmml+OS%!ba!{B#o25&Y&IJvj|Z=R43qs53Z+W6W<eeB`F!}ptIX=H%<8T9!>jZS
zzrbiT;_-Oc*w{#m@9*#DcGo#pre9~RSx^TgNupA3-I@3*Ljzh`*|MJI(d0+s@msjv
zZY&l{8bmxEXKd~(+NRcwnnjrbg;Is#_({g*5)2IuW%%80H}RP_vhz^XA=Eat^6dQw
zL{Ut$TPzm3E}tj4^rN%@0JSYP1VPBKx3{;mzVfs50IJ$L!r^d+-E20qnTVAhK&jTS
zu&|JKe9-~cqf2yjbd(Pux%eH2!;xVR27_oCkChf6wHD(~cq-#&gn#dZ+GH*rKx!?<
za_}jS2M5sUbZI`X*UO6T2uigkBd?&FP)^C^2+3dHXx{$Ky}<!`dV13Qq9}6r{zFU`
zZph{r1kl^tiy#Pu#)o%oPNx$`-xb-mi=v1i2-Mj-Wp`gNfXn5=<#Oc}J2EoD^_zF7
zvv*Qm-<UOS&quIZp->3F-_OgbFVs7(q0;Je#^(eGg+h5PDoGNNNQ6Kjz@oxH%~2~2
zXD;TITOs!`Nv*|*ewxgy0D#J9qO$rRYLhwZS!a`M2UJ>p-aFW<%Kk6d2iOPr3+v9*
U*kM)ZE&u=k07*qoM6N<$f<=B^VE_OC

literal 0
HcmV?d00001

diff --git a/media/test_e.png b/media/test_e.png
new file mode 100644
index 0000000000000000000000000000000000000000..2070b06b06c001c905a9928e1246f5a3f6eae9d8
GIT binary patch
literal 393
zcmV;40e1e0P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80003{Nkl<ZScUDC
zyGq1B7=@1-!lFh83|<f+RxVp?z(U1lY-GVsmT3eFTYD>E#K68mkkqk^&mhbrq}awP
z>9i1o#iC2Ryg*`Zh9QsxQ_bQ0AM+oW8DlW|fke&99Nq!|fRe{FoxI^Y{wyBe(V(ac
z)d60g9&yms3Iq5rI>^>;bpQb1oP$!Dd$?s;@E^vRzGieFO`hk$ahyLKdVK)C@8kUP
z7JBzM)w8&k-J8+?Q50cLokwSBy=(-4CU<}kg0JZWAMekpo;<Hp8o)G7+~3`#mQV-*
zV=$@@000<cV2mXPEBT_E+W`Owf&i}T$^i(106YC7XvTixJ?RbW1qj0sinf~h*<?w2
z2c!d(UIC>P7pHr0oa<B%=?ybiROtn5+eRG6iHCEZE2CK}5JJcSP?tAwa&}cXT-)sb
n55UUyVd3F<CA|YJKnw5-f|gf<11RLM00000NkvXXu0mjfj8~?T

literal 0
HcmV?d00001

diff --git a/media/test_f.png b/media/test_f.png
new file mode 100644
index 0000000000000000000000000000000000000000..beb8b9e86c9511920d406d0c1c697e3d07337151
GIT binary patch
literal 343
zcmV-d0jU0oP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80003VNkl<ZScUD>
zv1-CV7zglw!<n-dA*Bx1MO^|e5_}B7sSlCSq4Wg;j(LC^FBAvgA;WEjE=N#=Y?%cY
zCo|YiolH#AG#r8ZkNLv){f2*XH=eA%pfHBY;~D?}<To!}E-BLU@lOZZ_x<XC^n8Rp
zj7lFDLSQ^uRR{be48u|YLW<WnqXT(~;~0!FNGa6-7-M+f9AMIE=KOh-{rukmQc9R~
zTG;ekX?6!3$H6u}<S%b^LC8aW0M~T^<d-no_h3EE>I2xe4d3@OXP)OF+V2W?G`j-;
zz&S^fBx(Shb1YxiXqi^#yxkep3kZS$U8~{$0S(ZAQeS}(LJhz$C_X+<m@nS0X1zYG
pA7Ii)42Cb24&_C82Q)wfz5z1BK+3%4JIVk6002ovPDHLkV1n#njRF7w

literal 0
HcmV?d00001

diff --git a/media/test_g.png b/media/test_g.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a6c6eb26a934165d9d1f318a3d49f08ba9c42ca
GIT binary patch
literal 1169
zcmV;C1aA9@P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000D7Nkl<ZScUDE
zT})eL7{`Ar9|hXMsX)uefFerfs+J554iyxVkt~x&muw~yE+og2c%{491#P^T7t4sd
za52TO7|3oEjXP$GGkzpB&S0vGXGkWHO<+u<z<P=W+OAE#m{iVA!IF@0vw!kloacQ$
z{_ofGJZD$qzIPMsAapw!`~d-g%&jOdg{BEE&k$Oj<!)?+Q1tiYoH2VZS($kVyQ|61
zEyIvkvONT%cbB=n@DqN;$Km!DX=-YruC5M25U|_rNj+JXQ4|HQ*NfNdW%$bHlod8$
z79J-fBYQ*tyEc0Tvx`?r<o<%w=|mJo1VKn^RREKdll1rZbEfw^wyIaj(VJ50WmFWm
zzH`4Y9*=V4_E)@gw3>l|0S+EKNKQ_U##okR#>U0~G~@(9prxe+v&Fzi=TDKJTZulq
zK;t9j5ls7kpzF=&IeGG=X3ppH;qiEoB#GEc30awWtVI2k?#ZOHvlFM&iN#_`>WiX?
z)oSJNp<~z|enYbpnjP>5Mmcn(jNaZ}P4J$c9=b&r%kwpqo7yNX+E1~tkFvt2(X*G~
zAFuPN^gcSBj{5rgq+KW!LZ74Kn{U6w@{nESQ*{U8@hCr!pJ8NlnA+M}P4KhtUBFg-
zY|~2>js%cze#pq^FnxV}NRq_DpE;Bi?nf|M$<8utOyJJa1P!eT&Ye4_Qu6tHJlEL9
zQ?+kx8hj1@z$mxozo(+ODP_?0P~CyW-~{dMZ)=o19uJR}zmisP0JF)4*<?#gSCt8u
zR;N^NdkvB#QDCS_%i&g`+JQ)H2CLPoQBo9zjIz|LpIyAlA9J5=DQLCj2&IMlfo-Y<
zZnv9QESA=AyWJ{V6@iRh`6!CA9h^3VEXx@5Magf~5#;ASf-K84H#e({>~=fhP+-G!
z>h*eQZEa0{*VWbGbUHOp8U8&^U1joHm536F1c}TU+S=MwMmn92OBcVxw7Xj4P@k30
z${iEopd~p*uPv|?zOL~D(ACvNO_}3A-|Hs@qZLV#G)AH*Qu}0#<(0oQbJ<x240$E0
z5e!Yy)YPQWJ$?E#rKVPuOhq6&%RnSpLr+hS#<;t?8=>kN{=leaZarofuX5zICvZ3%
zD*4>p9DRL#lovIq<eFNLpI6R>O9PlK230<{*=!s*aDe&XuY7UY!`)bva5O+@b(YZT
zEDOQwjL&?+(T-<uxm*~HMpd8_Cr)r<qyWLF&L=7Rfwg>o_JdQ1qNrJ=q9{m`#MIPO
zQdU(}g~Q>{l;uby!tvwBkv^WFy0k^(Yr}>l90@Rf>mnVmzkti-QkB?rF*G!U$K&DV
zZ$>ICjVX0D?TFysnNIt^rla#^+S}VTXL~;;Cnu34iNV1^rYAC}G(Wp(fB3%y;9i*y
zE>E!-oM8U%E7<M!l<k?<>qVcr2Xld)V&Sn3^Tw75+>dZ1Ks+AN$kXkF*JDd<`5Mw$
jS-RNqACm_JcAUUJrJ|!B-3!#?00000NkvXXu0mjf*my+Z

literal 0
HcmV?d00001

diff --git a/media/test_h.png b/media/test_h.png
new file mode 100644
index 0000000000000000000000000000000000000000..33cbb44c89a6265abb2d6653179b25c1ef964db6
GIT binary patch
literal 313
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=hEVFfw?$IEF;DCi7g$`g`7>p&?U2
zSH6^i83?$|4)))VPY6A8@YLx8=MMQ^2nhO;TzX*N@5z#H-o7<FGXK6nVt{~|(hCNV
zI7rLkdwZ(`fB5?P^32YUQO&Si`HS6#x5p~s3Zq3aqt%4z)6;)^d#!QKrjKVss$-X|
zfV}+q13<7L<Dybima&o1iuVjNloR+Cib;GhaoEBfx3A{pgvpZ+A2@W#N#OaDCjxI7
z7A;PAc4j7z`t|*399ObbSCk#=$!gOKUM7(G?m}l%AbXEhLl{H4nN7t91y?rV)$;|T
zk3YF`cx!~{Y3^5s9iLYUnM@J+8zJl9Z}1=!=&Z$j3=A9YdaSiLGI>2PNEkd_{an^L
HB{Ts5e%F8&

literal 0
HcmV?d00001

diff --git a/media/test_i.png b/media/test_i.png
new file mode 100644
index 0000000000000000000000000000000000000000..cf4d90c8b90c9910995c9e8b42d054bc0cb7671d
GIT binary patch
literal 200
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=ffJeoq(2kcie~pUZiF&l@x}WGd*&
zmohK|0k`F>d$skAp>rlro!&UPb@n&Dh~j*s=DmAummTpHWGhWnzGdCe*w~o({@z}V
zKg*V>wKbcspOka1VR>U9dyiGZ6~@JU5~T-LFuTbbykgiC?ZVD4Cu70BqDa~><;T>d
tj@2A5FCJ&?<2v{x<1iPS4KG*=1B0!|3NfqdeL$x%c)I$ztaD0e0sswSM&JMd

literal 0
HcmV?d00001

diff --git a/media/test_j.png b/media/test_j.png
new file mode 100644
index 0000000000000000000000000000000000000000..81da54444ba9d9771108e7bff7a67f7fd19969ec
GIT binary patch
literal 453
zcmV;$0XqJPP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80004uNkl<ZScUDE
zK}!Nr5Xb*YhNNUjx*JrNYKbB-f(o)OLYEGEDf$3QMbM#(cnG44dRQbRJo!yZgKpJE
zv>u9x4rWD?ZU$|c3)ZP<Y0D=fi?ILOyqRHsZ+N^n&$KlX`hboy>sj0Y0DzWyl9fss
zQc2SEIjv4u%&m<DkV+EHyVIJ!p<55AHoCC@UrMD?D%<b(6X)uF1`GfLzyL4+41neW
zP%35p0Ir{}5WkB-R^;!sLa6|+*IO3=(Q|y3KZRq~j^JPrJDYL%+%qUw-jU4h;dtfn
zS9~Uu!MJsb2%u^Q4(|6svo3_gVFUsJB*k5H&AZ@P8pdVz0t~~b;(4A&N8SmW#YP11
zZwIn3H)!|S!LlqUiUI&I41;Jisu`b1BoNw&V3k=TDh^cXK##o_ooN~ibBo}49>ro&
zGfof$a2$v2^%%JRW#ZiffQjT|A}caZ9*-bA2^gCmRry3wg!_%g1T~31#{hBRngD((
v_xhl+NvGexRP#_uGU?W$=DG<DfJW#O)emb@fk%5s00000NkvXXu0mjfq}so>

literal 0
HcmV?d00001

diff --git a/media/test_k.png b/media/test_k.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f80a823045ce992e41c6e610bfe98bb1dccaab4
GIT binary patch
literal 612
zcmV-q0-ODbP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80006jNkl<ZScUDE
zPiWIn9LK+_cC8yMsfwADSqQF|fuc|lkE>w^5oA&d-a{fg2)*ney?B_ELQgHc(2Lhz
zcJrX2g&u@KKu{2bLLmNK$84H{VO^nmYFTXJmOt1_zqkBe@;;xyd%xt(?W{fhjVUHH
zP54Xz0M6SLkB0+vjttueE=DQLhr*5%?wg1I1THUJK3$-5WZ?a^ueKB1{5(0yD2?xX
z7~F_D!dW$jWt>4^lzP2xxlX6kj`zO%`4QK%w@@yZEp<gvKnOvoVPJJBG4Wg=YoOKB
zu(%ONKA(354@98V(=c48Ac`UwhH(Y=EwFDMLS=P`qKH%~<r?lwK<^uPsqOlLdlu09
z1|+qHLZyUECgU0IT7af$91jO$IM4IG;J_){@b8GCi0u7M)L!j^<G69X-EMn=yB6R$
z4(h=d&@^qSOOk|NufO5;r8QS@AfP@V2m;<5yoKJkZ{L9l$g&Lf$_ivzw$vGhL7`HD
zq}E(ZxDp_Q;PJ`><Q_gju~@W>@jUNI!j(X`+r@k+jLigx7tfxfTCMt)@U#XN!wV4D
zEVj3Dz9l>_!dQd~M8elDI4PkhiYE!*+b|ZP@F>0kLWm~`SB=Oit4j&A8X5=)09Zaw
zqjtT$m4m=$5sOe~7icz{o+M1uw2UQ_Nfat2TZuWlgNfcZ(D<=u3tGQ=XW}hRrq$E%
yq4UXc{KB~??#1tpe{5|9{%59sE|>|-1pWYwvI-0y4qI0M0000<MNUMnLSTZKw-=)T

literal 0
HcmV?d00001

diff --git a/media/test_l.png b/media/test_l.png
new file mode 100644
index 0000000000000000000000000000000000000000..c43626e0929dd712edf046743fd5b3e35e890658
GIT binary patch
literal 254
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=ffJqn<8~ArY;~IhQ~DK5x*_kg1?6
zU&_D?1l$|B;%okQgwB~hwYhP2>)daAGroLKXx_Wmwr$6Yui`vzPM@}vgH#^Ax3@a*
zhp(?M&-HcrDz}T++8igaxyc&5Y6xWSu}ZkYxR_6(fPF%U?BeDxUrO4Zg|C-bm3HR9
zN;Us`^BkKd%P+TaRaDT^J7<u3N~F!c{$Ik;8&U=#r3|JFo`D4)9vo~eZZMoK;yg27
v=cL#M?~I`1j0cO<RHFTOBtDpcEdlx>MgO+w&d+v04>5SU`njxgN@xNA&YNKE

literal 0
HcmV?d00001

diff --git a/media/test_m.png b/media/test_m.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9b3385bd3b038ff5dec975900809aacfad2ba07
GIT binary patch
literal 1044
zcmV+v1nc{WP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F8000BqNkl<ZScUDE
z&u<z>6vw|_!2&kaV1C$9q=qz<sIBF78zD!H8myw^7T-8j9IVPltRgk;DftIbrG&Z{
zq==Pou6**L_f|fv)JRECD-%_!1ZussX$x8d1|07~Es_J;4Z{rdm_z+;^WMCf?|bu^
zS(x}L{QgV4LF3-!=4S!`z%uOU_IjvyJIu*0ixpEADuuE}w}Vcv$BfO{9peR*UmWB2
z@Fixlb^jSYojo^p^KP#PseFJBuYW?t3WWl`<Za-&*NvwHsJf1ol@)AkY)}h?LLn@j
zo{sH8soliqcfP>p<|Y-3#bT%*{6TbqV&EVB1dEG{%*9iw6rR-7k(&d6TvL%srI@j3
zG>X5q6T(Lc_(?lKG#X_tkW41=wADm+#QB!mEyNNDgu`KGTo43QG;OqiMz;e&5SYmT
z;C8!l``%sr(rhr}j}KLdqBt^N5Ckatm<}9vIwRX}*!uc99ye-~zoKghe0&v=NMvMg
zFc`$K(@AuY5TNQh78Vx93J3;+h$RvzwOfS$=Xz~y^@a(8KwNV|z;DNGEH5wr=OUsg
z;s>>2j$fRf;<;}I@pzn=cXV__<qm^L2>A71nt^;ikF~Wm<nwvc7l}l0>Do0^^gd8e
z7~~g=MZDt=pja#t{$UVJ0To?i(x1!az<s}mTrNlWMNz~fwTf=9ho`M3lF6hQt5&PH
z`oTPI1!f^h5+z^|L{mVmqf-DXih{kJ9lYy$3wt{|L>J=mIBsm*!H;Scx9{DB+wC@E
z*=!a!eSUatcI@x(6Kf8GXbPw@04$fwn6>f%fE)ffstf6K8lQdhHPY!cQT@aF4=_LN
z!JORzS(Y(ugCLp${yL#wKv|Y?(dhyJT$pm=yX|jLtyYOStE;QT*r?uk@87f9P$(3L
zIfEdY0$2bR3I+IhI{<*^INbF4k<DhQidfYf=C#?NC<@g914IrO4WObZa9Lk}c;=@)
zczFK-^Lhb*BuPZ|05IopP#qWqkptKO0{sqnc$+!qIS$v|GuYbNVhY&a-o|CuG~x5{
zc1pk?h#bHMP?lv}aZFO12%Z`0Y5_ndlR>D_q(0SN8_fXF=b)l#eE}>06-6PcH*Csc
zL8#G0CX*rjk|bft>u1g%W&r3P!(mtN3t$0QE|=lvc`6YAmb`wV3!|zx?22QOx{lFk
z6bHv`SPTG%C&;o4fpG*zRo*|JV|RBKfj|I~Bq715-mr7_N$NoYfRe6bLOg%rWxme-
zm2>O-+XT^rR?#&)Qu}YhMW+iNdAuV9l-eykJE}8d6KDU7&IJ7L1-t^{Q=oYq+tG6X
O0000<MNUMnLSTYFLgGLG

literal 0
HcmV?d00001

diff --git a/tests/blocks/test_blocks.js b/tests/blocks/test_blocks.js
new file mode 100644
index 000000000..57ed9a037
--- /dev/null
+++ b/tests/blocks/test_blocks.js
@@ -0,0 +1,493 @@
+/**
+ * @license
+ * Blockly Tests
+ *
+ * Copyright 2017 Google Inc.
+ * https://developers.google.com/blockly/
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+'use strict';
+
+Blockly.defineBlocksWithJsonArray([  // BEGIN JSON EXTRACT
+  {
+    "type": "empty_block",
+    "message0": "",
+    "args0": []
+  },
+  {
+    "type": "example_dropdown_long",
+    "message0": "long: %1",
+    "args0": [
+      {
+        "type": "field_dropdown",
+        "name": "FIELDNAME",
+        "options": [
+          [ "first item", "ITEM1" ],
+          [ "second item", "ITEM2" ],
+          [ "third item", "ITEM3" ],
+          [ "fourth item", "ITEM4" ],
+          [ "fifth item", "ITEM5" ],
+          [ "sixth item", "ITEM6" ],
+          [ "seventh item", "ITEM7" ],
+          [ "eighth item", "ITEM8" ],
+          [ "ninth item", "ITEM9" ],
+          [ "tenth item", "ITEM10" ],
+          [ "eleventh item", "ITEM11" ],
+          [ "twelfth item", "ITEM12" ],
+          [ "thirteenth item", "ITEM13" ],
+          [ "fourteenth item", "ITEM14" ],
+          [ "fifteenth item", "ITEM15" ],
+          [ "sixteenth item", "ITEM16" ],
+          [ "seventeenth item", "ITEM17" ],
+          [ "eighteenth item", "ITEM18" ],
+          [ "nineteenth item", "ITEM19" ],
+          [ "twentieth item", "ITEM20" ],
+          [ "twenty-first item", "ITEM21" ],
+          [ "twenty-second item", "ITEM22" ],
+          [ "twenty-third item", "ITEM23" ],
+          [ "twenty-fourth item", "ITEM24" ],
+          [ "twenty-fifth item", "ITEM25" ],
+          [ "twenty-sixth item", "ITEM26" ],
+          [ "twenty-seventh item", "ITEM27" ],
+          [ "twenty-eighth item", "ITEM28" ],
+          [ "twenty-ninth item", "ITEM29" ],
+          [ "thirtieth item", "ITEM30" ],
+          [ "thirty-first item", "ITEM31" ],
+          [ "thirty-second item", "ITEM32" ]
+        ]
+      }
+    ]
+  },
+  {
+    "type": "example_dropdown_images",
+    "message0": "%1",
+    "args0": [
+      {
+        "type": "field_dropdown",
+        "name": "FIELDNAME",
+        "options": [
+          [{"src": "../media/test_a.png", "width": 32, "height": 32, "alt": "A"}, "A"],
+          [{"src": "../media/test_b.png", "width": 32, "height": 32, "alt": "B"}, "B"],
+          [{"src": "../media/test_c.png", "width": 32, "height": 32, "alt": "C"}, "C"],
+          [{"src": "../media/test_d.png", "width": 32, "height": 32, "alt": "D"}, "D"],
+          [{"src": "../media/test_e.png", "width": 32, "height": 32, "alt": "E"}, "E"],
+          [{"src": "../media/test_f.png", "width": 32, "height": 32, "alt": "F"}, "F"],
+          [{"src": "../media/test_g.png", "width": 32, "height": 32, "alt": "G"}, "G"],
+          [{"src": "../media/test_h.png", "width": 32, "height": 32, "alt": "H"}, "H"],
+          [{"src": "../media/test_i.png", "width": 32, "height": 32, "alt": "I"}, "I"],
+          [{"src": "../media/test_j.png", "width": 32, "height": 32, "alt": "J"}, "J"],
+          [{"src": "../media/test_k.png", "width": 32, "height": 32, "alt": "K"}, "K"],
+          [{"src": "../media/test_l.png", "width": 32, "height": 32, "alt": "L"}, "L"],
+          [{"src": "../media/test_m.png", "width": 32, "height": 32, "alt": "M"}, "M"]
+        ]
+      }
+    ]
+  },
+  {
+    "type": "example_angle",
+    "message0": "angle: %1",
+    "args0": [
+        {
+          "type": "field_angle",
+          "name": "FIELDNAME",
+          "angle": "90",
+          "alt":
+            {
+              "type": "field_label",
+              "text": "NO ANGLE FIELD"
+            }
+        }
+      ]
+  },
+  {
+    "type": "example_date",
+    "message0": "date: %1",
+    "args0": [
+      {
+        "type": "field_date",
+        "name": "FIELDNAME",
+        "date": "2020-02-20",
+        "alt":
+          {
+            "type": "field_label",
+            "text": "NO DATE FIELD"
+          }
+      }
+    ]
+  },
+  {
+    "type": "test_number",
+    "message0": "float %1",
+    "args0": [
+      {
+        "type": "field_number",
+        "name": "NUM",
+        "text": "0"
+      }
+    ],
+    "colour": 230,
+    "output": "Number",
+    "tooltip": "A number."
+  },
+  {
+    "type": "test_integer",
+    "message0": "integer %1",
+    "args0": [
+      {
+        "type": "field_number",
+        "name": "NUM",
+        "precision": 1,
+        "text": "0"
+      }
+    ],
+    "colour": 230,
+    "output": "Number",
+    "tooltip": "An integer."
+  },
+  {
+    "type": "test_number_hundredths",
+    "message0": "$ %1",
+    "args0": [
+      {
+        "type": "field_number",
+        "name": "NUM",
+        "precision": 0.01,
+        "text": "0"
+      }
+    ],
+    "colour": 230,
+    "output": "Number",
+    "tooltip": "A dollar amount."
+  },
+  {
+    "type": "test_integer_bounded",
+    "message0": "midi note %1",
+    "args0": [
+      {
+        "type": "field_number",
+        "name": "NOTE",
+        "precision": 1,
+        "min": 1,
+        "max": 127,
+        "text": "0"
+      }
+    ],
+    "colour": 230,
+    "output": "Note",
+    "tooltip": "A midi note."
+  },
+  {
+    "type": "image_datauri",
+    "message0": "Image data: URI %1",
+    "args0": [
+      {
+        "type": "field_image",
+        "src": "data:image/png;base64,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",
+        "width": 50,
+        "height": 50,
+        "alt": "*"
+      }
+    ],
+    "colour": 160
+  },
+  {
+    "type": "image_small",
+    "message0": "Image too small %1",
+    "args0": [
+      {
+        "type": "field_image",
+        "src": "../media/test_30px.png",
+        "width": 50,
+        "height": 50,
+        "alt": "*"
+      }
+    ],
+    "colour": 160
+  },
+  {
+    "type": "image_large",
+    "message0": "Image too large %1",
+    "args0": [
+      {
+        "type": "field_image",
+        "src": "../media/test_200px.png",
+        "width": 50,
+        "height": 50,
+        "alt": "*"
+      }
+    ],
+    "colour": 160
+  },
+  {
+    "type": "image_missing",
+    "message0": "Image missing %1",
+    "args0": [
+      {
+        "type": "field_image",
+        "src": "missing.png",
+        "width": 50,
+        "height": 50,
+        "alt": "*"
+      }
+    ],
+    "colour": 160
+  },
+  {
+    "type": "test_with_lots_of_network_icons",
+    "message0": "Lots of network icons: %1 %2 %3 %4 %5 %6 %7 %8 %9 %10 %11 %12 %13 %14 %15 %16 %17 %18",
+    "args0": [
+      {
+        "type": "input_dummy"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_a.png",
+        "width": 32,
+        "height": 32,
+        "alt": "A"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_b.png",
+        "width": 32,
+        "height": 32,
+        "alt": "B"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_c.png",
+        "width": 32,
+        "height": 32,
+        "alt": "C"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_d.png",
+        "width": 32,
+        "height": 32,
+        "alt": "D"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_e.png",
+        "width": 32,
+        "height": 32,
+        "alt": "E"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_f.png",
+        "width": 32,
+        "height": 32,
+        "alt": "F"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_g.png",
+        "width": 32,
+        "height": 32,
+        "alt": "G"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_h.png",
+        "width": 32,
+        "height": 32,
+        "alt": "H"
+      },
+      {
+        "type": "input_dummy"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_a.png",
+        "width": 32,
+        "height": 32,
+        "alt": "A"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_b.png",
+        "width": 32,
+        "height": 32,
+        "alt": "B"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_c.png",
+        "width": 32,
+        "height": 32,
+        "alt": "C"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_d.png",
+        "width": 32,
+        "height": 32,
+        "alt": "D"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_e.png",
+        "width": 32,
+        "height": 32,
+        "alt": "E"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_f.png",
+        "width": 32,
+        "height": 32,
+        "alt": "F"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_g.png",
+        "width": 32,
+        "height": 32,
+        "alt": "G"
+      },
+      {
+        "type": "field_image",
+        "src": "https://blockly-demo.appspot.com/static/media/test_h.png",
+        "width": 32,
+        "height": 32,
+        "alt": "H"
+      }
+    ],
+    "colour": 160
+  },
+  {
+    "type": "styled_event_cap",
+    "message0": "Hat block (event)",
+    "nextStatement": null,
+    "colour": 330,
+    "style": {
+      "hat": "cap"
+    }
+  },
+  {
+    "type": "block_colour_hex1",
+    "message0": "Block color: Bright purple %1 %2 %3 %4",
+    "args0": [
+      {
+        "type": "field_input",
+        "name": "TEXT",
+        "text": "#992aff"
+      },
+      {
+        "type": "field_dropdown",
+        "name": "DROPDOWN",
+        "options": [
+          [ "option", "ONE" ],
+          [ "option", "TWO" ]
+        ]
+      },
+      {
+        "type": "field_checkbox",
+        "name": "NAME",
+        "checked": true
+      },
+      {
+        "type": "input_value",
+        "name": "NAME"
+      }
+    ],
+    "previousStatement": null,
+    "nextStatement": null,
+    "colour": "#992aff"
+  },
+  {
+    "type": "block_colour_hex2",
+    "message0": "Block color: White %1 %2 %3 %4",
+    "args0": [
+      {
+        "type": "field_input",
+        "name": "TEXT",
+        "text": "#fefefe"
+      },
+      {
+        "type": "field_dropdown",
+        "name": "DROPDOWN",
+        "options": [
+          [ "option", "ONE" ],
+          [ "option", "TWO" ]
+        ]
+      },
+      {
+        "type": "field_checkbox",
+        "name": "NAME",
+        "checked": true
+      },
+      {
+        "type": "input_value",
+        "name": "NAME"
+      }
+    ],
+    "previousStatement": null,
+    "nextStatement": null,
+    "colour": "#fefefe"
+  },
+  {
+    "type": "block_colour_hex3",
+    "message0": "Block color: Black %1 %2 %3 %4",
+    "args0": [
+      {
+        "type": "field_input",
+        "name": "TEXT",
+        "text": "#010101"
+      },
+      {
+        "type": "field_dropdown",
+        "name": "DROPDOWN",
+        "options": [
+          [ "option", "ONE" ],
+          [ "option", "TWO" ]
+        ]
+      },
+      {
+        "type": "field_checkbox",
+        "name": "NAME",
+        "checked": true
+      },
+      {
+        "type": "input_value",
+        "name": "NAME"
+      }
+    ],
+    "previousStatement": null,
+    "nextStatement": null,
+    "colour": "#010101"
+  },
+  {
+    "type": "block_no_colour",
+    "message0": "Block color: unset"
+  },
+  {
+    "type": "block_colour_hex4",
+    "message0": "Block color: #RRGGBBAA (invalid)",
+    "colour": "#992aff99"
+  },
+  {
+    "type": "block_colour_hex5",
+    "message0": "Block color: #RRGGBB (invalid)",
+    "colour": "#NotHex"
+  }
+]);  // END JSON EXTRACT (Do not delete this comment.)
+
+Blockly.Blocks['empty_block_with_mutator'] = {
+  init: function() {
+    this.setMutator(new Blockly.Mutator(['math_number']));
+  }
+};
\ No newline at end of file
diff --git a/tests/playground.html b/tests/playground.html
index 596e8f373..6bbe2b43f 100644
--- 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 {
       <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 {
     <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>