bottom_navigation_bar_test.dart 58.8 KB
Newer Older
Ian Hickson's avatar
Ian Hickson committed
1
// Copyright 2014 The Flutter Authors. All rights reserved.
2 3 4
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

5 6
import 'dart:ui';

7
import 'package:flutter/material.dart';
8
import 'package:flutter/rendering.dart';
9
import 'package:flutter_test/flutter_test.dart';
10
import 'package:vector_math/vector_math_64.dart' show Vector3;
11

12
import '../rendering/mock_canvas.dart';
13
import '../widgets/semantics_tester.dart';
14

15 16 17 18 19
void main() {
  testWidgets('BottomNavigationBar callback test', (WidgetTester tester) async {
    int mutatedIndex;

    await tester.pumpWidget(
20 21 22
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
23
            items: const <BottomNavigationBarItem>[
24 25
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
26
                title: Text('AC'),
27
              ),
28 29
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
30 31
                title: Text('Alarm'),
              ),
32 33 34
            ],
            onTap: (int index) {
              mutatedIndex = index;
35 36 37
            },
          ),
        ),
38
      ),
39 40 41 42 43 44 45 46 47
    );

    await tester.tap(find.text('Alarm'));

    expect(mutatedIndex, 1);
  });

  testWidgets('BottomNavigationBar content test', (WidgetTester tester) async {
    await tester.pumpWidget(
48 49 50
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
51
            items: const <BottomNavigationBarItem>[
52 53
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
54
                title: Text('AC'),
55
              ),
56 57
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
58 59
                title: Text('Alarm'),
              ),
60
            ],
61 62
          ),
        ),
63
      ),
64 65
    );

66
    final RenderBox box = tester.renderObject(find.byType(BottomNavigationBar));
67
    expect(box.size.height, kBottomNavigationBarHeight);
68 69 70 71
    expect(find.text('AC'), findsOneWidget);
    expect(find.text('Alarm'), findsOneWidget);
  });

72
  testWidgets('Fixed BottomNavigationBar defaults', (WidgetTester tester) async {
73 74
    const Color primaryColor = Color(0xFF000001);
    const Color captionColor = Color(0xFF000002);
75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93

    await tester.pumpWidget(
      MaterialApp(
        theme: ThemeData(
          primaryColor: primaryColor,
          textTheme: const TextTheme(caption: TextStyle(color: captionColor)),
        ),
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.fixed,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
94 95 96
            ],
          ),
        ),
97
      ),
98 99 100 101
    );

    const double selectedFontSize = 14.0;
    const double unselectedFontSize = 12.0;
102 103 104 105 106 107
    final TextStyle selectedFontStyle = tester.renderObject<RenderParagraph>(find.text('AC')).text.style;
    final TextStyle unselectedFontStyle = tester.renderObject<RenderParagraph>(find.text('Alarm')).text.style;
    final TextStyle selectedIcon = _iconStyle(tester, Icons.ac_unit);
    final TextStyle unselectedIcon = _iconStyle(tester, Icons.access_alarm);
    expect(selectedFontStyle.color, equals(primaryColor));
    expect(selectedFontStyle.fontSize, selectedFontSize);
108
    expect(selectedFontStyle.fontWeight, equals(FontWeight.w400));
109 110
    expect(selectedFontStyle.height, isNull);
    expect(unselectedFontStyle.color, equals(captionColor));
111
    expect(unselectedFontStyle.fontWeight, equals(FontWeight.w400));
112
    expect(unselectedFontStyle.height, isNull);
113 114 115 116 117
    // Unselected label has a font size of 14 but is scaled down to be font size 12.
    expect(
      tester.firstWidget<Transform>(find.ancestor(of: find.text('Alarm'), matching: find.byType(Transform))).transform,
      equals(Matrix4.diagonal3(Vector3.all(unselectedFontSize / selectedFontSize))),
    );
118 119 120 121
    expect(selectedIcon.color, equals(primaryColor));
    expect(selectedIcon.fontSize, equals(24.0));
    expect(unselectedIcon.color, equals(captionColor));
    expect(unselectedIcon.fontSize, equals(24.0));
122 123 124 125
    expect(_getOpacity(tester, 'Alarm'), equals(1.0));
    expect(_getMaterial(tester).elevation, equals(8.0));
  });

126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148
  testWidgets('Custom selected and unselected font styles', (WidgetTester tester) async {
    const TextStyle selectedTextStyle = TextStyle(fontWeight: FontWeight.w200, fontSize: 18.0);
    const TextStyle unselectedTextStyle = TextStyle(fontWeight: FontWeight.w600, fontSize: 12.0);

    await tester.pumpWidget(
        MaterialApp(
          home: Scaffold(
            bottomNavigationBar: BottomNavigationBar(
              type: BottomNavigationBarType.fixed,
              selectedLabelStyle: selectedTextStyle,
              unselectedLabelStyle: unselectedTextStyle,
              items: const <BottomNavigationBarItem>[
                BottomNavigationBarItem(
                  icon: Icon(Icons.ac_unit),
                  title: Text('AC'),
                ),
                BottomNavigationBarItem(
                  icon: Icon(Icons.access_alarm),
                  title: Text('Alarm'),
                ),
              ],
            ),
          ),
149
        ),
150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189
    );

    final TextStyle selectedFontStyle = tester.renderObject<RenderParagraph>(find.text('AC')).text.style;
    final TextStyle unselectedFontStyle = tester.renderObject<RenderParagraph>(find.text('Alarm')).text.style;
    expect(selectedFontStyle.fontSize, equals(selectedTextStyle.fontSize));
    expect(selectedFontStyle.fontWeight, equals(selectedTextStyle.fontWeight));
    expect(
      tester.firstWidget<Transform>(find.ancestor(of: find.text('Alarm'), matching: find.byType(Transform))).transform,
      equals(Matrix4.diagonal3(Vector3.all(unselectedTextStyle.fontSize / selectedTextStyle.fontSize))),
    );
    expect(unselectedFontStyle.fontWeight, equals(unselectedTextStyle.fontWeight));
  });

  testWidgets('font size on text styles overrides font size params', (WidgetTester tester) async {
    const TextStyle selectedTextStyle = TextStyle(fontSize: 18.0);
    const TextStyle unselectedTextStyle = TextStyle(fontSize: 12.0);
    const double selectedFontSize = 17.0;
    const double unselectedFontSize = 11.0;

    await tester.pumpWidget(
        MaterialApp(
          home: Scaffold(
            bottomNavigationBar: BottomNavigationBar(
              type: BottomNavigationBarType.fixed,
              selectedLabelStyle: selectedTextStyle,
              unselectedLabelStyle: unselectedTextStyle,
              selectedFontSize: selectedFontSize,
              unselectedFontSize: unselectedFontSize,
              items: const <BottomNavigationBarItem>[
                BottomNavigationBarItem(
                  icon: Icon(Icons.ac_unit),
                  title: Text('AC'),
                ),
                BottomNavigationBarItem(
                  icon: Icon(Icons.access_alarm),
                  title: Text('Alarm'),
                ),
              ],
            ),
          ),
190
        ),
191 192 193 194 195 196 197 198 199 200 201
    );

    final TextStyle selectedFontStyle = tester.renderObject<RenderParagraph>(find.text('AC')).text.style;
    expect(selectedFontStyle.fontSize, equals(selectedTextStyle.fontSize));
    expect(
      tester.firstWidget<Transform>(find.ancestor(of: find.text('Alarm'), matching: find.byType(Transform))).transform,
      equals(Matrix4.diagonal3(Vector3.all(unselectedTextStyle.fontSize / selectedTextStyle.fontSize))),
    );
  });

  testWidgets('Custom selected and unselected icon themes', (WidgetTester tester) async {
202 203
    const IconThemeData selectedIconTheme = IconThemeData(size: 36, color: Color(0x00000001));
    const IconThemeData unselectedIconTheme = IconThemeData(size: 18, color: Color(0x00000002));
204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223

    await tester.pumpWidget(
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.fixed,
            selectedIconTheme: selectedIconTheme,
            unselectedIconTheme: unselectedIconTheme,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
            ],
          ),
        ),
