examples/api/test/widgets/drag_target/draggable.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/widgets/drag_target/draggable.0.dart' as example;
import 'package:flutter_test/flutter_test.dart';

void main() {
  Finder findContainerWith({required Finder child, required Color color}) {
    return find.ancestor(
      of: child,
      matching: find.byWidgetPredicate(
        (Widget widget) => widget is Container && widget.color == color,
      ),
    );
  }

  testWidgets('Verify initial state', (WidgetTester tester) async {
    await tester.pumpWidget(const example.DraggableExampleApp());

    expect(find.text('Draggable Sample'), findsOneWidget);

    expect(
      findContainerWith(color: Colors.lightGreenAccent, child: find.text('Draggable')),
      findsOneWidget,
    );

    expect(
      findContainerWith(color: Colors.cyan, child: find.text('Value is updated to: 0')),
      findsOneWidget,
    );
  });

  testWidgets('Verify correct containers are displayed while dragging', (
    WidgetTester tester,
  ) async {
    await tester.pumpWidget(const example.DraggableExampleApp());

    final Finder idleContainer = findContainerWith(
      color: Colors.lightGreenAccent,
      child: find.text('Draggable'),
    );
    final Finder draggingContainer = findContainerWith(
      color: Colors.pinkAccent,
      child: find.text('Child When Dragging'),
    );
    final Finder feedbackContainer = findContainerWith(
      color: Colors.deepOrange,
      child: find.byIcon(Icons.directions_run),
    );

    expect(idleContainer, findsOneWidget);
    expect(draggingContainer, findsNothing);
    expect(feedbackContainer, findsNothing);

    final TestGesture gesture = await tester.startGesture(tester.getCenter(idleContainer));
    await tester.pump();

    expect(idleContainer, findsNothing);
    expect(draggingContainer, findsOneWidget);
    expect(feedbackContainer, findsOneWidget);

    await gesture.moveBy(const Offset(200, 0));
    await tester.pump();

    expect(idleContainer, findsNothing);
    expect(draggingContainer, findsOneWidget);
    expect(feedbackContainer, findsOneWidget);

    await gesture.up();
    await tester.pump();

    expect(idleContainer, findsOneWidget);
    expect(draggingContainer, findsNothing);
    expect(feedbackContainer, findsNothing);
  });

  testWidgets('Dropping Draggable over DragTarget updates the counter', (
    WidgetTester tester,
  ) async {
    await tester.pumpWidget(const example.DraggableExampleApp());

    final Finder draggable = find.byType(Draggable<int>);
    final Finder target = find.byType(DragTarget<int>);

    int counter = 0;

    for (int i = 0; i < 5; i++) {
      final TestGesture gesture = await tester.startGesture(tester.getCenter(draggable));
      await gesture.moveTo(tester.getCenter(target));
      await gesture.up();
      await tester.pump();

      counter += 10;

      expect(
        findContainerWith(color: Colors.cyan, child: find.text('Value is updated to: $counter')),
        findsOneWidget,
      );
    }
  });
}