1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
// Copyright 2014 The Flutter Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import 'package:flutter/material.dart';
import 'package:flutter_api_samples/material/toggle_buttons/toggle_buttons.0.dart' as example;
import 'package:flutter_test/flutter_test.dart';
void main() {
testWidgets('Single-select ToggleButtons', (WidgetTester tester) async {
TextButton findButton(String text) {
return tester.widget<TextButton>(find.widgetWithText(TextButton, text));
}
await tester.pumpWidget(
const MaterialApp(
home: Scaffold(
body: example.MyApp(),
),
),
);
TextButton firstButton = findButton('Apple');
TextButton secondButton = findButton('Banana');
TextButton thirdButton = findButton('Orange');
/// First button is selected.
expect(firstButton.style!.backgroundColor!.resolve(enabled), const Color(0xffef9a9a));
expect(secondButton.style!.backgroundColor!.resolve(enabled), const Color(0x00ffffff));
expect(thirdButton.style!.backgroundColor!.resolve(enabled), const Color(0x00ffffff));
/// Tap on second button.
await tester.tap(find.widgetWithText(TextButton, 'Banana'));
await tester.pumpAndSettle();
firstButton = findButton('Apple');
secondButton = findButton('Banana');
thirdButton = findButton('Orange');
/// Only second button is selected.
expect(firstButton.style!.backgroundColor!.resolve(enabled), const Color(0x00ffffff));
expect(secondButton.style!.backgroundColor!.resolve(enabled), const Color(0xffef9a9a));
expect(thirdButton.style!.backgroundColor!.resolve(enabled), const Color(0x00ffffff));
});
testWidgets('Multi-select ToggleButtons', (WidgetTester tester) async {
TextButton findButton(String text) {
return tester.widget<TextButton>(find.widgetWithText(TextButton, text));
}
await tester.pumpWidget(
const MaterialApp(
home: Scaffold(
body: example.MyApp(),
),
),
);
TextButton firstButton = findButton('Tomatoes');
TextButton secondButton = findButton('Potatoes');
TextButton thirdButton = findButton('Carrots');
/// Second button is selected.
expect(firstButton.style!.backgroundColor!.resolve(enabled), const Color(0x00ffffff));
expect(secondButton.style!.backgroundColor!.resolve(enabled), const Color(0xffa5d6a7));
expect(thirdButton.style!.backgroundColor!.resolve(enabled), const Color(0x00ffffff));
/// Tap on other two buttons.
await tester.tap(find.widgetWithText(TextButton, 'Tomatoes'));
await tester.tap(find.widgetWithText(TextButton, 'Carrots'));
await tester.pumpAndSettle();
firstButton = findButton('Tomatoes');
secondButton = findButton('Potatoes');
thirdButton = findButton('Carrots');
/// All buttons are selected.
expect(firstButton.style!.backgroundColor!.resolve(enabled), const Color(0xffa5d6a7));
expect(secondButton.style!.backgroundColor!.resolve(enabled), const Color(0xffa5d6a7));
expect(thirdButton.style!.backgroundColor!.resolve(enabled), const Color(0xffa5d6a7));
});
testWidgets('Icon-only ToggleButtons', (WidgetTester tester) async {
TextButton findButton(IconData iconData) {
return tester.widget<TextButton>(find.widgetWithIcon(TextButton, iconData));
}
await tester.pumpWidget(
const MaterialApp(
home: Scaffold(
body: example.MyApp(),
),
),
);
TextButton firstButton = findButton(Icons.sunny);
TextButton secondButton = findButton(Icons.cloud);
TextButton thirdButton = findButton(Icons.ac_unit);
/// Third button is selected.
expect(firstButton.style!.backgroundColor!.resolve(enabled), const Color(0x00ffffff));
expect(secondButton.style!.backgroundColor!.resolve(enabled), const Color(0x00ffffff));
expect(thirdButton.style!.backgroundColor!.resolve(enabled), const Color(0xff90caf9));
/// Tap on the first button.
await tester.tap(find.widgetWithIcon(TextButton, Icons.sunny));
await tester.pumpAndSettle();
firstButton = findButton(Icons.sunny);
secondButton = findButton(Icons.cloud);
thirdButton = findButton(Icons.ac_unit);
/// First button os selected.
expect(firstButton.style!.backgroundColor!.resolve(enabled), const Color(0xff90caf9));
expect(secondButton.style!.backgroundColor!.resolve(enabled), const Color(0x00ffffff));
expect(thirdButton.style!.backgroundColor!.resolve(enabled), const Color(0x00ffffff));
});
}
Set<MaterialState> enabled = <MaterialState>{ };