mirror of https://github.com/flutter/pinball.git
arturplaczek
3 years ago
parent
671d236a7e
commit
12c8492b1c
@ -1,26 +0,0 @@
|
|||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
||||||
import 'package:pinball/l10n/l10n.dart';
|
|
||||||
import 'package:pinball/start_game/start_game.dart';
|
|
||||||
|
|
||||||
/// {@template play_button_overlay}
|
|
||||||
/// [Widget] that renders the button responsible to starting the game
|
|
||||||
/// {@endtemplate}
|
|
||||||
class PlayButtonOverlay extends StatelessWidget {
|
|
||||||
/// {@macro play_button_overlay}
|
|
||||||
const PlayButtonOverlay({Key? key}) : super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
final l10n = context.l10n;
|
|
||||||
|
|
||||||
return Center(
|
|
||||||
child: ElevatedButton(
|
|
||||||
onPressed: () {
|
|
||||||
context.read<StartGameBloc>().add(const PlayTapped());
|
|
||||||
},
|
|
||||||
child: Text(l10n.play),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,130 +0,0 @@
|
|||||||
// ignore_for_file: public_member_api_docs
|
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
||||||
import 'package:pinball/l10n/l10n.dart';
|
|
||||||
import 'package:pinball/select_character/select_character.dart';
|
|
||||||
import 'package:pinball/start_game/start_game.dart';
|
|
||||||
import 'package:pinball_theme/pinball_theme.dart';
|
|
||||||
import 'package:pinball_ui/pinball_ui.dart';
|
|
||||||
|
|
||||||
class CharacterSelectionDialog extends StatelessWidget {
|
|
||||||
const CharacterSelectionDialog({Key? key}) : super(key: key);
|
|
||||||
|
|
||||||
static Route route() {
|
|
||||||
return MaterialPageRoute<void>(
|
|
||||||
builder: (_) => const CharacterSelectionDialog(),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return BlocProvider(
|
|
||||||
create: (_) => CharacterThemeCubit(),
|
|
||||||
child: const CharacterSelectionView(),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class CharacterSelectionView extends StatelessWidget {
|
|
||||||
const CharacterSelectionView({Key? key}) : super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
final l10n = context.l10n;
|
|
||||||
|
|
||||||
return PixelatedDecoration(
|
|
||||||
header: Text(
|
|
||||||
l10n.characterSelectionTitle,
|
|
||||||
style: Theme.of(context).textTheme.headline3,
|
|
||||||
),
|
|
||||||
body: SingleChildScrollView(
|
|
||||||
child: Column(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.center,
|
|
||||||
children: [
|
|
||||||
const _CharacterSelectionGridView(),
|
|
||||||
const SizedBox(height: 20),
|
|
||||||
TextButton(
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
context.read<StartGameBloc>().add(const CharacterSelected());
|
|
||||||
},
|
|
||||||
child: Text(l10n.start),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
class _CharacterSelectionGridView extends StatelessWidget {
|
|
||||||
const _CharacterSelectionGridView({Key? key}) : super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return Padding(
|
|
||||||
padding: const EdgeInsets.all(20),
|
|
||||||
child: GridView.count(
|
|
||||||
shrinkWrap: true,
|
|
||||||
crossAxisCount: 2,
|
|
||||||
mainAxisSpacing: 20,
|
|
||||||
crossAxisSpacing: 20,
|
|
||||||
children: const [
|
|
||||||
CharacterImageButton(
|
|
||||||
DashTheme(),
|
|
||||||
key: Key('characterSelectionPage_dashButton'),
|
|
||||||
),
|
|
||||||
CharacterImageButton(
|
|
||||||
SparkyTheme(),
|
|
||||||
key: Key('characterSelectionPage_sparkyButton'),
|
|
||||||
),
|
|
||||||
CharacterImageButton(
|
|
||||||
AndroidTheme(),
|
|
||||||
key: Key('characterSelectionPage_androidButton'),
|
|
||||||
),
|
|
||||||
CharacterImageButton(
|
|
||||||
DinoTheme(),
|
|
||||||
key: Key('characterSelectionPage_dinoButton'),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// TODO(allisonryan0002): remove visibility when adding final UI.
|
|
||||||
@visibleForTesting
|
|
||||||
class CharacterImageButton extends StatelessWidget {
|
|
||||||
const CharacterImageButton(
|
|
||||||
this.characterTheme, {
|
|
||||||
Key? key,
|
|
||||||
}) : super(key: key);
|
|
||||||
|
|
||||||
final CharacterTheme characterTheme;
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
final currentCharacterTheme =
|
|
||||||
context.select<CharacterThemeCubit, CharacterTheme>(
|
|
||||||
(cubit) => cubit.state.characterTheme,
|
|
||||||
);
|
|
||||||
|
|
||||||
return GestureDetector(
|
|
||||||
onTap: () =>
|
|
||||||
context.read<CharacterThemeCubit>().characterSelected(characterTheme),
|
|
||||||
child: DecoratedBox(
|
|
||||||
decoration: BoxDecoration(
|
|
||||||
color: (currentCharacterTheme == characterTheme)
|
|
||||||
? Colors.blue.withOpacity(0.5)
|
|
||||||
: null,
|
|
||||||
borderRadius: BorderRadius.circular(6),
|
|
||||||
),
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsets.all(8),
|
|
||||||
child: characterTheme.icon.image(),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1 +0,0 @@
|
|||||||
export 'character_selection_page.dart';
|
|
||||||
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 16 KiB |
@ -1,42 +0,0 @@
|
|||||||
import 'package:bloc_test/bloc_test.dart';
|
|
||||||
import 'package:flutter_test/flutter_test.dart';
|
|
||||||
import 'package:mocktail/mocktail.dart';
|
|
||||||
import 'package:pinball/game/game.dart';
|
|
||||||
import 'package:pinball/start_game/bloc/start_game_bloc.dart';
|
|
||||||
|
|
||||||
import '../../../helpers/helpers.dart';
|
|
||||||
|
|
||||||
void main() {
|
|
||||||
group('PlayButtonOverlay', () {
|
|
||||||
late StartGameBloc startGameBloc;
|
|
||||||
|
|
||||||
setUp(() {
|
|
||||||
startGameBloc = MockStartGameBloc();
|
|
||||||
|
|
||||||
whenListen(
|
|
||||||
startGameBloc,
|
|
||||||
Stream.value(const StartGameState.initial()),
|
|
||||||
initialState: const StartGameState.initial(),
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
testWidgets('renders correctly', (tester) async {
|
|
||||||
await tester.pumpApp(const PlayButtonOverlay());
|
|
||||||
|
|
||||||
expect(find.text('Play'), findsOneWidget);
|
|
||||||
});
|
|
||||||
|
|
||||||
testWidgets('adds PlayTapped event to StartGameBloc when taped',
|
|
||||||
(tester) async {
|
|
||||||
await tester.pumpApp(
|
|
||||||
const PlayButtonOverlay(),
|
|
||||||
startGameBloc: startGameBloc,
|
|
||||||
);
|
|
||||||
|
|
||||||
await tester.tap(find.text('Play'));
|
|
||||||
await tester.pump();
|
|
||||||
|
|
||||||
verify(() => startGameBloc.add(const PlayTapped())).called(1);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,119 +0,0 @@
|
|||||||
// ignore_for_file: prefer_const_constructors
|
|
||||||
|
|
||||||
import 'package:bloc_test/bloc_test.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_test/flutter_test.dart';
|
|
||||||
import 'package:mockingjay/mockingjay.dart';
|
|
||||||
import 'package:pinball/select_character/select_character.dart';
|
|
||||||
import 'package:pinball/start_game/start_game.dart';
|
|
||||||
import 'package:pinball_theme/pinball_theme.dart';
|
|
||||||
|
|
||||||
import '../../helpers/helpers.dart';
|
|
||||||
|
|
||||||
void main() {
|
|
||||||
late CharacterThemeCubit characterThemeCubit;
|
|
||||||
late StartGameBloc startGameBloc;
|
|
||||||
|
|
||||||
setUp(() {
|
|
||||||
characterThemeCubit = MockCharacterThemeCubit();
|
|
||||||
startGameBloc = MockStartGameBloc();
|
|
||||||
|
|
||||||
whenListen(
|
|
||||||
characterThemeCubit,
|
|
||||||
const Stream<CharacterThemeState>.empty(),
|
|
||||||
initialState: const CharacterThemeState.initial(),
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
group('CharacterSelectionPage', () {
|
|
||||||
testWidgets('renders CharacterSelectionView', (tester) async {
|
|
||||||
await tester.pumpApp(
|
|
||||||
CharacterSelectionDialog(),
|
|
||||||
characterThemeCubit: characterThemeCubit,
|
|
||||||
);
|
|
||||||
expect(find.byType(CharacterSelectionView), findsOneWidget);
|
|
||||||
});
|
|
||||||
|
|
||||||
testWidgets('route returns a valid navigation route', (tester) async {
|
|
||||||
await tester.pumpApp(
|
|
||||||
Scaffold(
|
|
||||||
body: Builder(
|
|
||||||
builder: (context) {
|
|
||||||
return ElevatedButton(
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.of(context)
|
|
||||||
.push<void>(CharacterSelectionDialog.route());
|
|
||||||
},
|
|
||||||
child: Text('Tap me'),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
),
|
|
||||||
characterThemeCubit: characterThemeCubit,
|
|
||||||
);
|
|
||||||
|
|
||||||
await tester.tap(find.text('Tap me'));
|
|
||||||
await tester.pumpAndSettle();
|
|
||||||
|
|
||||||
expect(find.byType(CharacterSelectionDialog), findsOneWidget);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
group('CharacterSelectionView', () {
|
|
||||||
testWidgets('renders correctly', (tester) async {
|
|
||||||
const titleText = 'Choose your character!';
|
|
||||||
await tester.pumpApp(
|
|
||||||
CharacterSelectionView(),
|
|
||||||
characterThemeCubit: characterThemeCubit,
|
|
||||||
);
|
|
||||||
|
|
||||||
expect(find.text(titleText), findsOneWidget);
|
|
||||||
expect(find.byType(CharacterImageButton), findsNWidgets(4));
|
|
||||||
expect(find.byType(TextButton), findsOneWidget);
|
|
||||||
});
|
|
||||||
|
|
||||||
testWidgets('calls characterSelected when a character image is tapped',
|
|
||||||
(tester) async {
|
|
||||||
const sparkyButtonKey = Key('characterSelectionPage_sparkyButton');
|
|
||||||
|
|
||||||
await tester.pumpApp(
|
|
||||||
CharacterSelectionView(),
|
|
||||||
characterThemeCubit: characterThemeCubit,
|
|
||||||
);
|
|
||||||
|
|
||||||
await tester.tap(find.byKey(sparkyButtonKey));
|
|
||||||
|
|
||||||
verify(() => characterThemeCubit.characterSelected(SparkyTheme()))
|
|
||||||
.called(1);
|
|
||||||
});
|
|
||||||
|
|
||||||
testWidgets('adds CharacterSelected event when start is tapped',
|
|
||||||
(tester) async {
|
|
||||||
whenListen(
|
|
||||||
startGameBloc,
|
|
||||||
Stream.value(const StartGameState.initial()),
|
|
||||||
initialState: const StartGameState.initial(),
|
|
||||||
);
|
|
||||||
|
|
||||||
await tester.pumpApp(
|
|
||||||
CharacterSelectionView(),
|
|
||||||
characterThemeCubit: characterThemeCubit,
|
|
||||||
startGameBloc: startGameBloc,
|
|
||||||
);
|
|
||||||
await tester.ensureVisible(find.byType(TextButton));
|
|
||||||
await tester.tap(find.byType(TextButton));
|
|
||||||
await tester.pumpAndSettle();
|
|
||||||
|
|
||||||
verify(() => startGameBloc.add(CharacterSelected())).called(1);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
testWidgets('CharacterImageButton renders correctly', (tester) async {
|
|
||||||
await tester.pumpApp(
|
|
||||||
CharacterImageButton(DashTheme()),
|
|
||||||
characterThemeCubit: characterThemeCubit,
|
|
||||||
);
|
|
||||||
|
|
||||||
expect(find.byType(Image), findsOneWidget);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
Loading…
Reference in new issue