bottom_tab_bar_test.dart 10.3 KB
Newer Older
xster's avatar
xster committed
1 2 3 4 5 6 7
// Copyright 2017 The Chromium 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/cupertino.dart';
import 'package:flutter_test/flutter_test.dart';

8
import '../painting/mocks_for_image_cache.dart';
9
import '../widgets/semantics_tester.dart';
xster's avatar
xster committed
10

11
Future<void> pumpWidgetWithBoilerplate(WidgetTester tester, Widget widget) async {
12
  await tester.pumpWidget(
13
    Directionality(
14 15 16 17 18 19
      textDirection: TextDirection.ltr,
      child: widget,
    ),
  );
}

xster's avatar
xster committed
20 21 22
void main() {
  testWidgets('Need at least 2 tabs', (WidgetTester tester) async {
    try {
23
      await pumpWidgetWithBoilerplate(tester, CupertinoTabBar(
24
        items: const <BottomNavigationBarItem>[
25 26 27
          BottomNavigationBarItem(
            icon: ImageIcon(TestImageProvider(24, 24)),
            title: Text('Tab 1'),
xster's avatar
xster committed
28 29 30 31
          ),
        ],
      ));
      fail('Should not be possible to create a tab bar with just one item');
32 33
    } on AssertionError catch (e) {
      expect(e.toString(), contains('items.length'));
xster's avatar
xster committed
34 35 36 37 38
      // Exception expected.
    }
  });

  testWidgets('Active and inactive colors', (WidgetTester tester) async {
39
    await pumpWidgetWithBoilerplate(tester, MediaQuery(
40
      data: const MediaQueryData(),
41
      child: CupertinoTabBar(
42
        items: const <BottomNavigationBarItem>[
43 44 45
          BottomNavigationBarItem(
            icon: ImageIcon(TestImageProvider(24, 24)),
            title: Text('Tab 1'),
46
          ),
47 48 49
          BottomNavigationBarItem(
            icon: ImageIcon(TestImageProvider(24, 24)),
            title: Text('Tab 2'),
50 51 52 53 54 55
          ),
        ],
        currentIndex: 1,
        activeColor: const Color(0xFF123456),
        inactiveColor: const Color(0xFF654321),
      ),
xster's avatar
xster committed
56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
    ));

    final RichText actualInactive = tester.widget(find.descendant(
      of: find.text('Tab 1'),
      matching: find.byType(RichText),
    ));
    expect(actualInactive.text.style.color, const Color(0xFF654321));

    final RichText actualActive = tester.widget(find.descendant(
      of: find.text('Tab 2'),
      matching: find.byType(RichText),
    ));
    expect(actualActive.text.style.color, const Color(0xFF123456));
  });

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
  testWidgets('Use active icon', (WidgetTester tester) async {
    const TestImageProvider activeIcon = TestImageProvider(16, 16);
    const TestImageProvider inactiveIcon = TestImageProvider(24, 24);

    await pumpWidgetWithBoilerplate(tester, MediaQuery(
      data: const MediaQueryData(),
      child: CupertinoTabBar(
        items: const <BottomNavigationBarItem>[
          BottomNavigationBarItem(
            icon: ImageIcon(TestImageProvider(24, 24)),
            title: Text('Tab 1'),
          ),
          BottomNavigationBarItem(
            icon: ImageIcon(inactiveIcon),
            activeIcon: ImageIcon(activeIcon),
            title: Text('Tab 2'),
          ),
        ],
        currentIndex: 1,
        activeColor: const Color(0xFF123456),
        inactiveColor: const Color(0xFF654321),
      ),
    ));

    final Image image = tester.widget(find.descendant(
      of: find.widgetWithText(GestureDetector, 'Tab 2'),
      matching: find.byType(Image)
    ));

    expect(image.color, const Color(0xFF123456));
    expect(image.image, activeIcon);
  });

104
  testWidgets('Adjusts height to account for bottom padding', (WidgetTester tester) async {
105
    final CupertinoTabBar tabBar = CupertinoTabBar(
106
      items: const <BottomNavigationBarItem>[
107 108 109
        BottomNavigationBarItem(
          icon: ImageIcon(TestImageProvider(24, 24)),
          title: Text('Aka'),
xster's avatar
xster committed
110
        ),
111 112 113
        BottomNavigationBarItem(
          icon: ImageIcon(TestImageProvider(24, 24)),
          title: Text('Shiro'),
xster's avatar
xster committed
114 115
        ),
      ],
116 117 118
    );

    // Verify height with no bottom padding.
119
    await pumpWidgetWithBoilerplate(tester, MediaQuery(
120
      data: const MediaQueryData(),
121
      child: CupertinoTabScaffold(
122 123 124 125 126 127 128 129 130
        tabBar: tabBar,
        tabBuilder: (BuildContext context, int index) {
          return const Placeholder();
        },
      ),
    ));
    expect(tester.getSize(find.byType(CupertinoTabBar)).height, 50.0);

    // Verify height with bottom padding.
131
    await pumpWidgetWithBoilerplate(tester, MediaQuery(
132
      data: const MediaQueryData(padding: EdgeInsets.only(bottom: 40.0)),
133
      child: CupertinoTabScaffold(
134 135 136 137 138 139 140 141 142 143
        tabBar: tabBar,
        tabBuilder: (BuildContext context, int index) {
          return const Placeholder();
        },
      ),
    ));
    expect(tester.getSize(find.byType(CupertinoTabBar)).height, 90.0);
  });

  testWidgets('Opaque background does not add blur effects', (WidgetTester tester) async {
144
    await pumpWidgetWithBoilerplate(tester, MediaQuery(
145
      data: const MediaQueryData(),
146
      child: CupertinoTabBar(
147
        items: const <BottomNavigationBarItem>[
148 149 150
          BottomNavigationBarItem(
            icon: ImageIcon(TestImageProvider(24, 24)),
            title: Text('Tab 1'),
151
          ),
152 153 154
          BottomNavigationBarItem(
            icon: ImageIcon(TestImageProvider(24, 24)),
            title: Text('Tab 2'),
155 156 157
          ),
        ],
      ),
xster's avatar
xster committed
158 159 160 161
    ));

    expect(find.byType(BackdropFilter), findsOneWidget);

162
    await pumpWidgetWithBoilerplate(tester, MediaQuery(
163
      data: const MediaQueryData(),
164
      child: CupertinoTabBar(
165
        items: const <BottomNavigationBarItem>[
166 167 168
          BottomNavigationBarItem(
            icon: ImageIcon(TestImageProvider(24, 24)),
            title: Text('Tab 1'),
169
          ),
170 171 172
          BottomNavigationBarItem(
            icon: ImageIcon(TestImageProvider(24, 24)),
            title: Text('Tab 2'),
173 174 175 176
          ),
        ],
        backgroundColor: const Color(0xFFFFFFFF), // Opaque white.
      ),
xster's avatar
xster committed
177 178 179 180 181 182 183 184
    ));

    expect(find.byType(BackdropFilter), findsNothing);
  });

  testWidgets('Tap callback', (WidgetTester tester) async {
    int callbackTab;

185
      await pumpWidgetWithBoilerplate(tester, MediaQuery(
186
        data: const MediaQueryData(),
187
        child: CupertinoTabBar(
188
          items: const <BottomNavigationBarItem>[
189 190 191
            BottomNavigationBarItem(
              icon: ImageIcon(TestImageProvider(24, 24)),
              title: Text('Tab 1'),
192
            ),
193 194 195
            BottomNavigationBarItem(
              icon: ImageIcon(TestImageProvider(24, 24)),
              title: Text('Tab 2'),
196 197 198 199
            ),
          ],
          currentIndex: 1,
          onTap: (int tab) { callbackTab = tab; },
xster's avatar
xster committed
200 201 202 203 204 205
        ),
    ));

    await tester.tap(find.text('Tab 1'));
    expect(callbackTab, 0);
  });
206 207

  testWidgets('tabs announce semantics', (WidgetTester tester) async {
208
    final SemanticsTester semantics = SemanticsTester(tester);
209

210
    await pumpWidgetWithBoilerplate(tester, MediaQuery(
211
      data: const MediaQueryData(),
212
      child: CupertinoTabBar(
213
        items: const <BottomNavigationBarItem>[
214 215 216
          BottomNavigationBarItem(
            icon: ImageIcon(TestImageProvider(24, 24)),
            title: Text('Tab 1'),
217
          ),
218 219 220
          BottomNavigationBarItem(
            icon: ImageIcon(TestImageProvider(24, 24)),
            title: Text('Tab 2'),
221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240
          ),
        ],
      ),
    ));

    expect(semantics, includesNodeWith(
      label: 'Tab 1',
      hint: 'tab, 1 of 2',
      flags: <SemanticsFlag>[SemanticsFlag.isSelected],
      textDirection: TextDirection.ltr,
    ));

    expect(semantics, includesNodeWith(
      label: 'Tab 2',
      hint: 'tab, 2 of 2',
      textDirection: TextDirection.ltr,
    ));

    semantics.dispose();
  });
241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335

  testWidgets('Title of items should be nullable', (WidgetTester tester) async {
    const TestImageProvider iconProvider = TestImageProvider(16, 16);
    final List<int> itemsTapped = <int>[];

    await pumpWidgetWithBoilerplate(
        tester,
        MediaQuery(
          data: const MediaQueryData(),
          child: CupertinoTabBar(
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: ImageIcon(
                  TestImageProvider(24, 24),
                ),
                title: Text('Tab 1'),
              ),
              BottomNavigationBarItem(
                icon: ImageIcon(
                  iconProvider,
                ),
              ),
            ],
            onTap: (int index) => itemsTapped.add(index),
          ),
        ));

    expect(find.text('Tab 1'), findsOneWidget);

    final Finder finder = find.byWidgetPredicate(
        (Widget widget) => widget is Image && widget.image == iconProvider);

    await tester.tap(finder);
    expect(itemsTapped, <int>[1]);
  });

  testWidgets('Hide border hides the top border of the tabBar',
      (WidgetTester tester) async {
    await pumpWidgetWithBoilerplate(
        tester,
        MediaQuery(
          data: const MediaQueryData(),
          child: CupertinoTabBar(
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: ImageIcon(
                  TestImageProvider(24, 24),
                ),
                title: Text('Tab 1'),
              ),
              BottomNavigationBarItem(
                icon: ImageIcon(
                  TestImageProvider(24, 24),
                ),
                title: Text('Tab 2'),
              ),
            ],
          ),
        ));

    final DecoratedBox decoratedBox = tester.widget(find.byType(DecoratedBox));
    final BoxDecoration boxDecoration = decoratedBox.decoration;
    expect(boxDecoration.border, isNotNull);

    await pumpWidgetWithBoilerplate(
        tester,
        MediaQuery(
          data: const MediaQueryData(),
          child: CupertinoTabBar(
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: ImageIcon(
                  TestImageProvider(24, 24),
                ),
                title: Text('Tab 1'),
              ),
              BottomNavigationBarItem(
                icon: ImageIcon(
                  TestImageProvider(24, 24),
                ),
                title: Text('Tab 2'),
              ),
            ],
            backgroundColor: const Color(0xFFFFFFFF), // Opaque white.
            border: null,
          ),
        ));

    final DecoratedBox decoratedBoxHiddenBorder =
        tester.widget(find.byType(DecoratedBox));
    final BoxDecoration boxDecorationHiddenBorder =
        decoratedBoxHiddenBorder.decoration;
    expect(boxDecorationHiddenBorder.border, isNull);
  });
}