From d95791b0a58d3330861f578ddc2f1aafec84a2c3 Mon Sep 17 00:00:00 2001
From: Panayot Cankov <Panayot.Cankov@telerik.com>
Date: Mon, 14 Nov 2016 11:11:09 +0200
Subject: [PATCH] Add performance tests measuring FlexboxLayout versus
 StackLayout and GridLayout

---
 .../ui-tests-app/flexbox/flexbox-main-page.ts |   1 +
 .../flexbox/flexbox-perf-comparison.ts        |  64 +++++++++++++
 .../flexbox/flexbox-perf-comparison.xml       |  86 ++++++++++++++++++
 apps/app/ui-tests-app/flexbox/icons/icon1.jpg | Bin 0 -> 1338 bytes
 apps/app/ui-tests-app/flexbox/icons/icon2.jpg | Bin 0 -> 937 bytes
 apps/app/ui-tests-app/flexbox/icons/icon3.jpg | Bin 0 -> 1212 bytes
 .../ui-tests-app/flexbox/icons/thumbsdown.png | Bin 0 -> 5129 bytes
 .../ui-tests-app/flexbox/icons/thumbsup.png   | Bin 0 -> 5135 bytes
 8 files changed, 151 insertions(+)
 create mode 100644 apps/app/ui-tests-app/flexbox/flexbox-perf-comparison.ts
 create mode 100644 apps/app/ui-tests-app/flexbox/flexbox-perf-comparison.xml
 create mode 100644 apps/app/ui-tests-app/flexbox/icons/icon1.jpg
 create mode 100644 apps/app/ui-tests-app/flexbox/icons/icon2.jpg
 create mode 100644 apps/app/ui-tests-app/flexbox/icons/icon3.jpg
 create mode 100644 apps/app/ui-tests-app/flexbox/icons/thumbsdown.png
 create mode 100644 apps/app/ui-tests-app/flexbox/icons/thumbsup.png