224
      ),
225 226 227 228 229 230 231 232 233 234 235
    );

    final TextStyle selectedIcon = _iconStyle(tester, Icons.ac_unit);
    final TextStyle unselectedIcon = _iconStyle(tester, Icons.access_alarm);
    expect(selectedIcon.color, equals(selectedIconTheme.color));
    expect(selectedIcon.fontSize, equals(selectedIconTheme.size));
    expect(unselectedIcon.color, equals(unselectedIconTheme.color));
    expect(unselectedIcon.fontSize, equals(unselectedIconTheme.size));
  });

  testWidgets('color on icon theme overrides selected and unselected item colors', (WidgetTester tester) async {
236 237 238 239
    const IconThemeData selectedIconTheme = IconThemeData(size: 36, color: Color(0x00000001));
    const IconThemeData unselectedIconTheme = IconThemeData(size: 18, color: Color(0x00000002));
    const Color selectedItemColor = Color(0x00000003);
    const Color unselectedItemColor = Color(0x00000004);
240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261

    await tester.pumpWidget(
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.fixed,
            selectedIconTheme: selectedIconTheme,
            unselectedIconTheme: unselectedIconTheme,
            selectedItemColor: selectedItemColor,
            unselectedItemColor: unselectedItemColor,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
            ],
          ),
        ),
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
    );

    final TextStyle selectedFontStyle = tester.renderObject<RenderParagraph>(find.text('AC')).text.style;
    final TextStyle unselectedFontStyle = tester.renderObject<RenderParagraph>(find.text('Alarm')).text.style;
    final TextStyle selectedIcon = _iconStyle(tester, Icons.ac_unit);
    final TextStyle unselectedIcon = _iconStyle(tester, Icons.access_alarm);
    expect(selectedIcon.color, equals(selectedIconTheme.color));
    expect(unselectedIcon.color, equals(unselectedIconTheme.color));
    expect(selectedFontStyle.color, equals(selectedItemColor));
    expect(unselectedFontStyle.color, equals(unselectedItemColor));
  });

  testWidgets('Padding is calculated properly on items - all labels', (WidgetTester tester) async {
    const double selectedFontSize = 16.0;
    const double unselectedFontSize = 12.0;
    const double selectedIconSize = 36.0;
    const double unselectedIconSize = 20.0;
    const IconThemeData selectedIconTheme = IconThemeData(size: selectedIconSize);
    const IconThemeData unselectedIconTheme = IconThemeData(size: unselectedIconSize);

    await tester.pumpWidget(
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.fixed,
            showSelectedLabels: true,
            showUnselectedLabels: true,
            selectedFontSize: selectedFontSize,
            unselectedFontSize: unselectedFontSize,
            selectedIconTheme: selectedIconTheme,
            unselectedIconTheme: unselectedIconTheme,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
            ],
          ),
        ),
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 336 337 338 339 340 341 342 343 344 345 346 347 348
    );

    final EdgeInsets selectedItemPadding = _itemPadding(tester, Icons.ac_unit);
    expect(selectedItemPadding.top, equals(selectedFontSize / 2.0));
    expect(selectedItemPadding.bottom, equals(selectedFontSize / 2.0));
    final EdgeInsets unselectedItemPadding = _itemPadding(tester, Icons.access_alarm);
    const double expectedUnselectedPadding = (selectedIconSize - unselectedIconSize) / 2.0 + selectedFontSize / 2.0;
    expect(unselectedItemPadding.top, equals(expectedUnselectedPadding));
    expect(unselectedItemPadding.bottom, equals(expectedUnselectedPadding));
  });

  testWidgets('Padding is calculated properly on items - selected labels only', (WidgetTester tester) async {
    const double selectedFontSize = 16.0;
    const double unselectedFontSize = 12.0;
    const double selectedIconSize = 36.0;
    const double unselectedIconSize = 20.0;
    const IconThemeData selectedIconTheme = IconThemeData(size: selectedIconSize);
    const IconThemeData unselectedIconTheme = IconThemeData(size: unselectedIconSize);

    await tester.pumpWidget(
        MaterialApp(
          home: Scaffold(
            bottomNavigationBar: BottomNavigationBar(
              type: BottomNavigationBarType.fixed,
              showSelectedLabels: true,
              showUnselectedLabels: false,
              selectedFontSize: selectedFontSize,
              unselectedFontSize: unselectedFontSize,
              selectedIconTheme: selectedIconTheme,
              unselectedIconTheme: unselectedIconTheme,
              items: const <BottomNavigationBarItem>[
                BottomNavigationBarItem(
                  icon: Icon(Icons.ac_unit),
                  title: Text('AC'),
                ),
                BottomNavigationBarItem(
                  icon: Icon(Icons.access_alarm),
                  title: Text('Alarm'),
                ),
              ],
            ),
          ),
349
        ),
350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390
    );

    final EdgeInsets selectedItemPadding = _itemPadding(tester, Icons.ac_unit);
    expect(selectedItemPadding.top, equals(selectedFontSize / 2.0));
    expect(selectedItemPadding.bottom, equals(selectedFontSize / 2.0));
    final EdgeInsets unselectedItemPadding = _itemPadding(tester, Icons.access_alarm);
    expect(unselectedItemPadding.top, equals((selectedIconSize - unselectedIconSize) / 2.0 + selectedFontSize));
    expect(unselectedItemPadding.bottom, equals((selectedIconSize - unselectedIconSize) / 2.0));
  });

  testWidgets('Padding is calculated properly on items - no labels', (WidgetTester tester) async {
    const double selectedFontSize = 16.0;
    const double unselectedFontSize = 12.0;
    const double selectedIconSize = 36.0;
    const double unselectedIconSize = 20.0;
    const IconThemeData selectedIconTheme = IconThemeData(size: selectedIconSize);
    const IconThemeData unselectedIconTheme = IconThemeData(size: unselectedIconSize);

    await tester.pumpWidget(
        MaterialApp(
          home: Scaffold(
            bottomNavigationBar: BottomNavigationBar(
              type: BottomNavigationBarType.fixed,
              showSelectedLabels: false,
              showUnselectedLabels: false,
              selectedFontSize: selectedFontSize,
              unselectedFontSize: unselectedFontSize,
              selectedIconTheme: selectedIconTheme,
              unselectedIconTheme: unselectedIconTheme,
              items: const <BottomNavigationBarItem>[
                BottomNavigationBarItem(
                  icon: Icon(Icons.ac_unit),
                  title: Text('AC'),
                ),
                BottomNavigationBarItem(
                  icon: Icon(Icons.access_alarm),
                  title: Text('Alarm'),
                ),
              ],
            ),
          ),
391
        ),
392 393 394 395 396 397 398 399 400 401
    );

    final EdgeInsets selectedItemPadding = _itemPadding(tester, Icons.ac_unit);
    expect(selectedItemPadding.top, equals(selectedFontSize));
    expect(selectedItemPadding.bottom, equals(0.0));
    final EdgeInsets unselectedItemPadding = _itemPadding(tester, Icons.access_alarm);
    expect(unselectedItemPadding.top, equals((selectedIconSize - unselectedIconSize) / 2.0 + selectedFontSize));
    expect(unselectedItemPadding.bottom, equals((selectedIconSize - unselectedIconSize) / 2.0));
  });

