From c69ef9a5bab4b021c9d05851096795288afb4d61 Mon Sep 17 00:00:00 2001 From: RuiAlonso Date: Fri, 6 May 2022 18:26:00 +0200 Subject: [PATCH] feat: share screen and tests --- .../components/backbox/displays/displays.dart | 1 + .../backbox/displays/share_display.dart | 189 ++++++++++++++++++ lib/game/game_assets.dart | 2 + lib/game/pinball_game.dart | 2 +- lib/l10n/arb/app_en.arb | 13 ++ .../assets/images/backbox/button/facebook.png | Bin 0 -> 3174 bytes .../assets/images/backbox/button/twitter.png | Bin 0 -> 3611 bytes .../lib/gen/assets.gen.dart | 18 +- packages/pinball_components/pubspec.yaml | 1 + .../pinball_components/sandbox/pubspec.lock | 7 + pubspec.lock | 7 + pubspec.yaml | 2 + .../backbox/displays/share_display_test.dart | 112 +++++++++++ 13 files changed, 350 insertions(+), 4 deletions(-) create mode 100644 lib/game/components/backbox/displays/share_display.dart create mode 100644 packages/pinball_components/assets/images/backbox/button/facebook.png create mode 100644 packages/pinball_components/assets/images/backbox/button/twitter.png create mode 100644 test/game/components/backbox/displays/share_display_test.dart diff --git a/lib/game/components/backbox/displays/displays.dart b/lib/game/components/backbox/displays/displays.dart index a516587d..07284ece 100644 --- a/lib/game/components/backbox/displays/displays.dart +++ b/lib/game/components/backbox/displays/displays.dart @@ -2,3 +2,4 @@ export 'initials_input_display.dart'; export 'initials_submission_failure_display.dart'; export 'initials_submission_success_display.dart'; export 'loading_display.dart'; +export 'share_display.dart'; diff --git a/lib/game/components/backbox/displays/share_display.dart b/lib/game/components/backbox/displays/share_display.dart new file mode 100644 index 00000000..621ea5ea --- /dev/null +++ b/lib/game/components/backbox/displays/share_display.dart @@ -0,0 +1,189 @@ +import 'dart:async'; + +import 'package:flame/components.dart'; +import 'package:flame/input.dart'; +import 'package:flutter/material.dart'; +import 'package:pinball/l10n/l10n.dart'; +import 'package:pinball_components/pinball_components.dart'; +import 'package:pinball_flame/pinball_flame.dart'; +import 'package:pinball_ui/pinball_ui.dart'; +import 'package:share_repository/share_repository.dart'; + +/// Signature for the callback called when the used tries to share the score +/// on the [ShareDisplay]. +typedef OnSocialShareTap = void Function(SharePlatform); + +final _descriptionTextPaint = TextPaint( + style: const TextStyle( + fontSize: 1.6, + color: PinballColors.white, + fontFamily: PinballFonts.pixeloidSans, + ), +); + +/// {@template share_display} +/// Display that allows to share score on social networks. +/// {@endtemplate} +class ShareDisplay extends Component with HasGameRef { + /// {@macro share_display} + ShareDisplay({ + OnSocialShareTap? onShare, + }) : super( + children: [ + _ShareInstructionsComponent( + onShare: onShare, + ), + ], + ); +} + +class _ShareInstructionsComponent extends PositionComponent with HasGameRef { + _ShareInstructionsComponent({ + OnSocialShareTap? onShare, + }) : super( + anchor: Anchor.center, + position: Vector2(0, -25), + children: [ + _DescriptionComponent(), + _SocialNetworksComponent( + onShare: onShare, + ), + ], + ); +} + +class _DescriptionComponent extends PositionComponent with HasGameRef { + _DescriptionComponent() + : super( + anchor: Anchor.center, + position: Vector2.zero(), + children: [ + _LetEveryoneTextComponent(), + _SharingYourScoreTextComponent(), + _SocialMediaTextComponent(), + ], + ); +} + +class _LetEveryoneTextComponent extends TextComponent with HasGameRef { + _LetEveryoneTextComponent() + : super( + anchor: Anchor.center, + position: Vector2.zero(), + textRenderer: _descriptionTextPaint, + ); + + @override + Future onLoad() async { + await super.onLoad(); + text = readProvider().letEveryone; + } +} + +class _SharingYourScoreTextComponent extends TextComponent with HasGameRef { + _SharingYourScoreTextComponent() + : super( + anchor: Anchor.center, + position: Vector2(0, 2.5), + textRenderer: _descriptionTextPaint, + ); + + @override + Future onLoad() async { + await super.onLoad(); + text = readProvider().bySharingYourScore; + } +} + +class _SocialMediaTextComponent extends TextComponent with HasGameRef { + _SocialMediaTextComponent() + : super( + anchor: Anchor.center, + position: Vector2(0, 5), + textRenderer: _descriptionTextPaint, + ); + + @override + Future onLoad() async { + await super.onLoad(); + text = readProvider().socialMediaAccount; + } +} + +class _SocialNetworksComponent extends PositionComponent with HasGameRef { + _SocialNetworksComponent({ + OnSocialShareTap? onShare, + }) : super( + anchor: Anchor.center, + position: Vector2(0, 10), + children: [ + FacebookButtonComponent(onTap: onShare), + TwitterButtonComponent(onTap: onShare), + ], + ); +} + +/// {@template facebook_button_component} +/// Button for sharing on Facebook. +/// {@endtemplate} +class FacebookButtonComponent extends SpriteComponent + with HasGameRef, Tappable { + /// {@macro facebook_button_component} + FacebookButtonComponent({ + OnSocialShareTap? onTap, + }) : _onTap = onTap, + super( + anchor: Anchor.center, + position: Vector2(-5, 0), + ); + + final OnSocialShareTap? _onTap; + + @override + bool onTapDown(TapDownInfo info) { + _onTap?.call(SharePlatform.facebook); + return true; + } + + @override + Future onLoad() async { + await super.onLoad(); + final sprite = Sprite( + gameRef.images.fromCache(Assets.images.backbox.button.facebook.keyName), + ); + this.sprite = sprite; + size = sprite.originalSize / 25; + } +} + +/// {@template twitter_button_component} +/// Button for sharing on Twitter. +/// {@endtemplate} +class TwitterButtonComponent extends SpriteComponent with HasGameRef, Tappable { + /// {@macro twitter_button_component + TwitterButtonComponent({ + OnSocialShareTap? onTap, + }) : _onTap = onTap, + super( + anchor: Anchor.center, + position: Vector2(5, 0), + ); + + final OnSocialShareTap? _onTap; + + @override + bool onTapDown(TapDownInfo info) { + _onTap?.call(SharePlatform.twitter); + return true; + } + + @override + Future onLoad() async { + await super.onLoad(); + final sprite = Sprite( + gameRef.images.fromCache(Assets.images.backbox.button.twitter.keyName), + ); + this.sprite = sprite; + size = sprite.originalSize / 25; + } +} diff --git a/lib/game/game_assets.dart b/lib/game/game_assets.dart index ac324417..537cc6e2 100644 --- a/lib/game/game_assets.dart +++ b/lib/game/game_assets.dart @@ -100,6 +100,8 @@ extension PinballGameAssetsX on PinballGame { images.load(components.Assets.images.sparky.bumper.c.dimmed.keyName), images.load(components.Assets.images.backbox.marquee.keyName), images.load(components.Assets.images.backbox.displayDivider.keyName), + images.load(components.Assets.images.backbox.button.facebook.keyName), + images.load(components.Assets.images.backbox.button.twitter.keyName), images.load(components.Assets.images.googleWord.letter1.lit.keyName), images.load(components.Assets.images.googleWord.letter1.dimmed.keyName), images.load(components.Assets.images.googleWord.letter2.lit.keyName), diff --git a/lib/game/pinball_game.dart b/lib/game/pinball_game.dart index b4886e4c..b0db048c 100644 --- a/lib/game/pinball_game.dart +++ b/lib/game/pinball_game.dart @@ -17,7 +17,7 @@ import 'package:pinball_flame/pinball_flame.dart'; import 'package:pinball_theme/pinball_theme.dart'; class PinballGame extends PinballForge2DGame - with HasKeyboardHandlerComponents, MultiTouchTapDetector { + with HasKeyboardHandlerComponents, MultiTouchTapDetector, HasTappables { PinballGame({ required CharacterTheme characterTheme, required this.leaderboardRepository, diff --git a/lib/l10n/arb/app_en.arb b/lib/l10n/arb/app_en.arb index 03fde0bd..ca3caff9 100644 --- a/lib/l10n/arb/app_en.arb +++ b/lib/l10n/arb/app_en.arb @@ -128,4 +128,17 @@ "@ioPinball": { "description": "I/O Pinball - Name of the game" } + , + "letEveryone": "Let everyone know about I/O Pinball", + "@letEveryone": { + "description": "Text displayed on share screen for description" + }, + "bySharingYourScore": "by sharing your score to your preferred", + "@bySharingYourScore": { + "description": "Text displayed on share screen for description" + }, + "socialMediaAccount": "social media account!", + "@socialMediaAccount": { + "description": "Text displayed on share screen for description" + } } diff --git a/packages/pinball_components/assets/images/backbox/button/facebook.png b/packages/pinball_components/assets/images/backbox/button/facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..f6d29ab28f01d7eaab310ecbad51fec8ce5b8910 GIT binary patch literal 3174 zcmV-s44LzZP)2VEZ2^nxMBHqFi#x#r+E` zA9`sIZ4d3i7s)b^6e(;OMIu8{BQdb+sIf><6e&{sv$IkPwBFgRmwLOiGv)^n1oOS&SaIxFm%PfJ@>D7XNrWrWE0w>1t{16w+3ZPRg{D0wuZE{Ql`XQ*{gpZ*M3p=p1ILgBHe-0!=xhAYumR>q)Mqz~iWF1rTa-Y!GCt$WH-DIJms zSE7IN$&bh@y&BVA~2<}vXa|#7G;ZrpRA&?}f zLJTk!UDLL}aiGsPNHLAOOhwOR+T^vbdfYG-z11o}U-bB4Dte<)hCcsIJmY&TpK|Zs z<2hQnhx9~zQm|Atm!n&!>f+3^M-5R2#!9<24p@FOBg=JxsFb`SjwP4um;V<5}yf)ig}!kcAiqPJQD zM0BPx880Pd*%rcrXvmr5na)-8l@Rn2j}W?RuCCsnBX4^T1jTWr#j|HG%tC~G{`vBC z$8jRvoFPfh{FyV~xk0N7-8EIU8C!%03#1q>PE}EyWq|}eYD0^z>x$5#%Q8exx0{OG z{t3EyLyKOom&rejp=B6BhDC^)T5XuvKkV8twCH<#gXAvli+&Wk-JuwIx_@10(ers- z@SYBlQz+~MZNnobLH#nc=;iWOEXGdMSeATyZ?7=#tw}|0WocS12HU|@Kl^OX6OT_E zG7Ba>cqr%7l8q)x(iYFbjRtW3x%p@ua{*RW)IKwybwLzVYthp-HyHu zZ95I?>tocq9<29cebJ9dy?#7$gV8W-xOp6J3C*8FMN#zIr%uf-LV}1X zL&Z6O^f^j-)mQXJLjw^u7fMp{0y}E8K_Wbx(UN!({fGCRonh!D{wjGS@5bHT9qB3f z0SjNz4~;dB#&I8#ne;$rW()`R^m2K}&G7=fV;ISsUTWG7u=803h(0i|1tNeMp}VoM zPyqyF`Rns6r@g+S6Nd!Txhxi#D_@QyqwLhN7~7Vrf(V8jp6J=E3B2R>;{fZuE<}zu%o#|jR09$46+M@WK1??b zOcPJ^e4hU{aVHJFqIWuO&;|cp-E}2m(dlG?cLEn@-0Ts3L+*ds-WDUHhOg+|?tmbo z<1Kx;ZNfhRJw2Zfk+C|#bUJv?^uy3){_z#v&HW~V^^UpPSuTr^4=hM!fO7x-Z?DrT+U@iS&QAOA0WayE8~!Z<%AGqu9ivse{(4^nsHrJgfoY7EN?!y25bNDEw|y$<=ZEqK<_tuH#~m5oKmGL0F5*^6Y#coz_`ZKVoG?C+=E2LvoDGhxE=)th~V7| zqTOa2N*xda?e;b{jW7C1%jvWoOOir5PEZg9%Oyv#RUaPSWR|xlFz(&Wb;hd4iQdyy zm969E|AauZF{nfrz1_|*^I!&sK)d#$Q(ZuG3T4Rbkzv@g4GYG2Vcja?=RQReBF zE-g@-~rf46ISF#j?IdyqE=GMLN}c^mJ)Ok@AO`pxNLnda1O-^4U7}&CijsEI{)V zYT8Z(xF=wEFBZkfBZqn84i1XZCcdJ(CnSsVY{f&65NN-O!$bG@UnG%bybX*yJ7VP4 z^A&w}*S$aydOBYAz-E*GJaU1qRWeWig8cH_+GGjwm27tZ1aN}m;BB|&=@=8ok#*Db zZm1`huB1pG-pA* z{%zt9W)eEr6PTToC+l5Nbe~|2fGJz8HbiZ(b~|@)oHj3D_H>@E+ca%34EnwW->XgxSba<}{hH~}*^tftk0BmR2n(&(>f6`?H?Rc$gnbS69|;>u|**92Y&nzi(B zl(x#*A_d+v-JQAcLQu4AXweVDcX<*W@1ZWn87@7D?&h82NpuU*lJm>CmrVRexX_~K z^W6p!z50AP@yKapi7#<;n*Dve1(hV`k#iiWLDtzl%dNI;@A$n3t;?>heOyVUAXGR} z97vKmJ3jt{ML=ME{o};B9UaHMar*S-`7rN6>jsL_O{7(ixo^VFjGZ)kdD5bZ-fF2t z^yK9g#Z3L(YO#w|#{^CEt*sMolqVz)yb-xxKMqNwmnkXY@b3PrB(BByUr6bjK4##)zLmY7SYGY=?;PQ^`&dX^En0)f|*#sFd|=ZY`peb zIOj<(FkMZl)s9D=R0uOLa%(HvW!Sj#0WcN4(;19hbj^UI9?TTmZf5LoBr|;rSE8$`8+;kg z@NK~#7F?VU?( zB*huWzwW6Xw>@t^)?U23*sLwsO~9ML3RY~`8FE8W5)LR)F0dlEBuXL$DUl-K8yteP z_n>HVAs0|U3KA$t9&aGTTF`n0`w}sXg}q>p?Rj_}Jw5$Mm7OSPx_a2Qt6kMI^OI~# zU%CD0e^>QaUw!qJ1OZ}h?(?)POLHI?mStx$nWI?<2nYg%sv7vS4B}xykO-9M$>avu zb{Is%G(~(6-3eGvuRtgS!eN>aC;}zArm0wT@rF`K>J9I{Q7k3_1?n#r6A3snH+TDj zBuO)OeubTsB>NNyhqP$hQt?i|+qSLwOlEu*IKj2w#9|s2+)hLA@$?`{66Am*Tt(mY z#-ZzwxQ?%!MGuFo_;dHEjsr}<6Rx6HDiP>L(Iu&iMK2Zyp&P+YAMk|PZ=apDF?X5RZd@7x%Y(FE0{FP?Jfu8gD%SG@2Gtr~b zqL6Fdosai>&NL!tnq9bh!WnB1{fwFD8ymxTJ|3{Vp^m`2TgFWEN+rsD^{5-!OR5$# z(GfE6JH407bkOW2AHj3iymjltS$tV9mM#dERejMga&NcVZQJ2NTkWO^cxg;lTJ4I` zScyc|9Nrhcw|(XE`1imQ=D%&*uC!Y5X#Cdk(a}$3tTJ46RAj@)S4t;(3ax(euN~^uuOvW{h=9IN%%Ei9uc7dztmC8Vu zdgup516LdWWH1{YJGVncg z&X>uS>#Z&4Fy3q$xTmw}XzgZLuA;|c-MQsxFQifh>cc`t4cfg|RUOWpX*lfRumSP7 z27cozdNP^!y{BU*=b~jv%dPfM$UG-WW*U6NwnJId49z?3b`Cs(MSlfL{I2t70m9C( z;~ozVR>meKwjCLT*n3y&bDh+}E-aGxqm&;^h zqu=vIexk3fjZz&g@|-IQn@tVd+Xz1Rz**$OvijXc-|cDsMq=DMoBu0$JSQfh5DD1O zM7Nn0Es~@#9^##I{%Ev~BR4o$!cT?2cfQ%APb-qiaz~3kJiO^5uEgxM7L8gsJp8%C zF3W4gyL^@!##>og>&G50_=#KgY$CCq!~G%KYR5exiQmOc3Jvjmrw^9&82NyW>OoL zXJLSPJ*?pW-PfCI7?JyHwfh`lKRm+x0cEq_r(SgUu!`Ra{@xg`l@>{wHLC?5p2K^& zoaFY0CStW4r?CE4$#w!tp#0St5Ps~#rYqb&l4gTh_dz~E&4{tE6$iQzm&d^Za z_j~IGx##Hc;lEQG*Vn&GoB{9?!|*0LsRGR^sN(l@v>mEi-O~~-3y7bFmX@CSC2+zt zy$$dGjnfA{wL{a$XvHT5iPWY?g#y1S5th|`Ng9OB&9R*X3m%Yrjx;R_yda)rH==0+ z+%|jec<+&j|4XQD)a%{3RfgPiUZOXf_?~ckX&pGSX zYE%l>RX!ArvPrJr3tl5~okA?O4ZMOgnx+6srPhHL-ME>8kW6lI3&YxWlVorByOQ=b ze*$zTWJ3eLouFuYI|jVa^}eSU7OtgR?Rd>Rd;0W=ECig(mv5wT*fZT~FBZ)ig!s%{ zNHu9xEDixjo}n2nYi9(=LcpojRC4sUqY{_Su8Oy345N<(XT;lZF3X+a)gvSeSG5Bn z4NxM%#}h5 za>>Yp3I(o?9FEy6M(Rw=BRfHE@5+E9#611t+lH8BjY=!KgLE*4?HQGBRP!|qc z!sQI?MC3?1u6T5Y>chh%#4VQUhJi)z>)Qs==$xKj5w552Y*p4Yo=dBAIz@DHZ$%S* zCk1+IOT2^fIz@DHZ^e73V?X1im+aSRjVDiTJUTF-3-v@`PdNM7V|QghFfLuXJ%?u; zX$Sx~1~Q3Go}{m*4-M6XJ7V&rT+p+<>4! zk~dI){}Q#aS|vdne>X6CMbtcbMX3kI4^b5Cz0(TQ5+sRKOAxE4iz<4l6y=uwViK&VuT|DM(;Nwq)WI4u|N9XlJZ77Eg9t#&+w z^2_3cT`!$xw=6g%S`@KbRaSDjh~xB#wY7mVdhR*tW7pi9G#%eyl@~>7q zo=x~)BDoF8WGM{+AsUs-@%WbG^azrP+otq4KabS5>v+oeHl;-Yo{*%7pwQP>!uRka zhrM3!gEm#5&Hp7Ra)4xtIy-eF!ZD+82eEvdcF3}ZM@HvE8joAfS4SLnT_ruieZG+k!n>-+D2md0PwUam3C;OxEY>oZsDb$F}Q z-e^F*&2b+5Qls(H*tl@vE?@tEXta{X5BBrWp`=pw>WeRqy+vzt6+MyI;1*guh~K-L zo(vsJyDVH+(MjQ0UL1tzoqi4}sIz@peIPRY_O(?b6 zWm(R-UE}#tzjf=w*-rL)gNCAPzmCx6)mFQ0%Zta3JxNW4^X#pus(3pwyO~5{39plU z?CBcMqStDwa9ee{8BH6;%cau}yJfjc>sj>OO?f@hMIoO*1h;R~vY+;FsHQs2gI!fi@Z48QC7RW0gLjvTQXiefrK)_C^insDN|%U-)S zJEkbgSgReO`yK+g>yOamK*6z;^T&@rdeO@@o_qSp$U5~9*jnu{7)EfG9y^7-ylFj) ze);k@c54wk*-F?trgTFsMsC63~AQ&ZP(heD|e{hDw8 z1$yiY+eR5pQ**6$RRzx(M$Dotg~G3rh5^*G%`253FggCZ%bA><%;bOp%+h1B*>iZx zMsJ&*?oH+P3(MRFW};uc`a|5KsiQlLj*3@*HfWe8yYw|?KZz6;4u$BaISN>4I&dfq zcXTlmJ)M3XFY_g-ZK>2G^w=L{e;+HDiGJ$TawVT%zDaAVRu7%0*=5;yUY6|%=rU~E zT(GSAtIih5vhAcxS#F)#JCf@f>8GDw!d`tasxq;}H1*dEFJkOz-Ra+ zw*xs+`cPM%*wk#AaOu*I9QNHbw3oqexQbq{$GcK=UAJL*dE8+)jDtxz=PJ6Y>K$`* zhZo3f=I* + const $AssetsImagesBackboxButtonGen(); + /// File path: assets/images/backbox/display-divider.png AssetGenImage get displayDivider => const AssetGenImage('assets/images/backbox/display-divider.png'); @@ -66,9 +69,6 @@ class $AssetsImagesBackboxGen { class $AssetsImagesBallGen { const $AssetsImagesBallGen(); - /// File path: assets/images/ball/ball.png - AssetGenImage get ball => const AssetGenImage('assets/images/ball/ball.png'); - /// File path: assets/images/ball/flame_effect.png AssetGenImage get flameEffect => const AssetGenImage('assets/images/ball/flame_effect.png'); @@ -380,6 +380,18 @@ class $AssetsImagesAndroidSpaceshipGen { const AssetGenImage('assets/images/android/spaceship/saucer.png'); } +class $AssetsImagesBackboxButtonGen { + const $AssetsImagesBackboxButtonGen(); + + /// File path: assets/images/backbox/button/facebook.png + AssetGenImage get facebook => + const AssetGenImage('assets/images/backbox/button/facebook.png'); + + /// File path: assets/images/backbox/button/twitter.png + AssetGenImage get twitter => + const AssetGenImage('assets/images/backbox/button/twitter.png'); +} + class $AssetsImagesDashBumperGen { const $AssetsImagesDashBumperGen(); diff --git a/packages/pinball_components/pubspec.yaml b/packages/pinball_components/pubspec.yaml index 4f66c220..1876e5aa 100644 --- a/packages/pinball_components/pubspec.yaml +++ b/packages/pinball_components/pubspec.yaml @@ -88,6 +88,7 @@ flutter: - assets/images/multiplier/x6/ - assets/images/score/ - assets/images/backbox/ + - assets/images/backbox/button/ - assets/images/flapper/ - assets/images/skill_shot/ diff --git a/packages/pinball_components/sandbox/pubspec.lock b/packages/pinball_components/sandbox/pubspec.lock index d2500fbe..5ac4a08e 100644 --- a/packages/pinball_components/sandbox/pubspec.lock +++ b/packages/pinball_components/sandbox/pubspec.lock @@ -291,6 +291,13 @@ packages: url: "https://pub.dartlang.org" source: hosted version: "4.2.4" + share_repository: + dependency: transitive + description: + path: "../../share_repository" + relative: true + source: path + version: "1.0.0+1" shared_preferences: dependency: transitive description: diff --git a/pubspec.lock b/pubspec.lock index 96f9f2a6..f5c98153 100644 --- a/pubspec.lock +++ b/pubspec.lock @@ -576,6 +576,13 @@ packages: url: "https://pub.dartlang.org" source: hosted version: "2.1.1" + share_repository: + dependency: "direct main" + description: + path: "packages/share_repository" + relative: true + source: path + version: "1.0.0+1" shelf: dependency: transitive description: diff --git a/pubspec.yaml b/pubspec.yaml index fcee1e6e..536d9e91 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -43,6 +43,8 @@ dependencies: path: packages/pinball_ui platform_helper: path: packages/platform_helper + share_repository: + path: packages/share_repository dev_dependencies: bloc_test: ^9.0.2 diff --git a/test/game/components/backbox/displays/share_display_test.dart b/test/game/components/backbox/displays/share_display_test.dart new file mode 100644 index 00000000..cfc59407 --- /dev/null +++ b/test/game/components/backbox/displays/share_display_test.dart @@ -0,0 +1,112 @@ +// ignore_for_file: cascade_invocations + +import 'package:flame/game.dart'; +import 'package:flame/input.dart'; +import 'package:flame_bloc/flame_bloc.dart'; +import 'package:flame_forge2d/flame_forge2d.dart'; +import 'package:flame_test/flame_test.dart'; +import 'package:flutter_test/flutter_test.dart'; +import 'package:mocktail/mocktail.dart'; +import 'package:pinball/game/bloc/game_bloc.dart'; +import 'package:pinball/game/components/backbox/displays/share_display.dart'; +import 'package:pinball/l10n/l10n.dart'; +import 'package:pinball_components/pinball_components.dart'; +import 'package:pinball_flame/pinball_flame.dart'; + +class _TestGame extends Forge2DGame with HasTappables { + @override + Future onLoad() async { + await super.onLoad(); + images.prefix = ''; + await images.loadAll( + [ + Assets.images.backbox.button.facebook.keyName, + Assets.images.backbox.button.twitter.keyName, + ], + ); + } + + Future pump(ShareDisplay component) { + return ensureAdd( + FlameBlocProvider.value( + value: GameBloc(), + children: [ + FlameProvider.value( + _MockAppLocalizations(), + children: [component], + ), + ], + ), + ); + } +} + +class _MockAppLocalizations extends Mock implements AppLocalizations { + @override + String get letEveryone => ''; + + @override + String get bySharingYourScore => ''; + + @override + String get socialMediaAccount => ''; +} + +class _MockTapDownInfo extends Mock implements TapDownInfo {} + +void main() { + TestWidgetsFlutterBinding.ensureInitialized(); + + final flameTester = FlameTester(_TestGame.new); + + group('ShareDisplay', () { + flameTester.test( + 'loads correctly', + (game) async { + final component = ShareDisplay(); + await game.pump(component); + expect(game.descendants(), contains(component)); + }, + ); + + flameTester.test( + 'calls onShare when tap on Facebook button', + (game) async { + var tapped = false; + + final tapDownInfo = _MockTapDownInfo(); + final component = ShareDisplay( + onShare: (_) => tapped = true, + ); + await game.pump(component); + + final facebookButton = + component.descendants().whereType().first; + + facebookButton.onTapDown(tapDownInfo); + + expect(tapped, isTrue); + }, + ); + + flameTester.test( + 'calls onShare when tap on Twitter button', + (game) async { + var tapped = false; + + final tapDownInfo = _MockTapDownInfo(); + final component = ShareDisplay( + onShare: (_) => tapped = true, + ); + await game.pump(component); + + final twitterButton = + component.descendants().whereType().first; + + twitterButton.onTapDown(tapDownInfo); + + expect(tapped, isTrue); + }, + ); + }); +}