mirror of https://github.com/flutter/pinball.git
feat: social networks `ShareDisplay` (#406)
* feat: share screen and tests * chore: assets gen * feat: added share repository * feature: injecting sharerepository * feat: share url * feat: state for showing ShareDisplay at Backbox * test: tests for sharing links * test: backbox tests * Update lib/game/components/backbox/displays/share_display.dart Co-authored-by: Allison Ryan <77211884+allisonryan0002@users.noreply.github.com> * Update lib/game/components/backbox/displays/share_display.dart Co-authored-by: Allison Ryan <77211884+allisonryan0002@users.noreply.github.com> * Update lib/game/components/backbox/displays/share_display.dart Co-authored-by: Allison Ryan <77211884+allisonryan0002@users.noreply.github.com> * Update test/game/components/backbox/backbox_test.dart Co-authored-by: Allison Ryan <77211884+allisonryan0002@users.noreply.github.com> * Update test/game/components/backbox/displays/share_display_test.dart Co-authored-by: Allison Ryan <77211884+allisonryan0002@users.noreply.github.com> * Update test/game/components/backbox/displays/share_display_test.dart Co-authored-by: Allison Ryan <77211884+allisonryan0002@users.noreply.github.com> * Update test/game/components/backbox/backbox_test.dart Co-authored-by: Allison Ryan <77211884+allisonryan0002@users.noreply.github.com> * Update test/game/components/backbox/backbox_test.dart Co-authored-by: Allison Ryan <77211884+allisonryan0002@users.noreply.github.com> * refactor: moved down social networks icons * refactor: url and text for share Co-authored-by: Allison Ryan <77211884+allisonryan0002@users.noreply.github.com>pull/414/head
Rui Miguel Alonso
3 years ago
committed by
GitHub
parent
c3094850fd
commit
80da24b43c
@ -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 user tries to share their 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 users to share their score to 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<void> onLoad() async {
|
||||
await super.onLoad();
|
||||
text = readProvider<AppLocalizations>().letEveryone;
|
||||
}
|
||||
}
|
||||
|
||||
class _SharingYourScoreTextComponent extends TextComponent with HasGameRef {
|
||||
_SharingYourScoreTextComponent()
|
||||
: super(
|
||||
anchor: Anchor.center,
|
||||
position: Vector2(0, 2.5),
|
||||
textRenderer: _descriptionTextPaint,
|
||||
);
|
||||
|
||||
@override
|
||||
Future<void> onLoad() async {
|
||||
await super.onLoad();
|
||||
text = readProvider<AppLocalizations>().bySharingYourScore;
|
||||
}
|
||||
}
|
||||
|
||||
class _SocialMediaTextComponent extends TextComponent with HasGameRef {
|
||||
_SocialMediaTextComponent()
|
||||
: super(
|
||||
anchor: Anchor.center,
|
||||
position: Vector2(0, 5),
|
||||
textRenderer: _descriptionTextPaint,
|
||||
);
|
||||
|
||||
@override
|
||||
Future<void> onLoad() async {
|
||||
await super.onLoad();
|
||||
text = readProvider<AppLocalizations>().socialMediaAccount;
|
||||
}
|
||||
}
|
||||
|
||||
class _SocialNetworksComponent extends PositionComponent with HasGameRef {
|
||||
_SocialNetworksComponent({
|
||||
OnSocialShareTap? onShare,
|
||||
}) : super(
|
||||
anchor: Anchor.center,
|
||||
position: Vector2(0, 12),
|
||||
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<void> 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<void> onLoad() async {
|
||||
await super.onLoad();
|
||||
final sprite = Sprite(
|
||||
gameRef.images.fromCache(Assets.images.backbox.button.twitter.keyName),
|
||||
);
|
||||
this.sprite = sprite;
|
||||
size = sprite.originalSize / 25;
|
||||
}
|
||||
}
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
@ -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<void> onLoad() async {
|
||||
await super.onLoad();
|
||||
images.prefix = '';
|
||||
await images.loadAll(
|
||||
[
|
||||
Assets.images.backbox.button.facebook.keyName,
|
||||
Assets.images.backbox.button.twitter.keyName,
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Future<void> pump(ShareDisplay component) {
|
||||
return ensureAdd(
|
||||
FlameBlocProvider<GameBloc, GameState>.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 Facebook button is tapped',
|
||||
(game) async {
|
||||
var tapped = false;
|
||||
|
||||
final tapDownInfo = _MockTapDownInfo();
|
||||
final component = ShareDisplay(
|
||||
onShare: (_) => tapped = true,
|
||||
);
|
||||
await game.pump(component);
|
||||
|
||||
final facebookButton =
|
||||
component.descendants().whereType<FacebookButtonComponent>().first;
|
||||
|
||||
facebookButton.onTapDown(tapDownInfo);
|
||||
|
||||
expect(tapped, isTrue);
|
||||
},
|
||||
);
|
||||
|
||||
flameTester.test(
|
||||
'calls onShare when Twitter button is tapped',
|
||||
(game) async {
|
||||
var tapped = false;
|
||||
|
||||
final tapDownInfo = _MockTapDownInfo();
|
||||
final component = ShareDisplay(
|
||||
onShare: (_) => tapped = true,
|
||||
);
|
||||
await game.pump(component);
|
||||
|
||||
final twitterButton =
|
||||
component.descendants().whereType<TwitterButtonComponent>().first;
|
||||
|
||||
twitterButton.onTapDown(tapDownInfo);
|
||||
|
||||
expect(tapped, isTrue);
|
||||
},
|
||||
);
|
||||
});
|
||||
}
|
||||
Loading…
Reference in new issue