402 403 404 405 406 407 408 409 410 411 412 413 414 415 416
  testWidgets('Shifting BottomNavigationBar defaults', (WidgetTester tester) async {
    await tester.pumpWidget(
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.shifting,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
417 418 419
            ],
          ),
        ),
420
      ),
421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459
    );

    const double selectedFontSize = 14.0;
    expect(tester.renderObject<RenderParagraph>(find.text('AC')).text.style.fontSize, selectedFontSize);
    expect(tester.renderObject<RenderParagraph>(find.text('AC')).text.style.color, equals(Colors.white));
    expect(_getOpacity(tester, 'Alarm'), equals(0.0));
    expect(_getMaterial(tester).elevation, equals(8.0));
  });

  testWidgets('Fixed BottomNavigationBar custom font size, color', (WidgetTester tester) async {
    const Color primaryColor = Colors.black;
    const Color captionColor = Colors.purple;
    const Color selectedColor = Colors.blue;
    const Color unselectedColor = Colors.yellow;
    const double selectedFontSize = 18.0;
    const double unselectedFontSize = 14.0;

    await tester.pumpWidget(
      MaterialApp(
        theme: ThemeData(
          primaryColor: primaryColor,
          textTheme: const TextTheme(caption: TextStyle(color: captionColor)),
        ),
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.fixed,
            selectedFontSize: selectedFontSize,
            unselectedFontSize: unselectedFontSize,
            selectedItemColor: selectedColor,
            unselectedItemColor: unselectedColor,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
460 461 462
            ],
          ),
        ),
463
      ),
464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508
    );

    expect(tester.renderObject<RenderParagraph>(find.text('AC')).text.style.fontSize, selectedFontSize);
    // Unselected label has a font size of 18 but is scaled down to be font size 14.
    expect(tester.renderObject<RenderParagraph>(find.text('Alarm')).text.style.fontSize, selectedFontSize);
    expect(
      tester.firstWidget<Transform>(find.ancestor(of: find.text('Alarm'), matching: find.byType(Transform))).transform,
      equals(Matrix4.diagonal3(Vector3.all(unselectedFontSize / selectedFontSize))),
    );
    expect(tester.renderObject<RenderParagraph>(find.text('AC')).text.style.color, equals(selectedColor));
    expect(tester.renderObject<RenderParagraph>(find.text('Alarm')).text.style.color, equals(unselectedColor));
    expect(_getOpacity(tester, 'Alarm'), equals(1.0));
  });


  testWidgets('Shifting BottomNavigationBar custom font size, color', (WidgetTester tester) async {
    const Color primaryColor = Colors.black;
    const Color captionColor = Colors.purple;
    const Color selectedColor = Colors.blue;
    const Color unselectedColor = Colors.yellow;
    const double selectedFontSize = 18.0;
    const double unselectedFontSize = 14.0;

    await tester.pumpWidget(
      MaterialApp(
        theme: ThemeData(
          primaryColor: primaryColor,
          textTheme: const TextTheme(caption: TextStyle(color: captionColor)),
        ),
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.shifting,
            selectedFontSize: selectedFontSize,
            unselectedFontSize: unselectedFontSize,
            selectedItemColor: selectedColor,
            unselectedItemColor: unselectedColor,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
509 510 511
            ],
          ),
        ),
512
      ),
513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535
    );

    expect(tester.renderObject<RenderParagraph>(find.text('AC')).text.style.fontSize, selectedFontSize);
    expect(tester.renderObject<RenderParagraph>(find.text('AC')).text.style.color, equals(selectedColor));
    expect(_getOpacity(tester, 'Alarm'), equals(0.0));
  });

  testWidgets('Fixed BottomNavigationBar can hide unselected labels', (WidgetTester tester) async {
    await tester.pumpWidget(
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.fixed,
            showUnselectedLabels: false,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
536 537 538
            ],
          ),
        ),
539
      ),
540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563
    );

    expect(_getOpacity(tester, 'AC'), equals(1.0));
    expect(_getOpacity(tester, 'Alarm'), equals(0.0));
  });

  testWidgets('Fixed BottomNavigationBar can update background color', (WidgetTester tester) async {
    const Color color = Colors.yellow;

    await tester.pumpWidget(
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.fixed,
            backgroundColor: color,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
564 565 566
            ],
          ),
        ),
567
      ),
568 569 570 571 572
    );

    expect(_getMaterial(tester).color, equals(color));
  });

Chris Bracken's avatar
Chris Bracken committed
573
  testWidgets('Shifting BottomNavigationBar background color is overridden by item color', (WidgetTester tester) async {
574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592
    const Color itemColor = Colors.yellow;
    const Color backgroundColor = Colors.blue;

    await tester.pumpWidget(
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.shifting,
            backgroundColor: backgroundColor,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
                backgroundColor: itemColor,
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
593 594 595
            ],
          ),
        ),
596
      ),
597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641
    );

    expect(_getMaterial(tester).color, equals(itemColor));
  });

  testWidgets('Specifying both selectedItemColor and fixedColor asserts', (WidgetTester tester) async {
    expect(
      () {
        return BottomNavigationBar(
          selectedItemColor: Colors.black,
          fixedColor: Colors.black,
          items: const <BottomNavigationBarItem>[
            BottomNavigationBarItem(
              icon: Icon(Icons.ac_unit),
              title: Text('AC'),
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.access_alarm),
              title: Text('Alarm'),
            ),
          ],
        );
      },
      throwsAssertionError,
    );
  });

  testWidgets('Fixed BottomNavigationBar uses fixedColor when selectedItemColor not provided', (WidgetTester tester) async {
    const Color fixedColor = Colors.black;

    await tester.pumpWidget(
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.fixed,
            fixedColor: fixedColor,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
642 643 644
            ],
          ),
        ),
645
      ),
646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668
    );

    expect(tester.renderObject<RenderParagraph>(find.text('AC')).text.style.color, equals(fixedColor));
  });

  testWidgets('setting selectedFontSize to zero hides all labels', (WidgetTester tester) async {
    const double customElevation = 3.0;

    await tester.pumpWidget(
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.fixed,
            elevation: customElevation,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
                title: Text('Alarm'),
              ),
669 670 671
            ],
          ),
        ),
672
      ),