diff --git a/apps/app/ui-tests-app/flexbox/flexbox-main-page.ts b/apps/app/ui-tests-app/flexbox/flexbox-main-page.ts
index a0743205c..60f8f4173 100644
--- a/apps/app/ui-tests-app/flexbox/flexbox-main-page.ts
+++ b/apps/app/ui-tests-app/flexbox/flexbox-main-page.ts
@@ -11,6 +11,7 @@ export function pageLoaded(args: EventData) {
 
     examples.set("flexboxall", "flexbox/flexbox");
     examples.set("flexrepeat", "flexbox/flexbox-repeater");
+    examples.set("flex-perf", "flexbox/flexbox-perf-comparison");
 
     let viewModel = new FlexboxMainPageViewModel(wrapLayout, examples);
     page.bindingContext = viewModel;
diff --git a/apps/app/ui-tests-app/flexbox/flexbox-perf-comparison.ts b/apps/app/ui-tests-app/flexbox/flexbox-perf-comparison.ts
new file mode 100644
index 000000000..4be7a8680
--- /dev/null
+++ b/apps/app/ui-tests-app/flexbox/flexbox-perf-comparison.ts
@@ -0,0 +1,64 @@
+import {TabView} from "ui/tab-view";
+import * as utils from "utils/utils";
+
+const titles = ["Etiam lacinia", "Imperdiet ante", "A interdum", "Quisque tempus", "Sodales viverra"];
+const bodies = [
+    "Vivamus ipsum neque, commodo rutrum finibus sit amet, cursus id sapien.",
+    "Duis et iaculis odio. Class aptent taciti.",
+    "Sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.",
+    "Etiam vitae lacinia purus. Vestibulum laoreet nibh a porta aliquet.",
+    "Vivamus ut eros vitae felis volutpat aliquet.",
+    "Aliquam fermentum mauris consequat hendrerit elementum.",
+    "Nam odio tortor, malesuada congue diam volutpat, placerat ullamcorper risus.",
+    "Curabitur eget nunc viverra justo bibendum rutrum ut nec lectus.",
+    "Pellentesque et lacus vel turpis suscipit posuere sed non sapien.",
+    "Integer eget ornare nunc. In lacinia congue sollicitudin.",
+    "Quisque lobortis quam in risus porttitor, ac laoreet lacus auctor."
+];
+
+const items = [];
+for (var i = 0; i < 64; i++) {
+    items.push({
+        icon: "~/ui-tests-app/flexbox/icons/icon" + (1 + (i % 3)) + ".jpg",
+        title: titles[i % titles.length],
+        body: bodies[i % bodies.length],
+        up: (i * 991) % 100,
+        down: (i * 997) % 100
+    });
+}
+
+export function selectionChanged(args) {
+    clear(args);
+}
+
+let repeaterIds = ["repeaterFlexGrid", "repeaterGrid", "repeaterFlexStack", "repeaterStack"];
+
+export function clear(args) {
+    repeaterIds
+        .map(name => args.object.page.getViewById(name))
+        .forEach(repeater => {
+            repeater.bindingContext = null;
+        });
+
+    args.object.page.getViewById("title").text = "---";
+
+    utils.GC();
+}
+
+export function generate(args) {
+    let tab: TabView = args.object.page.getViewById("tabview");
+    let index = tab.selectedIndex;
+
+    let repeater = args.object.page.getViewById(repeaterIds[index]);
+
+    clear(args);
+    setTimeout(() => {
+        let start = Date.now();
+        repeater.bindingContext = items;
+        setTimeout(() => {
+            let end = Date.now();
+            args.object.page.getViewById("title").text = (end - start).toString();
+            console.log("Duration: " + (end - start));
+        });
+    });
+}
diff --git a/apps/app/ui-tests-app/flexbox/flexbox-perf-comparison.xml b/apps/app/ui-tests-app/flexbox/flexbox-perf-comparison.xml
new file mode 100644
index 000000000..c0db01ef2
--- /dev/null
+++ b/apps/app/ui-tests-app/flexbox/flexbox-perf-comparison.xml
@@ -0,0 +1,86 @@
+<Page>
+    <ActionBar id="actionbar">
+        <Label id="title" text="---" />
+        <ActionItem ios.systemIcon="17" android.systemIcon="ic_menu_play_clip" tap="generate" ios.position="right" />
+    </ActionBar>
+    <TabView id="tabview" selectedIndexChanged="selectionChanged">
+        <TabView.items>
+            <TabViewItem title="flex-grid">
+                <TabViewItem.view>
+                    <ScrollView style="flex: 1 0; height: 0;">
+                        <Repeater id="repeaterFlexGrid" items="{{ $value }}">
+                            <Repeater.itemTemplate>
+                                <FlexboxLayout style="flex-flow: row wrap; align-items: center; border-width: 0 0 1 0; border-color: #EEEEEE">
+                                    <Image src="{{ icon }}" style="flex: 0 1; margin: 6 4 4 4; border-width: 1; border-color: gray; border-radius: 16; width: 32; height: 32;" />
+                                    <Label text="{{ title }}" style="flex: 1 0; width: 0; margin: 1 4 0 0;" />
+                                    <Label text="{{ body }}" textWrap="true" style="width: 100%; margin: 4 4 6 4; font-size: 11;" />
+                                    <Image src="~/ui-tests-app/flexbox/icons/thumbsdown.png" style="width: 18; height: 18; margin: 4;" />
+                                    <Label text="{{ up }}" style="flex: 1 0; width: 0; font-size: 13;" />
+                                    <Image src="~/ui-tests-app/flexbox/icons/thumbsup.png" style="width: 18; height: 18; margin: 4;" />
+                                    <Label text="{{ down }}" style="flex: 1 0; width: 0; font-size: 13;" />
+                                </FlexboxLayout>
+                            </Repeater.itemTemplate>
+                        </Repeater>
+                    </ScrollView>
+                </TabViewItem.view>
+            </TabViewItem>
+            <TabViewItem title="grid">
+                <TabViewItem.view>
+                    <ScrollView>
+                        <Repeater id="repeaterGrid" items="{{ $value }}">
+                            <Repeater.itemTemplate>
+                                <GridLayout columns="*, *" rows="auto, auto, auto" borderWidth="0 0 1 0" borderColor="#EEEEEE">
+                                    <Image src="{{ icon }}" colSpan="2" horizontalAlignment="left" width="32" height="32" margin="6 4 4 4" borderWidth="1" borderRadius="16" borderColor="16" borderColor="gray" />
+                                    <Label text="{{ title }}" colSpan="2" margin="4 4 0 41" verticalAlignment="center" />
+                                    <Label text="{{ body }}" colSpan="2" row="1" textWrap="true" margin="4 4 6 4" fontSize="11" />
+                                    <Image src="~/thumbsdown.png" row="2" width="18" height="18" margin="4" horizontalAlignment="left" />
+                                    <Label text="{{ up }}" row="2" fontSize="13" margin="0 0 0 26" verticalAlignment="center" />
+                                    <Image src="~/thumbsup.png" row="2" col="1" width="18" height="18" margin="4" horizontalAlignment="left" />
+                                    <Label text="{{ down }}" row="2" col="1" fontSize="13" margin="0 0 0 26" verticalAlignment="center" />
+                                </GridLayout>
+                            </Repeater.itemTemplate>
+                        </Repeater>
+                    </ScrollView>
+                </TabViewItem.view>
+            </TabViewItem>
+            <TabViewItem title="flex-stack">
+                <TabViewItem.view>
+                    <ScrollView style="flex: 1 0; height: 0;">
+                        <Repeater id="repeaterFlexStack" items="{{ $value }}">
+                            <Repeater.itemTemplate>
+                                <FlexboxLayout flexDirection="column">
+                                    <Image src="{{ icon }}" alignSelf="center" width="32" height="32" margin="4" borderWidth="1" borderRadius="16" borderColor="16" borderColor="gray" />
+                                    <Label text="{{ title }}" margin="4" />
+                                    <Label text="{{ body }}" textWrap="true" margin="4" fontSize="11" />
+                                    <Image src="~/thumbsdown.png" width="18" height="18" margin="4" />
+                                    <Label text="{{ up }}" fontSize="13" alignSelf="center" />
+                                    <Image src="~/thumbsup.png" width="18" height="18" margin="4" />
+                                    <Label text="{{ down }}" fontSize="13" alignSelf="center" />
+                                </FlexboxLayout>
+                            </Repeater.itemTemplate>
+                        </Repeater>
+                    </ScrollView>
+                </TabViewItem.view>
+            </TabViewItem>
+            <TabViewItem title="stack">
+                <TabViewItem.view>
+                    <ScrollView style="flex: 1 0; height: 0;">
+                        <Repeater id="repeaterStack" items="{{ $value }}">
+                            <Repeater.itemTemplate>
+                                <StackLayout>
+                                    <Image src="{{ icon }}" horizontalAlignment="center" width="32" height="32" margin="4" borderWidth="1" borderRadius="16" borderColor="16" borderColor="gray" />
+                                    <Label text="{{ title }}" margin="4" />
+                                    <Label text="{{ body }}" textWrap="true" margin="4" fontSize="11" />
+                                    <Image src="~/thumbsdown.png" width="18" height="18" margin="4" />
+                                    <Label text="{{ up }}" fontSize="13" horizontalAlignment="center" />
+                                    <Image src="~/thumbsup.png" width="18" height="18" margin="4" />
+                                    <Label text="{{ down }}" fontSize="13" horizontalAlignment="center" />
+                                </StackLayout>
+                            </Repeater.itemTemplate>
+                        </Repeater>
+                    </ScrollView>
+                </TabViewItem.view>
+            </TabViewItem>
+        </TabView.items>
+    </TabView>
+</Page>
diff --git a/apps/app/ui-tests-app/flexbox/icons/icon1.jpg b/apps/app/ui-tests-app/flexbox/icons/icon1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..14974904c81cfa2d73f1bc766da8408977ecb1ff
GIT binary patch
literal 1338
zcmex=<NpH&0WUXCHwH#V1_nkTWcdG&!P+^<)iK0B$VwqSMK`M;HC>_1P|rX?qqI0P
zFI~aY%U!`Mz|~!$%*;qrN1?DZF(<R6Qo&Zi%#`c@Z3brsZVnDE4t8!XPA*;^ZeBqd
zAwhnAK_y8k5gAPtZ7mHIb#+}M2XkEmTLX1<3m;2cXIBqT4{bC5P(Qa22X_xwkRgmb
zyu5<^f{H>yimrO<dafjc{|6WZIT#!m9GDrE7?=bZnFSgDA7PLOdXkk93>ct*k%^gw
zm5rT)lZzXuV5<NF6C*P-6ALpdD+>!ybuCbyfklv2NYT)dO*k--U8zvSsBz*#4rQl}
z2StM}eo!$^Dr(~75)+q@lu}hw*U;25F*P%{u(Wb^admU|@bn4}2@MO6h>S{3Nli=7
z$jmA(DJ?6nsH|#kX>Duo=<J#_dCJsj(`U?_wP^8@rOTGDSh;G`<}F*dZQrqT*P+8l
zjvhOH;^e7Im#<vCcKyc9TMr*Se)9C$^A|5)ef;$K%hzw;fBgIf@)simGsIg!65=s5
ze+dHp#l*tG%)$=x7b8<S5Hkz1uqqm|2{{I`Cl(4T88vc<I89u*@gS$NanJ|Rq@s&l
zVk#yNRX>8f2KE_o9%~}YXK;@p{B?_ghnW!=dCY<g_6*Oq>T}koFSa^tKW*{*<_Y${
zuFlVY*qij}?((LSXA(Z{=8As7AN4I^-j&^2Z#s8A(tUV0GH)9D<#(dDFLFx!>eJ5L
z!(45}w2>pC?;W4r)>pGLw7Yb~ZTvnTlDayrJaSL>Yr(s}__A8>O<WP-HYqmBTWGsm
z>f`?mYvaB?Z9d0py1<<^&NQJ~a8}I1;uE@gEEkrsJyR%Pw_Mll_F>EQOKZNLNNn`0
z*(Q<xpMf!UNmOX>o_Q%|1uoBjOfukq8CJmV)#|BUmap}8wNl*IxZi<WE+>A@*Ao)`
z&yew{u6b{f(I3}f!QXZ>6{lZ(@}SOn))UjS?txeH!X5`myBTzeGw^3^S4m9XwC6{E
zw(!)=TPhn~d@?&w&m*;1{>aMj@<xZ$;%>(@|5@Fty#3PxJx<xo*uE3rYK7xBUtge~
zKV_mt#q9U`{~4mT@?YAM?lUc0-{ja)$tw(w2VZ2no%_!axn+ubX?aQVl$u4JoD%Ai
zi)UE+hbW{^bhFhw)tDSAslXH1Gf(TJ2Cuen_|M!#mMV>P=EsYi@^y0_Y}YsNJ)ZO>
z-v83>jY8WkmYtMmKP~g?Qr3f+k5)?UENEw~Hm_frySz1DVY2^@9sS>pJ<R!Do|pV}
z-L>+ecmLavy&E~4?Vh_oV16BaRBw^<p4HXKrkbKfTW0yqdYpV<=5b|}w58iG>GU2c
z=jTXoVeOyX!0z}XENrRl)xWDvigb$98K<wBAN-~&^gjca&F7bjdXe`$?linHhzQuu
z*Y=^Ppep!#`I1i`tUh~g7ftDMSjye{*uGc8=F(&b&K)I3)lcz@%x-%Vyp8#M6+`Qq
yht_>ZPyc<y9yL$nlEyWYfK`hdG~F!DvQGKvz&X$MsD9w3o}|eIe=?Z=-vj`bpC3^G

literal 0
HcmV?d00001

diff --git a/apps/app/ui-tests-app/flexbox/icons/icon2.jpg b/apps/app/ui-tests-app/flexbox/icons/icon2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a962605ca867e2675e10f7168923c7249d300868
GIT binary patch
literal 937
zcmex=<NpH&0WUXCHwH#V1_nkTWcdG&!P+^<)iK0B$VwqSMK`M;HC>_1P|rX?qqI0P
zFI~aY%U!`Mz|~!$%*;qrN1?DZF(<R6Qo&Zi%#`c@Z3brsZVnDE4t8!XPA*;^ZeBqd
zAwhnAK_y8k5gAPtZ7mHIb#+}M2XkEmTLX1<3m;2cXIBqT4{bC5P(Qa22X_xwkRgmb
zyu5<^f{H>yimrO<dafjc{|6WZIT#ce6qp&67?=bZnFSgDA7PLOdXkk93>ct*k%^gw
zm5rT)lZzXuV5<NF6C*P-6ALpdD+>!ybuCbyfklv2NYT)dO*k--U8zvSsBz*#4rQl}
z2StM}eo!$^Dr(~75)+q@lu}hw*U;25F*P%{u(Wb^admU|@bn4}2@MO6h>S{3Nli=7
z$jmA(DJ?6nsH|#kX>Duo=<J#_dCJsj(`U?_wP^8@rOTGDSh;G`<}F*dZQrqT*P+8l
zjvhOH;^e7Im#<vCcKyc9TMr*Se)9C$^A|5)ef;$K%hzw;fBgIf@)simGsIg!65=s5
ze+dHp#l*tG%)$=x7b8<S5Hkz1uqqm|2{{I`Cl(4T88vc<I89u*@gS$NanJ|Rq@s&l
zVk#yNRX>8f2KE_o9%~}YXK;@p{B?_ghnW!=dCY<g_6&VuT#Rb#bzTasOg^Ykt1TS5
zZQeDBXIq*aZZjPCx%pMS)wS)8wM%c^-Ndi+;1s(pzw#HQ<uku%s$SX5wm$2v5~p3p
zuaC!L!X}!Y{;}L=vUlgYhrIINJ1k`WYBT>6`WtkuQqp0P`C--qzdJlKRVi0jmMgA1
z9-LoWD>hSg@7={dNBvGN`gu^UrF6~i{I}Zj{H_vh0V!py21N_zH1~Vm-&}L+$h{T(
zFT+@R7#R2N`p+;w>RD-gaH+4%_s-Jlwf=`ccCOvP`11h!g5$QV1xvbTZa;R&;ykP8
t`rsY)Mn>z3*04F+I!c%x&aR5xHaCApUHp6ox!SD9;WKYc_dD_bCIINwU7P>_

literal 0
HcmV?d00001

diff --git a/apps/app/ui-tests-app/flexbox/icons/icon3.jpg b/apps/app/ui-tests-app/flexbox/icons/icon3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d7fdca12d3ce0957b6b0d3d48a6cc79c591dc3c1
GIT binary patch
literal 1212
zcmex=<NpH&0WUXCHwH#V1_nkTWcdG&!P+^<)iK0B$VwqSMK`M;HC>_1P|rX?qqI0P
zFI~aY%U!`Mz|~!$%*;qrN1?DZF(<R6Qo&Zi%#`c@Z3brsZVnDE4t8!XPA*;^ZeBqd
zAwhnAK_y8k5gAPtZ7mHIb#+}M2XkEmTLX1<3m;2cXIBqT4{bC5P(Qa22X_xwkRgmb
zyu5<^f{H>yimrO<dafjc{|6WZIT#EW444^}7?=bZnFSgDA7PLOdXkk93>ct*k%^gw
zm5rT)lZzXuV5<NF6C*P-6ALpdD+>!ybuCbyfklv2NYT)dO*k--U8zvSsBz*#4rQl}
z2StM}eo!$^Dr(~75)+q@lu}hw*U;25F*P%{u(Wb^admU|@bn4}2@MO6h>S{3Nli=7
z$jmA(DJ?6nsH|#kX>Duo=<J#_dCJsj(`U?_wP^8@rOTGDSh;G`<}F*dZQrqT*P+8l
zjvhOH;^e7Im#<vCcKyc9TMr*Se)9C$^A|5)ef;$K%hzw;fBgIf@)simGsIg!65=s5
ze+dHp#l*tG%)$=x7b8<S5Hkz1uqqm|2{{I`Cl(4T88vc<I89u*@gS$NanJ|Rq@s&l
zVk#yNRX>8f2KE_o9%~}YXK;@p{B?_ghnW!=dCY<g_6(2Lox9x`{&#Wc+G9Vvnoqur
zE{-~`JWY!;Z_Ddk*|f<i-kmZ6%Waxtq<6~)YIqqudy`pFmF>-%J#&`X#3H`OeREp_
zckC37_t$FN<SE%^l`uJM%U|)gQn~lP^(?bk`+55D`-PK4gx@xQS!p88p|jNJj=%6@
zzS(<ikLGG<N6Pui#4HXx=k;B|ttLg+&U)|Kt!-Md;YZT`{b#6Jr`VGd|8Z&en_Vp~
z`Jt0#q>iq(mb+^;?-G~K`QTZ1Kb-M3TQS2%L8U+Hd1B29)74Ak{!aR;awoLDn|-U`
zCC{!+MT<4ozA1}pYtOHm#QaHk@=i~g$C8h4?U41lTcW)(xi4A$<lF}zitOi>&YHKj
zP{iw_uiQxkM|J7i)ved_Sq~ZiX$zkJHD^iP{A;^P($B13drB-<d8*bDfvRt7GjqZo
z$(sp3^>C|rk<~Vrdq$ws+vF=-bCz7Vt<mNgV$}C1EL8Nozy8Y8>XNpS({p}025o66
zUu9O5>aco~+gbV3k#bYwO@dv!GoQ_izq{SqGxtsp*Mbi*@%K)&$*d~eq<YMMpZ(gh
zsMtxbZ>jE*-kqJ@;dZEJv8wxe`(EcI*#bYx1NOA)Chu@4P<8G-zVqd!U6zx)p0~ZY
zvNFia@Ww%pC!Lq7n}qXEh{!vJ<X!Uqy=<DO@`gLvVeg`Qy}m_vIw;;RyR?}3*3#{p
VIQD9r2mNQ@yzi~QZENKJn*a<z<>&wa

literal 0
HcmV?d00001

diff --git a/apps/app/ui-tests-app/flexbox/icons/thumbsdown.png b/apps/app/ui-tests-app/flexbox/icons/thumbsdown.png
new file mode 100644
index 0000000000000000000000000000000000000000..e44c04219ec55cb7f16b59ba2b0c349b172b67ca
GIT binary patch
literal 5129
zcmV+k6!z<hP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF000xvNkl<ZcwX&W
zd#q(wS^w5r`+1)Cp8J?P589cwQ2Q<=mLisb5mFLSF@}FkP$MxRiiz<L|4@mKU`&8$
zOcc;6!~~2KP@`=W6r+6rg-Y9*7F#>h>CD{c<Gjy)Km4t4?Q`$Vv^Tv2vB_N6GvBPe
z_t|^x{r$f8xAus#Eb04slk|PP{Q!U;0AL;DqL01*t&8L|7K=1rkW|hTl(o_*@#APx
zgrjgh4AYCzsCWMUGlT9c-T%iQxUZ9o{B~QpZx%w_qAYczrPMW+lJ!ywUkS<Yq5V;j
zXOyQY#bJ~r;Ut(0N9*J9_{=1VzbT~p>J4wcXT^8xwkpedt_o3RWtzruD2j3aLx1|v
z@Ja#L*9rd4Pu_8=)@uHGt<}D#-fUgt*J_K7;|d`q3H`D~PFa#r6ig@>kEy@iUG8`L
zk9GU~zrO$Rm4Er8Uwp?&&+*^w*K0rSc>dkK@1L+;n{3M>B^4<pcpm<jCnUps5>pZc
zH0gC|(A^>eHnrI~@@6_@J2olD9gtKuu&QamvMejoGzpV1?uEhRg)E#rw6S*SZ$9#m
zr`Nx00DkjbKXh#F=+dKeM~|PJnVX|Vt3j^gl5JZgsy~pGkyZvE(u9&IqKJXm!Y}mj
z%>3dlZoS!YT!$>&XIUTx<}CpLFauj(!J{ZK7nLme41kU?$7o}X8cRoM{@NQz`975Z
zEi0gV0IAee2p)?p=X1~knv5p^tw)<HtKIe0wfBAe%g_A#cjW_G?e_0=7MD&gEFGc6
zg?Z}C&(ZACJhc}))LxpS_7NN}g7j|-9h#q?r^Ta7w0P_Yz2Uao=;piLbno#~Co#nW
ze(O+YO1OU(bG1P;GfhyNTCF-Y0dT8<u~DO%3!t)uj-EV8r*6HSTAdkaK$HC08u^_%
z?rl*U&ukx=<#(AqGEZ}}Gt`;ufaYipbK_Z^xtaPGf9-9rU$|l)@LTuYe02W!>)to3
zCz@?jbAFcmW{sq+NJ=Ap3{(>T14%%3IaF~lBv%ryb4Vyf0umPv_HA6RBq?R-`$5v^
zP?nL163X)&_ZLKvqRg~PrzFdiW;(Ov>HA<drSDR%1p5d<W-D_H1@28iLQtG4vM|Di
zU_LI9P;E=*_Yl!PT@e6oz45lzY`fKLHL2cckPoRiz76ITvAGI?VXx{aK1!pIY}J6O
z>lgNjoQhFFOhg(89GB*VC=><>z`&SDDJMZnuqPy`4J=8Z-U(TSO?C{hEJX#t#sv%n
zZo-IToXahJT2djw5I|7?Qx!0eQZ%nT3P|<V2Gr4WU2=VprzI-Ml9HJ>tn6-lkQL+z
zMY86C`5KjWS-q&S^y)SSgb%U;lo6>?@3S4}05BepKm!_XZ&EnuQEhpa+!{c|yC@B;
z1|~1q0fTwgoGddwA%iA`QA~Yk;&y*XlhKei`jfRQ2EcZ#TOG~3YisAl%uBHk^F*wE
z5==<XB?16K8Pg~#>C2r9tGkmN6dSeI45cYMu&Cds{@O)aKX;abAb`JFBDd9s`L)S$
zJyN#AW>tkt1^`;ZCX+@1=72esBN8$|R0?UMJG$_<Pp?1yxhnwxOv;b_{5!5umc=U1
z_9~6g#6A<S%G!{QV^`s<e7Se!Q<dc7i2Vk$uf0CNh><?@mM_ru@<lpv+nsd$raQ=Q
zw~6$;1wayoxt~?OG{hiOBcz{06OuHc<Kuvit*p@E^JhDag>yd*p8l%Dc2Etl5b8Qg
zRm>~U{;cmZC(DZYR|>SCLYSA1B4(%*mFid0n{>CSzp+Xu@4B0g-+Bj|PGU=3ms4St
z)wJcV8G&TUdj{}S@_aaEE%BNyM4ZLO@&4dbzkT104-?UI2L(U@F^9c%<?tkEZ_F(A
z1>#lC#|cY{v%O5)ua-UlfVzjn0XbfsI<LEyk{~46tb=jwCUAYRJB7Fm*QtMzj>Q+r
zQBG3j>@O6|*!Mk|3Hh@`^pS%CAca(R#dPIqagh`iFRv`<;&R{cGP}=6WT^p9t2CG|
zGo3`ihG7zM7_jdsa8BwFnr6(Djs3E`Y<{sj7@BHW!BIvjSvhSYWfbq!l{i76fWU6J
zEA}G)iXh1Sn4jL5m+bT~ld*kh0cqx8uQ`~{5{y~OHXH|IqvX;e3qT3m=1?hQ1;TVb
z$&>F$0-D8uvS-0q#vx^sv572UVqXyer6^eJhA!vs<;?C_NV%W%6T^7rtRQCg+<D4m
zqz=pny)D{)@hsKaGn5wvKfhqcavbL*a4yr=V=UR_@IO?T8iJ!jp5_!p5sgP<+8&H)
zYcQeSI9!1+6-+Nb2mnB{#Ad?V4iLQmG9Y$ix|G=8;|Rsn>*D}SimB?CU?$C&F@!%Z
ze4q(@X&lFN=CMa;;n*<-!S#I(eZ;cJc^~ftV(-tO;DBOCISWH7aGYY!Nf6O6OqltL
z8^icqFaFmmTRR{C2+&A0)HKlm5}?Z@EcQ?s8vs1lTqO25hNzN087Yxwp4H!kzZB9+
zVE-X<fLgOjH{JVonujAqHfnr<kSu`d#*(S1G<i7w3I^7c(U=n&HyNTR+uWkFFI}{+
zxwQKGHy@q(Wg_~Y0|8I~TBw=Lb_F6$mR)JW9-S`@lVy_XNWs+_xtLB=8Uu9{xp90@
zUk-oB`#HTW(qxDE$zVV!=Dzd3_fTtTiAt?CIs__Zv{3A-mDmG<08w7@+;Ffswn$nI
z6)GkdY<UpeQdY<$&F_uk^nN1x(E|aH!y`dz9;01=@}l}->eTWbBNy0D@o;6^q;!I#
zYQ*k0*8qS~Q@n7x3N))U);PdSJ197+5o-R0Q#Vj+eu1(WV50UY95Bz^?kb+qBe~=M
z1P=yp${bP=fE6j(>=y)ic$V7;pjj<)y{&r=oC>E|mcS#kwD_Sq7VBc9a!ka`uwbf~
z4)moYDU8D->2YO;2`an_<DkGe6$}EK0H?4z1mYevU5t#CBm(nrLndK*nSaGxmsz0_
zf(xZmSDtBVGFTidj26yWF37UffdNR8bcoP2#~xU#Zkn1DR4HbPHKRhAG&4yA02Jjq
zeb!7zQDvj}*;H#h4|{X%tt$tZB^(0TA*R?bN@FG>$w_&Z$@lk(JyJ~12-X0Z7bdyV
zeghy2eJ_K^Cd~dpCwMrQygC4JvH?eO3f`Ju*f^icj*a4*xXWgdYFlR8Q@Ks0)`aPA
zLffe@X22j21Cdwr5RZcMjUgOX2`~T;Sz{uVx+HWVW(pCEhHF6v^s+K1${1XeQ<TPM
zWf>>}xZ#AmOA#u}C<rx{Ht1CWD91sx9ASc#la!QOUP`Hoc@u+6jktawP*3Af_vxT+
z9!Z7sO6@i*%7TF?KxUu8FtJ>)*>Jd9yKtV?&OT2^PF_!#(UiMmXhs-OH0)D69&^7T
ztHNfQF|$=wnDacClOs$V#S}w$<0PXH)EfrK34#Zw_1UWeFo}~Fg3*Y=$wX@d$5sHq
zsVdM0<tCKrF-|EOO}KHXJYQeK5|fn%7+Wbo)#FRSK$>C;b7Hh?7Ys!7-(UGMop}8l
zXyKY`b$-B2(FjgbU>>{H#3L-SZ3m96N$A#a=V{0HC~3lNoN!t_7>+2paFNbme3716
z8GPo!=QcljP#;ii^nxcwgCPz3J*w+&kYn>p<Vt&YmR^;^$CTk=!LZM@zwOtF1Q^0T
zY37*U%1*@&aceA>k`(539EUQ`g{d_t7zgzH>8I)R<6ozn?tCL%_r^C-eQtrATAgeM
z;93B$3JnGO7QL^>k{zrOOwQS&58-+34mqt^O0Dl4|A*6?$w3pL;>nk~PhY>-TyHcs
zk9dy52&Ykl+u7U;X73$qmE<n)xZ5KSswSZUwUWqdG?+=Dq=_6tvICWwG!nBFm~qGk
z<$jGjIXMX2Q3}alchgOD*Sp_?>s%7tXHb-}l*OK$sA|tu$0CD}V$EYp0>B6-BcZ!U
z5X$`A%sYSTjVJE-{I@T?bPxdY^P{A{+8aGk_qTpk>c|FWo2?dkuEQ4~O0tuQfN}^2
z6F}V>?T82rWktyv;?<fsRLn56he6CZT~;6qzu5p141!@BOy-WO{R(%Xj-9$*Gs;pG
zjt>BEFGr+lJ~ZtE?3TmImbl+GA)8XxltL)2nOr+9w7hHKFVX`607}37-1et^$GRK#
ze|IpRkm(UR{4nmkL@{Yc8HOQEf|$yU?%?$~wUff6|4jhl*BiW!AT7z7!!`_XGEN_D
zlG+3?XPMX7nWcFOt*|w-JiowiGK|=H=gcT~g_*>j+E|uk0E%O7k;O^I^+6nj6b55{
zPrUQNIzlBjJSg4@(*Bp8Ui*z7yP@+-3!~tjP0u~z*visE%mHbFY$=G7UN21kcX<#$
zc5XBL`cFi~d+*ANpF<_Vwpd`Sw;JRSq|M>1ARw~SU~vEjajk(NgVq4p$P17eZc}4n
zNFw%0>C7;2IKGorg+vfWW<Jx=B4_7kdW$g6B#db^98zy<Q?FKGe@xvVJbfi=gE45*
z3$yMQPj7s(?OLBZIpe&p?m07_MYT99<3W^eFZbisUYw7oO`=ae{Ng7+SPK94qWBpu
zXIW~XMxE7MN^W+WkjhDuA_<9Gu19v7aZkX9>1?4dXu)=CaDc>X47PEqN@CR7WXy_o
z>Y|LbGD|aNK7!PTy&i3@ZP5Dax-N?!dGOooX8@dpe2W8AgJp_~$J5^iah5%`o(+it
zx!Vh2%0U^A)m)!=<lIL;B&ku7co*j2P^UnmE_AceESO{kk5U2z+vdiHTQiHIaRSvH
zjOf`XzD4b&V^r^SNLU^-PMqRe({%}^qA>TRDMuytOB00fKIZ6ld&Syd^3VfMu6#Hk
z$`7sq284-bpklBFazJVi07dnialK}9L5<HmcJ2>8V5ue~{T5yibWCn8bcnP}pB!g6
zVN#C66DkNsxjrf7aVx$*j(VT}=db<lY_rz6{=~wqGY$V{OIk;zk~JyFmRx>viH%|u
zF(lO>MBz9}`r|OZxYm!pd3t^L=nI?Sc_JEvQkMR{0PGJ!Tuor_13<b*1AI_6!r8xj
z;^K#Y!LdK#y3P%@3#OFC^}Q5YovV(nH0uqevH?WS6{UbllzdLMpIsY2zk0SmrYBea
zjfiBYZuu?G@fxn}Sz3Kq1M(t_khlvfM&mT-##y*WJ5$i4qVRyL!~2uKw%1wib4>%o
zENJHL6SKFy_bsRX;<{6(>PJo-r`fp<)esphtqoizm%OT6RJnXS38=rdK`R$7(S?hv
z^o<uc|L{v^HXqmx{7j-Ex~w%>R#faU&8QOIPz&>W`aojJ^Z~9JS3t?fFZG_e@qFVm
z4Zr>?UaiKCkQZEpt{EiP3PMT-Ln(`;FBC|alzqmxZ`Z!HV$5Q?9EAOuk1GJeX$5$2
z0KRt`PbK!?nbpspm}|bfUiYu_JlCYv_~UynM+GVXfHbjPX)pi;DdX{NDNbnVRm{k0
zPWdVT?0|qdGpe@N6o4w180opYVP-#daqG|E%syVLLknD&H34S8U;qVDVy86bictz;
za2#9K-vnd&R=13<x{su)7W7EdL(gn{<-%I`tKID$jr)BHgGe`BU;-wP7e&?nHj5=J
zTHCBf=c_$RuiCG~0KznaO#bWa=AUeJyW>G`K*40l#Z;_gH<->bmPt%m6mX%Xh*(Q}
z+dgscEpxYA?Vrg7pz+fyqZgiA?%zKejd<xgj^nCPYScexQ3%cfY}X;zame@WMzi65
z@TvxY9Z{tPfB)3Q&u;bxPlZv;Z81@j$p-xz*Zj3+o9d|H8|_)DHyc!QU8>pEyWW4t
zQvGWGP%;FKf|Lf&F84p3Cc4X%Q6VLVKF9OOZM4Xr0rLy<)LdAgCQ{%!oTl&C$8gE5
zS2X}t{xAWJrLZQ6UJ{!&M3v-%NZDpN+o?DCo50o_K$xASM$HpK+P7cr8bDPtGVvWL
zk-ZwvZ#v8-@tFc)S==P`+cN+_XO4Apl(_LV_*C{ap~#ZCDE2Ni3bCiPB}i2jpXJ)*
zg85pbu5*Uthvj4GT$NIoI{p>)#DKv8L6Pk^<ajPAOU(!&)L{Ui6ta{?)?#l3#bh?#
zH)c_FkZq+Ljmcp!0V)eoFq0BA{pNVjw+4F)cK%I(DnT6v4G@JWQ`6JG%noG5AD<T7
z_s?_lF-3+7lkqqN0FaO(=O|!$+-9t}E2@tl^U{1elOzdejA@py92x+!v<SHY!XOw8
zz)-COoAten+uCN`AqoQ;1<@Hs>o7RMI77!QiA(<2Da{xNs+yZ1&Jg1;=Kp{(8VqPK
zn1tuH#!nm;0H`;Pw<aOv8$h~I$O|BG7#fM=++;YUVXsR)ESLAt)8FWiA9?ir@PfwZ
zP-wujD}%Mscsv~T`usmThW$QhK%@SMhB)qSZqU~18f}6$HoMt(RtA4LZM<If0F>Cy
z^}@+u6rA1O+NO==723RXi8hy)Y5md#TE%kq>iG+F>B0qC1^~~m_5b`oU+g|fL<w#!
z4n-aS%D0E%fA~)CN3t}7t&hm_JkEo{u=>EUKgwTRAARZzXVyMlRgy7?4h;a0ob7($
z?UH^tjFP*%gF(x-Y|f9PG#m6M$y3j5Odj~!OTBMQd;0(10KBIEcUTDFVORvsf$AXj
z3d?Ot)lckc;!5%mX+Q!BKwibTefiRS_4^Ps*vtH(2!oX~8-x0wZbiL4``b(``Q3K-
rVKITdreN(XxbAKRDAiQHhA;JhV4Mqm?)erp00000NkvXXu0mjf-m1j2

literal 0
HcmV?d00001

diff --git a/apps/app/ui-tests-app/flexbox/icons/thumbsup.png b/apps/app/ui-tests-app/flexbox/icons/thumbsup.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a43ecae29590cb314aeeea6e1b0fc4b065df671
GIT binary patch
literal 5135
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

literal 0
HcmV?d00001