-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
14 changed files
with
557 additions
and
48 deletions.
There are no files selected for viewing
Validating CODEOWNERS rules …
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| * @benken @mikecoomber @thelukewalton |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,95 @@ | ||
| import 'package:flutter/material.dart'; | ||
| import 'package:zeta_example/widgets.dart'; | ||
| import 'package:zeta_flutter/zeta_flutter.dart'; | ||
|
|
||
| const double _paddingSize = 40; | ||
|
|
||
| class DialPadExample extends StatefulWidget { | ||
| static const String name = 'DialPad'; | ||
|
|
||
| const DialPadExample({super.key}); | ||
|
|
||
| @override | ||
| State<DialPadExample> createState() => _DialPadExampleState(); | ||
| } | ||
|
|
||
| class _DialPadExampleState extends State<DialPadExample> { | ||
| String number = '', text = ''; | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| return ExampleScaffold( | ||
| name: DialPadExample.name, | ||
| child: LayoutBuilder(builder: (context, constraints) { | ||
| return Row( | ||
| mainAxisAlignment: MainAxisAlignment.center, | ||
| children: [ | ||
| SizedBox( | ||
| width: constraints.maxWidth, | ||
| child: Column( | ||
| mainAxisAlignment: MainAxisAlignment.center, | ||
| crossAxisAlignment: CrossAxisAlignment.center, | ||
| children: [ | ||
| Row( | ||
| mainAxisAlignment: MainAxisAlignment.spaceBetween, | ||
| children: [ | ||
| const SizedBox(width: _paddingSize), | ||
| SizedBox( | ||
| width: constraints.maxWidth - (_paddingSize * 2), | ||
| child: Text( | ||
| number, | ||
| style: ZetaTextStyles.heading3, | ||
| maxLines: 1, | ||
| overflow: TextOverflow.ellipsis, | ||
| textAlign: TextAlign.center, | ||
| ), | ||
| ), | ||
| IconButton( | ||
| icon: Icon(Icons.backspace), | ||
| onPressed: () => number.length == 0 | ||
| ? null | ||
| : setState( | ||
| () => number = number.substring(0, (number.length - 1)), | ||
| ), | ||
| ) | ||
| ], | ||
| ), | ||
| Row( | ||
| mainAxisAlignment: MainAxisAlignment.spaceBetween, | ||
| children: [ | ||
| const SizedBox(), | ||
| Text( | ||
| text, | ||
| style: ZetaTextStyles.heading3, | ||
| maxLines: 1, | ||
| overflow: TextOverflow.ellipsis, | ||
| textAlign: TextAlign.center, | ||
| ), | ||
| IconButton( | ||
| icon: Icon(Icons.backspace), | ||
| onPressed: () => text.length == 0 | ||
| ? null | ||
| : setState( | ||
| () => text = text.substring(0, text.length - 1), | ||
| ), | ||
| ) | ||
| ], | ||
| ), | ||
| ZetaDialPad( | ||
| onNumber: (value) => setState(() => number += value), | ||
| onText: (value) => setState(() => text += value), | ||
| ), | ||
| ZetaButton.primary( | ||
| label: 'Clear', | ||
| borderType: ZetaWidgetBorder.full, | ||
| onPressed: () => setState(() => number = text = ''), | ||
| ) | ||
| ].divide(const SizedBox(height: ZetaSpacing.m)).toList(), | ||
| ), | ||
| ), | ||
| ], | ||
| ); | ||
| }), | ||
| ); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,116 @@ | ||
| import 'package:flutter/widgets.dart'; | ||
| import 'package:flutter_test/flutter_test.dart'; | ||
| import 'package:zeta_flutter/zeta_flutter.dart'; | ||
|
|
||
| import 'test_components.dart'; | ||
|
|
||
| void main() { | ||
| group('ZetaDialPad Tests', () { | ||
| testWidgets('Initializes with correct parameters', (WidgetTester tester) async { | ||
| String number = '', text = ''; | ||
|
|
||
| Future<void> debounceWait() => tester.binding.delayed(const Duration(milliseconds: 500)); | ||
|
|
||
| await tester.pumpWidget( | ||
| TestWidget( | ||
| screenSize: Size(1000, 1000), | ||
| widget: ZetaDialPad( | ||
| onNumber: (value) => number += value, | ||
| onText: (value) => text += value, | ||
| ), | ||
| ), | ||
| ); | ||
| final dialPadFinder = find.byType(ZetaDialPad); | ||
| final buttonFinder = find.byType(ZetaDialPadButton); | ||
|
|
||
| final oneFinder = find.byWidgetPredicate((widget) => widget is ZetaDialPadButton && widget.primary == '1'); | ||
| final twoFinder = find.byWidgetPredicate((widget) => widget is ZetaDialPadButton && widget.primary == '2'); | ||
| final threeFinder = find.byWidgetPredicate((widget) => widget is ZetaDialPadButton && widget.primary == '3'); | ||
| final starFinder = find.byWidgetPredicate((widget) => widget is ZetaDialPadButton && widget.primary == '*'); | ||
| final hashFinder = find.byWidgetPredicate((widget) => widget is ZetaDialPadButton && widget.primary == '#'); | ||
|
|
||
| final ZetaDialPad dialPad = tester.firstWidget(dialPadFinder); | ||
| final List<Widget> dialPadButtons = tester.widgetList(buttonFinder).toList(); | ||
|
|
||
| final ZetaDialPadButton one = tester.firstWidget(oneFinder); | ||
| final ZetaDialPadButton two = tester.firstWidget(twoFinder); | ||
| final ZetaDialPadButton three = tester.firstWidget(threeFinder); | ||
|
|
||
| /// Dial Pad built correctly. | ||
| expect(dialPad.buttonsPerRow, 3); | ||
| expect(dialPadButtons.length, 12); | ||
|
|
||
| /// Dial Pad buttons built correctly. | ||
| expect(one.primary, '1'); | ||
| expect(one.secondary, ''); | ||
| expect(two.primary, '2'); | ||
| expect(two.secondary, 'ABC'); | ||
| expect(three.primary, '3'); | ||
| expect(three.secondary, 'DEF'); | ||
|
|
||
| /// Tap button with only number. | ||
| await tester.tap(oneFinder); | ||
| await tester.pump(); | ||
| expect(number, '1'); | ||
|
|
||
| /// Tap button with number and text. | ||
| await tester.tap(twoFinder); | ||
| await tester.pump(); | ||
| await debounceWait(); | ||
| expect(number, '12'); | ||
| expect(text, 'A'); | ||
|
|
||
| /// Tap different button. | ||
| await tester.tap(threeFinder); | ||
| await tester.pump(); | ||
| await debounceWait(); | ||
| expect(number, '123'); | ||
| expect(text, 'AD'); | ||
|
|
||
| /// Tap text button twice. | ||
| await tester.tap(twoFinder); | ||
| await tester.tap(twoFinder); | ||
| await tester.pump(); | ||
| await debounceWait(); | ||
| expect(text, 'ADB'); | ||
|
|
||
| /// Tap text button thrice. | ||
| await tester.tap(twoFinder); | ||
| await tester.tap(twoFinder); | ||
| await tester.tap(twoFinder); | ||
| await tester.pump(); | ||
| await debounceWait(); | ||
| expect(text, 'ADBC'); | ||
|
|
||
| /// Tap different text buttons to ensure debounce is cancelled. | ||
| await tester.tap(twoFinder); | ||
| await tester.tap(threeFinder); | ||
| await tester.tap(twoFinder); | ||
| await tester.pump(); | ||
| await debounceWait(); | ||
| expect(text, 'ADBCADA'); | ||
|
|
||
| /// Tap text button more times than there is options to ensure it loops around correctly. | ||
| await tester.tap(threeFinder); | ||
| await tester.tap(threeFinder); | ||
| await tester.tap(threeFinder); | ||
| await tester.tap(threeFinder); | ||
| await tester.tap(threeFinder); | ||
| await tester.tap(threeFinder); | ||
| await tester.tap(oneFinder); | ||
| await tester.pump(); | ||
| expect(text, 'ADBCADAF'); | ||
| number = ''; | ||
|
|
||
| /// Tap buttons with symbols | ||
| await tester.ensureVisible(starFinder); | ||
| await tester.tap(starFinder); | ||
| await tester.tap(hashFinder); | ||
| await tester.pump(); | ||
| expect(number, '*#'); | ||
|
|
||
| /// Allow all timers to end in text debounce | ||
| await debounceWait(); | ||
| }); | ||
| }); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
45 changes: 45 additions & 0 deletions
45
example/widgetbook/pages/components/dial_pad_widgetbook.dart
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| import 'package:flutter/material.dart'; | ||
| import 'package:widgetbook/widgetbook.dart'; | ||
| import 'package:zeta_flutter/zeta_flutter.dart'; | ||
|
|
||
| import '../../test/test_components.dart'; | ||
|
|
||
| WidgetbookComponent dialPadWidgetbook() { | ||
| return WidgetbookComponent( | ||
| isInitiallyExpanded: false, | ||
| name: 'Dial Pad', | ||
| useCases: [ | ||
| WidgetbookUseCase( | ||
| name: 'Dial Pad', | ||
| builder: (context) { | ||
| return WidgetbookTestWidget( | ||
| widget: Row( | ||
| mainAxisAlignment: MainAxisAlignment.center, | ||
| children: [ | ||
| ZetaDialPad( | ||
| buttonValues: context.knobs.boolean(label: 'Change to emoji') | ||
| ? { | ||
| '😀': '', | ||
| '🥲': '', | ||
| '🥳': '', | ||
| '🤠': '', | ||
| '😨': '', | ||
| '👀': '', | ||
| '🐤': '', | ||
| '🐞': '', | ||
| '🦊': '', | ||
| '🏆': '', | ||
| '⛺️': '', | ||
| '🧽': '' | ||
| } | ||
| : null, | ||
| buttonsPerRow: context.knobs.int.slider(label: 'Buttons per row', initialValue: 3, min: 1, max: 9), | ||
| ), | ||
| ], | ||
| ).paddingAll(ZetaSpacing.l), | ||
| ); | ||
| }, | ||
| ), | ||
| ], | ||
| ); | ||
| } |
Oops, something went wrong.