673 674 675 676 677
    );

    expect(_getMaterial(tester).elevation, equals(customElevation));
  });

678 679
  testWidgets('BottomNavigationBar adds bottom padding to height', (WidgetTester tester) async {
    await tester.pumpWidget(
680 681
      MaterialApp(
        home: MediaQuery(
682
          data: const MediaQueryData(padding: EdgeInsets.only(bottom: 40.0)),
683 684
          child: Scaffold(
            bottomNavigationBar: BottomNavigationBar(
685
              items: const <BottomNavigationBarItem>[
686 687
                BottomNavigationBarItem(
                  icon: Icon(Icons.ac_unit),
688
                  title: Text('AC'),
689
                ),
690 691
                BottomNavigationBarItem(
                  icon: Icon(Icons.access_alarm),
692 693
                  title: Text('Alarm'),
                ),
694
              ],
695 696 697
            ),
          ),
        ),
698
      ),
699 700
    );

701
    const double labelBottomMargin = 7.0; // 7 == defaulted selectedFontSize / 2.0.
702 703 704 705 706
    const double additionalPadding = 40.0 - labelBottomMargin;
    const double expectedHeight = kBottomNavigationBarHeight + additionalPadding;
    expect(tester.getSize(find.byType(BottomNavigationBar)).height, expectedHeight);
  });

707 708
  testWidgets('BottomNavigationBar action size test', (WidgetTester tester) async {
    await tester.pumpWidget(
709 710 711
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
712
            type: BottomNavigationBarType.shifting,
713
            items: const <BottomNavigationBarItem>[
714 715
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
716
                title: Text('AC'),
717
              ),
718 719
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
720 721 722 723 724
                title: Text('Alarm'),
              ),
            ],
          ),
        ),
725
      ),
726 727 728 729
    );

    Iterable<RenderBox> actions = tester.renderObjectList(find.byType(InkResponse));
    expect(actions.length, 2);
730 731
    expect(actions.elementAt(0).size.width, 480.0);
    expect(actions.elementAt(1).size.width, 320.0);
732 733

    await tester.pumpWidget(
734 735 736
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
737 738
            currentIndex: 1,
            type: BottomNavigationBarType.shifting,
739
            items: const <BottomNavigationBarItem>[
740 741
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
742
                title: Text('AC'),
743
              ),
744 745
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
746 747 748 749 750
                title: Text('Alarm'),
              ),
            ],
          ),
        ),
751
      ),
752 753 754 755 756 757
    );

    await tester.pump(const Duration(milliseconds: 200));

    actions = tester.renderObjectList(find.byType(InkResponse));
    expect(actions.length, 2);
758 759
    expect(actions.elementAt(0).size.width, 320.0);
    expect(actions.elementAt(1).size.width, 480.0);
760 761 762 763
  });

  testWidgets('BottomNavigationBar multiple taps test', (WidgetTester tester) async {
    await tester.pumpWidget(
764 765 766
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
767
            type: BottomNavigationBarType.shifting,
768
            items: const <BottomNavigationBarItem>[
769 770
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
771
                title: Text('AC'),
772
              ),
773 774
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
775
                title: Text('Alarm'),
776
              ),
777 778
              BottomNavigationBarItem(
                icon: Icon(Icons.access_time),
779
                title: Text('Time'),
780
              ),
781 782
              BottomNavigationBarItem(
                icon: Icon(Icons.add),
783 784 785 786 787
                title: Text('Add'),
              ),
            ],
          ),
        ),
788
      ),
789 790 791 792 793 794 795
    );

    // We want to make sure that the last label does not get displaced,
    // irrespective of how many taps happen on the first N - 1 labels and how
    // they grow.

    Iterable<RenderBox> actions = tester.renderObjectList(find.byType(InkResponse));
796
    final Offset originalOrigin = actions.elementAt(3).localToGlobal(Offset.zero);
797 798 799 800 801 802

    await tester.tap(find.text('AC'));
    await tester.pump();
    await tester.pump(const Duration(milliseconds: 100));

    actions = tester.renderObjectList(find.byType(InkResponse));
803
    expect(actions.elementAt(3).localToGlobal(Offset.zero), equals(originalOrigin));
804 805 806 807 808 809

    await tester.tap(find.text('Alarm'));
    await tester.pump();
    await tester.pump(const Duration(milliseconds: 100));

    actions = tester.renderObjectList(find.byType(InkResponse));
810
    expect(actions.elementAt(3).localToGlobal(Offset.zero), equals(originalOrigin));
811 812 813 814 815 816

    await tester.tap(find.text('Time'));
    await tester.pump();
    await tester.pump(const Duration(milliseconds: 100));

    actions = tester.renderObjectList(find.byType(InkResponse));
817
    expect(actions.elementAt(3).localToGlobal(Offset.zero), equals(originalOrigin));
818
  });
819 820 821

  testWidgets('BottomNavigationBar inherits shadowed app theme for shifting navbar', (WidgetTester tester) async {
    await tester.pumpWidget(
822 823 824 825 826 827
      MaterialApp(
        theme: ThemeData(brightness: Brightness.light),
        home: Theme(
          data: ThemeData(brightness: Brightness.dark),
          child: Scaffold(
            bottomNavigationBar: BottomNavigationBar(
828
              type: BottomNavigationBarType.shifting,
829
              items: const <BottomNavigationBarItem>[
830 831
                BottomNavigationBarItem(
                  icon: Icon(Icons.ac_unit),
832
                  title: Text('AC'),
833
                ),
834 835
                BottomNavigationBarItem(
                  icon: Icon(Icons.access_alarm),
836
                  title: Text('Alarm'),
837
                ),
838 839
                BottomNavigationBarItem(
                  icon: Icon(Icons.access_time),
840
                  title: Text('Time'),
841
                ),
842 843
                BottomNavigationBarItem(
                  icon: Icon(Icons.add),
844 845 846 847 848 849
                  title: Text('Add'),
                ),
              ],
            ),
          ),
        ),
850
      ),
851 852 853 854 855 856 857 858 859
    );

    await tester.tap(find.text('Alarm'));
    await tester.pump(const Duration(seconds: 1));
    expect(Theme.of(tester.element(find.text('Alarm'))).brightness, equals(Brightness.dark));
  });

  testWidgets('BottomNavigationBar inherits shadowed app theme for fixed navbar', (WidgetTester tester) async {
    await tester.pumpWidget(
860 861 862 863 864 865
      MaterialApp(
        theme: ThemeData(brightness: Brightness.light),
        home: Theme(
          data: ThemeData(brightness: Brightness.dark),
          child: Scaffold(
            bottomNavigationBar: BottomNavigationBar(
866
              type: BottomNavigationBarType.fixed,
867
              items: const <BottomNavigationBarItem>[
868 869
                BottomNavigationBarItem(
                  icon: Icon(Icons.ac_unit),
870
                  title: Text('AC'),
871
                ),
872 873
                BottomNavigationBarItem(
                  icon: Icon(Icons.access_alarm),
874
                  title: Text('Alarm'),
875
                ),
876 877
                BottomNavigationBarItem(
                  icon: Icon(Icons.access_time),
878
                  title: Text('Time'),
879
                ),
880 881
                BottomNavigationBarItem(
                  icon: Icon(Icons.add),
882 883 884 885 886 887
                  title: Text('Add'),
                ),
              ],
            ),
          ),
        ),
888
      ),
889 890 891 892 893
    );

    await tester.tap(find.text('Alarm'));
    await tester.pump(const Duration(seconds: 1));
    expect(Theme.of(tester.element(find.text('Alarm'))).brightness, equals(Brightness.dark));
894
  }, skip: isBrowser);
