toggle_buttons.0_test.dart

// 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>{ };