flutter/examples/api/test/widgets/focus_manager/focus_node.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/services.dart';
import 'package:flutter_api_samples/widgets/focus_manager/focus_node.0.dart' as example;
import 'package:flutter_test/flutter_test.dart';

void main() {
  testWidgets('FocusNode gets focused and unfocused on ColorfulButton tap', (
    WidgetTester tester,
  ) async {
    await tester.pumpWidget(const example.FocusNodeExampleApp());

    final Element button = tester.element(find.byType(example.ColorfulButton));

    expect(tester.binding.focusManager.primaryFocus?.context, isNot(equals(button)));

    // Tapping on ColorfulButton to focus on FocusNode.
    await tester.tap(find.byType(example.ColorfulButton));
    await tester.pump();

    expect(tester.binding.focusManager.primaryFocus?.context, equals(button));

    // Tapping on ColorfulButton to unfocus from FocusNode.
    await tester.tap(find.byType(example.ColorfulButton));
    await tester.pump();

    expect(tester.binding.focusManager.primaryFocus?.context, isNot(equals(button)));
  });

  testWidgets('FocusNode updates the text label when focused or unfocused', (
    WidgetTester tester,
  ) async {
    await tester.pumpWidget(const example.FocusNodeExampleApp());

    expect(find.text('Press to focus'), findsOneWidget);
    expect(find.text("I'm in color! Press R,G,B!"), findsNothing);

    // Tapping on ColorfulButton to focus on FocusNode.
    await tester.tap(find.byType(example.ColorfulButton));
    await tester.pump();

    expect(find.text('Press to focus'), findsNothing);
    expect(find.text("I'm in color! Press R,G,B!"), findsOneWidget);

    // Tapping on ColorfulButton to unfocus from FocusNode.
    await tester.tap(find.byType(example.ColorfulButton));
    await tester.pump();

    expect(find.text('Press to focus'), findsOneWidget);
    expect(find.text("I'm in color! Press R,G,B!"), findsNothing);
  });

  testWidgets('FocusNode updates color of the Container according to the key events when focused', (
    WidgetTester tester,
  ) async {
    await tester.pumpWidget(const example.FocusNodeExampleApp());

    // Tapping on ColorfulButton to focus on FocusNode.
    await tester.tap(find.byType(example.ColorfulButton));
    await tester.pump();

    final Finder containerFinder = find.descendant(
      of: find.byType(example.ColorfulButton),
      matching: find.byType(Container),
    );

    Container container = tester.widget<Container>(containerFinder);
    expect(container.color, equals(Colors.white));

    await tester.sendKeyEvent(LogicalKeyboardKey.keyR);
    await tester.pump();

    container = tester.widget<Container>(containerFinder);
    expect(container.color, equals(Colors.red));

    await tester.sendKeyEvent(LogicalKeyboardKey.keyG);
    await tester.pump();

    container = tester.widget<Container>(containerFinder);
    expect(container.color, equals(Colors.green));

    await tester.sendKeyEvent(LogicalKeyboardKey.keyB);
    await tester.pump();

    container = tester.widget<Container>(containerFinder);
    expect(container.color, equals(Colors.blue));
  });

  testWidgets('FocusNode does not listen to the key events when unfocused', (
    WidgetTester tester,
  ) async {
    await tester.pumpWidget(const example.FocusNodeExampleApp());

    final Finder containerFinder = find.descendant(
      of: find.byType(example.ColorfulButton),
      matching: find.byType(Container),
    );

    Container container = tester.widget<Container>(containerFinder);
    expect(container.color, equals(Colors.white));

    await tester.sendKeyEvent(LogicalKeyboardKey.keyR);
    await tester.pump();

    container = tester.widget<Container>(containerFinder);
    expect(container.color, equals(Colors.white));

    await tester.sendKeyEvent(LogicalKeyboardKey.keyG);
    await tester.pump();

    container = tester.widget<Container>(containerFinder);
    expect(container.color, equals(Colors.white));

    await tester.sendKeyEvent(LogicalKeyboardKey.keyB);
    await tester.pump();

    container = tester.widget<Container>(containerFinder);
    expect(container.color, equals(Colors.white));
  });

  testWidgets(
    'FocusNode sets color to the white when unfocused and sets it back to the selected one when focused',
    (WidgetTester tester) async {
      await tester.pumpWidget(const example.FocusNodeExampleApp());

      final Finder containerFinder = find.descendant(
        of: find.byType(example.ColorfulButton),
        matching: find.byType(Container),
      );

      Container container = tester.widget<Container>(containerFinder);
      expect(container.color, equals(Colors.white));

      // Tapping on ColorfulButton to focus on FocusNode.
      await tester.tap(find.byType(example.ColorfulButton));
      await tester.pump();

      container = tester.widget<Container>(containerFinder);
      expect(container.color, equals(Colors.white));

      await tester.sendKeyEvent(LogicalKeyboardKey.keyR);
      await tester.pump();

      container = tester.widget<Container>(containerFinder);
      expect(container.color, equals(Colors.red));

      // Tapping on ColorfulButton to unfocus from FocusNode.
      await tester.tap(find.byType(example.ColorfulButton));
      await tester.pump();

      container = tester.widget<Container>(containerFinder);
      expect(container.color, equals(Colors.white));

      // Tapping on ColorfulButton to focus on FocusNode.
      await tester.tap(find.byType(example.ColorfulButton));
      await tester.pump();

      container = tester.widget<Container>(containerFinder);
      expect(container.color, equals(Colors.red));
    },
  );
}