895 896 897 898

  testWidgets('BottomNavigationBar iconSize test', (WidgetTester tester) async {
    double builderIconSize;
    await tester.pumpWidget(
899 900 901
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
902 903
            iconSize: 12.0,
            items: <BottomNavigationBarItem>[
xster's avatar
xster committed
904
              const BottomNavigationBarItem(
905 906
                title: Text('A'),
                icon: Icon(Icons.ac_unit),
907
              ),
908
              BottomNavigationBarItem(
909
                title: const Text('B'),
910
                icon: Builder(
911 912
                  builder: (BuildContext context) {
                    builderIconSize = IconTheme.of(context).size;
913
                    return SizedBox(
914 915 916 917 918
                      width: builderIconSize,
                      height: builderIconSize,
                    );
                  },
                ),
919
              ),
920 921
            ],
          ),
922 923 924 925
        ),
      ),
    );

926
    final RenderBox box = tester.renderObject(find.byType(Icon));
927 928 929 930 931 932
    expect(box.size.width, equals(12.0));
    expect(box.size.height, equals(12.0));
    expect(builderIconSize, 12.0);
  });


933 934
  testWidgets('BottomNavigationBar responds to textScaleFactor', (WidgetTester tester) async {
    await tester.pumpWidget(
935 936 937
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
938
            type: BottomNavigationBarType.fixed,
939
            items: const <BottomNavigationBarItem>[
940 941 942
              BottomNavigationBarItem(
                title: Text('A'),
                icon: Icon(Icons.ac_unit),
943
              ),
944 945 946
              BottomNavigationBarItem(
                title: Text('B'),
                icon: Icon(Icons.battery_alert),
947 948 949 950 951 952 953 954 955 956 957
              ),
            ],
          ),
        ),
      ),
    );

    final RenderBox defaultBox = tester.renderObject(find.byType(BottomNavigationBar));
    expect(defaultBox.size.height, equals(kBottomNavigationBarHeight));

    await tester.pumpWidget(
958 959 960
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
961
            type: BottomNavigationBarType.shifting,
962
            items: const <BottomNavigationBarItem>[
963 964 965
              BottomNavigationBarItem(
                title: Text('A'),
                icon: Icon(Icons.ac_unit),
966
              ),
967 968 969
              BottomNavigationBarItem(
                title: Text('B'),
                icon: Icon(Icons.battery_alert),
970 971 972 973 974 975 976 977 978 979 980
              ),
            ],
          ),
        ),
      ),
    );

    final RenderBox shiftingBox = tester.renderObject(find.byType(BottomNavigationBar));
    expect(shiftingBox.size.height, equals(kBottomNavigationBarHeight));

    await tester.pumpWidget(
981 982
      MaterialApp(
        home: MediaQuery(
983
          data: const MediaQueryData(textScaleFactor: 2.0),
984 985
          child: Scaffold(
            bottomNavigationBar: BottomNavigationBar(
986
              items: const <BottomNavigationBarItem>[
987 988 989
                BottomNavigationBarItem(
                  title: Text('A'),
                  icon: Icon(Icons.ac_unit),
990
                ),
991 992 993
                BottomNavigationBarItem(
                  title: Text('B'),
                  icon: Icon(Icons.battery_alert),
994 995 996 997 998 999 1000 1001 1002
                ),
              ],
            ),
          ),
        ),
      ),
    );

    final RenderBox box = tester.renderObject(find.byType(BottomNavigationBar));
1003
    expect(box.size.height, equals(66.0));
1004
  }, skip: isBrowser);
1005 1006

  testWidgets('BottomNavigationBar limits width of tiles with long titles', (WidgetTester tester) async {
1007 1008
    final Text longTextA = Text(''.padLeft(100, 'A'));
    final Text longTextB = Text(''.padLeft(100, 'B'));
1009 1010

    await tester.pumpWidget(
1011 1012 1013
      MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
1014
            items: <BottomNavigationBarItem>[
1015
              BottomNavigationBarItem(
1016 1017 1018
                title: longTextA,
                icon: const Icon(Icons.ac_unit),
              ),
1019
              BottomNavigationBarItem(
1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035
                title: longTextB,
                icon: const Icon(Icons.battery_alert),
              ),
            ],
          ),
        ),
      ),
    );

    final RenderBox box = tester.renderObject(find.byType(BottomNavigationBar));
    expect(box.size.height, equals(kBottomNavigationBarHeight));

    final RenderBox itemBoxA = tester.renderObject(find.text(longTextA.data));
    expect(itemBoxA.size, equals(const Size(400.0, 14.0)));
    final RenderBox itemBoxB = tester.renderObject(find.text(longTextB.data));
    expect(itemBoxB.size, equals(const Size(400.0, 14.0)));
1036
  }, skip: isBrowser);
1037 1038 1039 1040 1041

  testWidgets('BottomNavigationBar paints circles', (WidgetTester tester) async {
    await tester.pumpWidget(
      boilerplate(
        textDirection: TextDirection.ltr,
1042
        bottomNavigationBar: BottomNavigationBar(
1043
          items: const <BottomNavigationBarItem>[
1044 1045 1046
            BottomNavigationBarItem(
              title: Text('A'),
              icon: Icon(Icons.ac_unit),
1047
            ),
1048 1049 1050
            BottomNavigationBarItem(
              title: Text('B'),
              icon: Icon(Icons.battery_alert),
1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067
            ),
          ],
        ),
      ),
    );

    final RenderBox box = tester.renderObject(find.byType(BottomNavigationBar));
    expect(box, isNot(paints..circle()));

    await tester.tap(find.text('A'));
    await tester.pump();
    await tester.pump(const Duration(milliseconds: 20));
    expect(box, paints..circle(x: 200.0));

    await tester.tap(find.text('B'));
    await tester.pump();
    await tester.pump(const Duration(milliseconds: 20));
1068
    expect(box, paints..circle(x: 200.0)..translate(x: 400.0)..circle(x: 200.0));
1069 1070 1071 1072 1073

    // Now we flip the directionality and verify that the circles switch positions.
    await tester.pumpWidget(
      boilerplate(
        textDirection: TextDirection.rtl,
1074
        bottomNavigationBar: BottomNavigationBar(
1075
          items: const <BottomNavigationBarItem>[
1076 1077 1078
            BottomNavigationBarItem(
              title: Text('A'),
              icon: Icon(Icons.ac_unit),
1079
            ),
1080 1081 1082
            BottomNavigationBarItem(
              title: Text('B'),
              icon: Icon(Icons.battery_alert),
1083 1084 1085 1086 1087 1088
            ),
          ],
        ),
      ),
    );

1089
    expect(box, paints..translate()..save()..translate(x: 400.0)..circle(x: 200.0)..restore()..circle(x: 200.0));
1090 1091 1092 1093

    await tester.tap(find.text('A'));
    await tester.pump();
    await tester.pump(const Duration(milliseconds: 20));
1094 1095 1096 1097 1098 1099 1100 1101 1102 1103
    expect(
        box,
        paints
          ..translate(x: 0.0, y: 0.0)
          ..save()
          ..translate(x: 400.0)
          ..circle(x: 200.0)
          ..restore()
          ..circle(x: 200.0)
          ..translate(x: 400.0)
1104
          ..circle(x: 200.0),
1105
    );
1106
  }, skip: isBrowser);
1107

1108
  testWidgets('BottomNavigationBar inactiveIcon shown', (WidgetTester tester) async {
1109 1110
    const Key filled = Key('filled');
    const Key stroked = Key('stroked');
1111 1112 1113 1114 1115
    int selectedItem = 0;

    await tester.pumpWidget(
      boilerplate(
        textDirection: TextDirection.ltr,
1116
        bottomNavigationBar: BottomNavigationBar(
1117 1118
          currentIndex: selectedItem,
          items:  const <BottomNavigationBarItem>[
1119 1120 1121 1122
            BottomNavigationBarItem(
              activeIcon: Icon(Icons.favorite, key: filled),
              icon: Icon(Icons.favorite_border, key: stroked),
              title: Text('Favorite'),
1123
            ),
1124 1125 1126
            BottomNavigationBarItem(
              icon: Icon(Icons.access_alarm),
              title: Text('Alarm'),
1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139
            ),
          ],
        ),
      ),
    );

    expect(find.byKey(filled), findsOneWidget);
    expect(find.byKey(stroked), findsNothing);
    selectedItem = 1;

    await tester.pumpWidget(
      boilerplate(
        textDirection: TextDirection.ltr,
1140
        bottomNavigationBar: BottomNavigationBar(
1141 1142
          currentIndex: selectedItem,
          items:  const <BottomNavigationBarItem>[
1143 1144 1145 1146
            BottomNavigationBarItem(
              activeIcon: Icon(Icons.favorite, key: filled),
              icon: Icon(Icons.favorite_border, key: stroked),
              title: Text('Favorite'),
1147
            ),
1148 1149 1150
            BottomNavigationBarItem(
              icon: Icon(Icons.access_alarm),
              title: Text('Alarm'),
1151 1152 1153 1154 1155 1156 1157 1158 1159 1160
            ),
          ],
        ),
      ),
    );

    expect(find.byKey(filled), findsNothing);
    expect(find.byKey(stroked), findsOneWidget);
  });

1161
  testWidgets('BottomNavigationBar.fixed semantics', (WidgetTester tester) async {
1162
    final SemanticsTester semantics = SemanticsTester(tester);
1163 1164 1165 1166

    await tester.pumpWidget(
      boilerplate(
        textDirection: TextDirection.ltr,
1167
        bottomNavigationBar: BottomNavigationBar(
1168
          items: const <BottomNavigationBarItem>[
1169 1170 1171
            BottomNavigationBarItem(
              icon: Icon(Icons.ac_unit),
              title: Text('AC'),
1172
            ),
1173 1174 1175
            BottomNavigationBarItem(
              icon: Icon(Icons.access_alarm),
              title: Text('Alarm'),
1176
            ),
1177 1178 1179
            BottomNavigationBarItem(
              icon: Icon(Icons.hot_tub),
              title: Text('Hot Tub'),
1180 1181 1182 1183 1184 1185
            ),
          ],
        ),
      ),
    );

1186
    final TestSemantics expected = TestSemantics.root(
1187
      children: <TestSemantics>[
1188
        TestSemantics(
1189
          children: <TestSemantics>[
1190
            TestSemantics(
1191
              children: <TestSemantics>[
1192
                TestSemantics(
1193
                  flags: <SemanticsFlag>[
1194
                    SemanticsFlag.isFocusable,
1195 1196
                    SemanticsFlag.isSelected,
                  ],
1197 1198 1199 1200
                  actions: <SemanticsAction>[SemanticsAction.tap],
                  label: 'AC\nTab 1 of 3',
                  textDirection: TextDirection.ltr,
                ),
1201
                TestSemantics(
1202
                  flags: <SemanticsFlag>[SemanticsFlag.isFocusable],
1203 1204 1205 1206
                  actions: <SemanticsAction>[SemanticsAction.tap],
                  label: 'Alarm\nTab 2 of 3',
                  textDirection: TextDirection.ltr,
                ),
1207
                TestSemantics(
1208
                  flags: <SemanticsFlag>[SemanticsFlag.isFocusable],
1209 1210 1211 1212 1213
                  actions: <SemanticsAction>[SemanticsAction.tap],
                  label: 'Hot Tub\nTab 3 of 3',
                  textDirection: TextDirection.ltr,
                ),
              ],
1214 1215
            ),
          ],
1216 1217 1218
        ),
      ],
    );
1219 1220 1221 1222 1223 1224
    expect(semantics, hasSemantics(expected, ignoreId: true, ignoreTransform: true, ignoreRect: true));

    semantics.dispose();
  });

  testWidgets('BottomNavigationBar.shifting semantics', (WidgetTester tester) async {
1225
    final SemanticsTester semantics = SemanticsTester(tester);
1226 1227 1228 1229

    await tester.pumpWidget(
      boilerplate(
        textDirection: TextDirection.ltr,
1230
        bottomNavigationBar: BottomNavigationBar(
1231 1232
          type: BottomNavigationBarType.shifting,
          items: const <BottomNavigationBarItem>[
1233 1234 1235
            BottomNavigationBarItem(
              icon: Icon(Icons.ac_unit),
              title: Text('AC'),
1236
            ),
1237 1238 1239
            BottomNavigationBarItem(
              icon: Icon(Icons.access_alarm),
              title: Text('Alarm'),
1240
            ),
1241 1242 1243
            BottomNavigationBarItem(
              icon: Icon(Icons.hot_tub),
              title: Text('Hot Tub'),
1244 1245 1246 1247 1248 1249
            ),
          ],
        ),
      ),
    );

1250
    final TestSemantics expected = TestSemantics.root(
1251
      children: <TestSemantics>[
1252
        TestSemantics(
1253
          children: <TestSemantics>[
1254
            TestSemantics(
1255
              children: <TestSemantics>[
1256
                TestSemantics(
1257
                  flags: <SemanticsFlag>[
1258
                    SemanticsFlag.isFocusable,
1259 1260 1261 1262 1263 1264
                    SemanticsFlag.isSelected,
                  ],
                  actions: <SemanticsAction>[SemanticsAction.tap],
                  label: 'AC\nTab 1 of 3',
                  textDirection: TextDirection.ltr,
                ),
1265
                TestSemantics(
1266
                  flags: <SemanticsFlag>[SemanticsFlag.isFocusable],
1267 1268 1269 1270
                  actions: <SemanticsAction>[SemanticsAction.tap],
                  label: 'Alarm\nTab 2 of 3',
                  textDirection: TextDirection.ltr,
                ),
1271
                TestSemantics(
1272
                  flags: <SemanticsFlag>[SemanticsFlag.isFocusable],
1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283
                  actions: <SemanticsAction>[SemanticsAction.tap],
                  label: 'Hot Tub\nTab 3 of 3',
                  textDirection: TextDirection.ltr,
                ),
              ],
            ),
          ],
        ),
      ],
    );
    expect(semantics, hasSemantics(expected, ignoreId: true, ignoreTransform: true, ignoreRect: true));
1284 1285 1286 1287

    semantics.dispose();
  });

1288 1289 1290 1291
  testWidgets('BottomNavigationBar handles items.length changes', (WidgetTester tester) async {
    // Regression test for https://github.com/flutter/flutter/issues/10322

    Widget buildFrame(int itemCount) {
1292 1293 1294
      return MaterialApp(
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
1295 1296
            type: BottomNavigationBarType.fixed,
            currentIndex: 0,
1297 1298
            items: List<BottomNavigationBarItem>.generate(itemCount, (int itemIndex) {
              return BottomNavigationBarItem(
1299
                icon: const Icon(Icons.android),
1300
                title: Text('item $itemIndex'),
1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325
              );
            }),
          ),
        ),
      );
    }

    await tester.pumpWidget(buildFrame(3));
    expect(find.text('item 0'), findsOneWidget);
    expect(find.text('item 1'), findsOneWidget);
    expect(find.text('item 2'), findsOneWidget);
    expect(find.text('item 3'), findsNothing);

    await tester.pumpWidget(buildFrame(4));
    expect(find.text('item 0'), findsOneWidget);
    expect(find.text('item 1'), findsOneWidget);
    expect(find.text('item 2'), findsOneWidget);
    expect(find.text('item 3'), findsOneWidget);

    await tester.pumpWidget(buildFrame(2));
    expect(find.text('item 0'), findsOneWidget);
    expect(find.text('item 1'), findsOneWidget);
    expect(find.text('item 2'), findsNothing);
    expect(find.text('item 3'), findsNothing);
  });
1326 1327 1328 1329 1330 1331 1332

  testWidgets('BottomNavigationBar change backgroundColor test', (WidgetTester tester) async {
    // Regression test for: https://github.com/flutter/flutter/issues/19653

    Color _backgroundColor = Colors.red;

    await tester.pumpWidget(
1333 1334
      MaterialApp(
        home: StatefulBuilder(
1335
          builder: (BuildContext context, StateSetter setState) {
1336 1337 1338
            return Scaffold(
              body: Center(
                child: RaisedButton(
1339 1340 1341 1342 1343 1344 1345 1346
                  child: const Text('green'),
                  onPressed: () {
                    setState(() {
                      _backgroundColor = Colors.green;
                    });
                  },
                ),
              ),
1347
              bottomNavigationBar: BottomNavigationBar(
1348 1349
                type: BottomNavigationBarType.shifting,
                items: <BottomNavigationBarItem>[
1350
                  BottomNavigationBarItem(
1351 1352 1353 1354
                    title: const Text('Page 1'),
                    backgroundColor: _backgroundColor,
                    icon: const Icon(Icons.dashboard),
                  ),
1355
                  BottomNavigationBarItem(
1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383
                    title: const Text('Page 2'),
                    backgroundColor: _backgroundColor,
                    icon: const Icon(Icons.menu),
                  ),
                ],
              ),
            );
          },
        ),
      ),
    );

    final Finder backgroundMaterial = find.descendant(
      of: find.byType(BottomNavigationBar),
      matching: find.byWidgetPredicate((Widget w) {
        if (w is Material)
          return w.type == MaterialType.canvas;
        return false;
      }),
    );

    expect(_backgroundColor, Colors.red);
    expect(tester.widget<Material>(backgroundMaterial).color, Colors.red);
    await tester.tap(find.text('green'));
    await tester.pumpAndSettle();
    expect(_backgroundColor, Colors.green);
    expect(tester.widget<Material>(backgroundMaterial).color, Colors.green);
  });
1384

1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428
  testWidgets('BottomNavigationBar shifting backgroundColor with transition', (WidgetTester tester) async {
    // Regression test for: https://github.com/flutter/flutter/issues/22226

    int _currentIndex = 0;
    await tester.pumpWidget(
      MaterialApp(
        home: StatefulBuilder(
          builder: (BuildContext context, StateSetter setState) {
            return Scaffold(
              bottomNavigationBar: RepaintBoundary(
                child: BottomNavigationBar(
                  type: BottomNavigationBarType.shifting,
                  currentIndex: _currentIndex,
                  onTap: (int index) {
                    setState(() {
                      _currentIndex = index;
                    });
                  },
                  items: const <BottomNavigationBarItem>[
                    BottomNavigationBarItem(
                      title: Text('Red'),
                      backgroundColor: Colors.red,
                      icon: Icon(Icons.dashboard),
                    ),
                    BottomNavigationBarItem(
                      title: Text('Green'),
                      backgroundColor: Colors.green,
                      icon: Icon(Icons.menu),
                    ),
                  ],
                ),
              ),
            );
          },
        ),
      ),
    );

    await tester.tap(find.text('Green'));

    for (int pump = 0; pump < 8; pump++) {
      await tester.pump(const Duration(milliseconds: 30));
      await expectLater(
        find.byType(BottomNavigationBar),
1429
        matchesGoldenFile('bottom_navigation_bar.shifting_transition.$pump.png'),
1430 1431
      );
    }
1432
  }, skip: isBrowser);
1433

1434
  testWidgets('BottomNavigationBar item title should not be nullable', (WidgetTester tester) async {
1435 1436
    expect(() {
      MaterialApp(
1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451
        home: Scaffold(
          bottomNavigationBar: BottomNavigationBar(
            type: BottomNavigationBarType.shifting,
            items: const <BottomNavigationBarItem>[
              BottomNavigationBarItem(
                icon: Icon(Icons.ac_unit),
                title: Text('AC'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.access_alarm),
              ),
            ],
          ),
        ),
      );
Dan Field's avatar
Dan Field committed
1452
    }, throwsAssertionError);
1453
  });
1454

1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 1495 1496
  testWidgets(
    'BottomNavigationBar [showSelectedLabels]=false and [showUnselectedLabels]=false '
    'for shifting navbar, expect that there is no rendered text',
    (WidgetTester tester) async {
      final Widget widget = MaterialApp(
        home: StatefulBuilder(
          builder: (BuildContext context, StateSetter setState) {
            return Scaffold(
              bottomNavigationBar: BottomNavigationBar(
                showSelectedLabels: false,
                showUnselectedLabels: false,
                type: BottomNavigationBarType.shifting,
                items: const <BottomNavigationBarItem>[
                  BottomNavigationBarItem(
                    title: Text('Red'),
                    backgroundColor: Colors.red,
                    icon: Icon(Icons.dashboard),
                  ),
                  BottomNavigationBarItem(
                    title: Text('Green'),
                    backgroundColor: Colors.green,
                    icon: Icon(Icons.menu),
                  ),
                ],
              ),
            );
          },
        ),
      );
      await tester.pumpWidget(widget);
      expect(find.text('Red'), findsOneWidget);
      expect(find.text('Green'), findsOneWidget);
      expect(tester.widget<Opacity>(find.byType(Opacity).first).opacity, 0.0);
      expect(tester.widget<Opacity>(find.byType(Opacity).last).opacity, 0.0);
    });

  testWidgets(
    'BottomNavigationBar [showSelectedLabels]=false and [showUnselectedLabels]=false '
    'for fixed navbar, expect that there is no rendered text',
    (WidgetTester tester) async {
      await tester.pumpWidget(
        MaterialApp(
1497 1498 1499 1500 1501 1502
          home: StatefulBuilder(
            builder: (BuildContext context, StateSetter setState) {
              return Scaffold(
                bottomNavigationBar: BottomNavigationBar(
                  showSelectedLabels: false,
                  showUnselectedLabels: false,
1503
                  type: BottomNavigationBarType.fixed,
1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519
                  items: const <BottomNavigationBarItem>[
                    BottomNavigationBarItem(
                      title: Text('Red'),
                      backgroundColor: Colors.red,
                      icon: Icon(Icons.dashboard),
                    ),
                    BottomNavigationBarItem(
                      title: Text('Green'),
                      backgroundColor: Colors.green,
                      icon: Icon(Icons.menu),
                    ),
                  ],
                ),
              );
            },
          ),
1520 1521 1522 1523 1524 1525 1526
        ),
      );
      expect(find.text('Red'), findsOneWidget);
      expect(find.text('Green'), findsOneWidget);
      expect(tester.widget<Opacity>(find.byType(Opacity).first).opacity, 0.0);
      expect(tester.widget<Opacity>(find.byType(Opacity).last).opacity, 0.0);
    });
1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558

  testWidgets('BottomNavigationBar.fixed [showSelectedLabels]=false and [showUnselectedLabels]=false semantics', (WidgetTester tester) async {
    final SemanticsTester semantics = SemanticsTester(tester);

    await tester.pumpWidget(
      boilerplate(
        textDirection: TextDirection.ltr,
        bottomNavigationBar: BottomNavigationBar(
          showSelectedLabels: false,
          showUnselectedLabels: false,
          items: const <BottomNavigationBarItem>[
            BottomNavigationBarItem(
              icon: Icon(Icons.ac_unit),
              title: Text('Red'),
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.access_alarm),
              title: Text('Green'),
            ),
          ],
        ),
      ),
    );

    final TestSemantics expected = TestSemantics.root(
      children: <TestSemantics>[
        TestSemantics(
          children: <TestSemantics>[
            TestSemantics(
              children: <TestSemantics>[
                TestSemantics(
                  flags: <SemanticsFlag>[
1559
                    SemanticsFlag.isFocusable,
1560 1561 1562 1563 1564 1565 1566
                    SemanticsFlag.isSelected,
                  ],
                  actions: <SemanticsAction>[SemanticsAction.tap],
                  label: 'Red\nTab 1 of 2',
                  textDirection: TextDirection.ltr,
                ),
                TestSemantics(
1567
                  flags: <SemanticsFlag>[SemanticsFlag.isFocusable],
1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593 1594 1595 1596 1597 1598 1599 1600 1601 1602 1603 1604 1605 1606 1607 1608 1609 1610 1611 1612 1613 1614 1615
                  actions: <SemanticsAction>[SemanticsAction.tap],
                  label: 'Green\nTab 2 of 2',
                  textDirection: TextDirection.ltr,
                ),
              ],
            ),
          ],
        ),
      ],
    );
    expect(semantics, hasSemantics(expected, ignoreId: true, ignoreTransform: true, ignoreRect: true));

    semantics.dispose();
  });

  testWidgets('BottomNavigationBar.shifting [showSelectedLabels]=false and [showUnselectedLabels]=false semantics', (WidgetTester tester) async {
    final SemanticsTester semantics = SemanticsTester(tester);

    await tester.pumpWidget(
      boilerplate(
        textDirection: TextDirection.ltr,
        bottomNavigationBar: BottomNavigationBar(
          showSelectedLabels: false,
          showUnselectedLabels: false,
          type: BottomNavigationBarType.shifting,
          items: const <BottomNavigationBarItem>[
            BottomNavigationBarItem(
              icon: Icon(Icons.ac_unit),
              title: Text('Red'),
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.access_alarm),
              title: Text('Green'),
            ),
          ],
        ),
      ),
    );

    final TestSemantics expected = TestSemantics.root(
      children: <TestSemantics>[
        TestSemantics(
          children: <TestSemantics>[
            TestSemantics(
              children: <TestSemantics>[
                TestSemantics(
                  flags: <SemanticsFlag>[
                    SemanticsFlag.isSelected,
1616
                    SemanticsFlag.isFocusable,
1617 1618 1619 1620 1621 1622
                  ],
                  actions: <SemanticsAction>[SemanticsAction.tap],
                  label: 'Red\nTab 1 of 2',
                  textDirection: TextDirection.ltr,
                ),
                TestSemantics(
1623
                  flags: <SemanticsFlag>[SemanticsFlag.isFocusable],
1624 1625 1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 1637 1638
                  actions: <SemanticsAction>[SemanticsAction.tap],
                  label: 'Green\nTab 2 of 2',
                  textDirection: TextDirection.ltr,
                ),
              ],
            ),
          ],
        ),
      ],
    );
    expect(semantics, hasSemantics(expected, ignoreId: true, ignoreTransform: true, ignoreRect: true));

    semantics.dispose();
  });

1639 1640 1641 1642
}

Widget boilerplate({ Widget bottomNavigationBar, @required TextDirection textDirection }) {
  assert(textDirection != null);
1643
  return Localizations(
1644
    locale: const Locale('en', 'US'),
1645
    delegates: const <LocalizationsDelegate<dynamic>>[
1646 1647 1648
      DefaultMaterialLocalizations.delegate,
      DefaultWidgetsLocalizations.delegate,
    ],
1649
    child: Directionality(
1650
      textDirection: textDirection,
1651
      child: MediaQuery(
1652
        data: const MediaQueryData(),
1653 1654
        child: Material(
          child: Scaffold(
1655 1656
            bottomNavigationBar: bottomNavigationBar,
          ),
1657 1658 1659 1660
        ),
      ),
    ),
  );
1661
}
1662 1663 1664 1665 1666 1667

double _getOpacity(WidgetTester tester, String textValue) {
  final FadeTransition opacityWidget = tester.widget<FadeTransition>(
      find.ancestor(
        of: find.text(textValue),
        matching: find.byType(FadeTransition),
1668
      ).first,
1669 1670 1671 1672 1673 1674 1675 1676 1677
  );
  return opacityWidget.opacity.value;
}

Material _getMaterial(WidgetTester tester) {
  return tester.firstWidget<Material>(
    find.descendant(of: find.byType(BottomNavigationBar), matching: find.byType(Material)),
  );
}
1678 1679 1680 1681 1682 1683 1684 1685 1686 1687 1688 1689

TextStyle _iconStyle(WidgetTester tester, IconData icon) {
  final RichText iconRichText = tester.widget<RichText>(
      find.descendant(of: find.byIcon(icon), matching: find.byType(RichText)),
  );
  return iconRichText.text.style;
}

EdgeInsets _itemPadding(WidgetTester tester, IconData icon) {
  return tester.widget<Padding>(
      find.descendant(
        of: find.ancestor(of: find.byIcon(icon), matching: find.byType(InkResponse)),
1690
        matching: find.byType(Padding),
1691 1692 1693
      ).first,
    ).padding.resolve(TextDirection.ltr);
}