| // 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. |
| |
| // This file is run as part of a reduced test set in CI on Mac and Windows |
| // machines. |
| @Tags(<String>['reduced-test-set']) |
| |
| import 'dart:async'; |
| import 'dart:ui' as ui; |
| |
| import 'package:flutter/cupertino.dart'; |
| import 'package:flutter/foundation.dart'; |
| import 'package:flutter/gestures.dart'; |
| import 'package:flutter/material.dart'; |
| import 'package:flutter/rendering.dart'; |
| import 'package:flutter/services.dart'; |
| import 'package:flutter_test/flutter_test.dart'; |
| |
| import '../rendering/mock_canvas.dart'; |
| import '../widgets/semantics_tester.dart'; |
| |
| void main() { |
| testWidgets('Switch can toggle on tap', (WidgetTester tester) async { |
| final Key switchKey = UniqueKey(); |
| bool value = false; |
| |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.ltr, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| dragStartBehavior: DragStartBehavior.down, |
| key: switchKey, |
| value: value, |
| onChanged: (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| expect(value, isFalse); |
| await tester.tap(find.byKey(switchKey)); |
| expect(value, isTrue); |
| }); |
| |
| testWidgets('Switch size is configurable by ThemeData.materialTapTargetSize', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| Theme( |
| data: ThemeData(materialTapTargetSize: MaterialTapTargetSize.padded), |
| child: Directionality( |
| textDirection: TextDirection.ltr, |
| child: Material( |
| child: Center( |
| child: Switch( |
| dragStartBehavior: DragStartBehavior.down, |
| value: true, |
| onChanged: (bool newValue) { }, |
| ), |
| ), |
| ), |
| ), |
| ), |
| ); |
| |
| expect(tester.getSize(find.byType(Switch)), const Size(59.0, 48.0)); |
| |
| await tester.pumpWidget( |
| Theme( |
| data: ThemeData(materialTapTargetSize: MaterialTapTargetSize.shrinkWrap), |
| child: Directionality( |
| textDirection: TextDirection.ltr, |
| child: Material( |
| child: Center( |
| child: Switch( |
| dragStartBehavior: DragStartBehavior.down, |
| value: true, |
| onChanged: (bool newValue) { }, |
| ), |
| ), |
| ), |
| ), |
| ), |
| ); |
| |
| expect(tester.getSize(find.byType(Switch)), const Size(59.0, 40.0)); |
| }); |
| |
| testWidgets('Switch does not get distorted upon changing constraints with parent', (WidgetTester tester) async { |
| const double maxWidth = 300; |
| const double maxHeight = 100; |
| |
| const ValueKey<String> boundaryKey = ValueKey<String>('switch container'); |
| |
| Widget buildSwitch({required double width, required double height}) { |
| return MaterialApp( |
| home: Scaffold( |
| body: Directionality( |
| textDirection: TextDirection.ltr, |
| child: SizedBox( |
| width: maxWidth, |
| height: maxHeight, |
| child: RepaintBoundary( |
| key: boundaryKey, |
| child: SizedBox( |
| width: width, |
| height: height, |
| child: Switch( |
| dragStartBehavior: DragStartBehavior.down, |
| value: true, |
| onChanged: (_) {}, |
| ), |
| ), |
| ), |
| ), |
| ), |
| ), |
| ); |
| } |
| |
| await tester.pumpWidget(buildSwitch( |
| width: maxWidth, |
| height: maxHeight, |
| )); |
| await expectLater( |
| find.byKey(boundaryKey), |
| matchesGoldenFile('switch_test.big.on.png'), |
| ); |
| |
| await tester.pumpWidget(buildSwitch( |
| width: 20, |
| height: 10, |
| )); |
| await expectLater( |
| find.byKey(boundaryKey), |
| matchesGoldenFile('switch_test.small.on.png'), |
| ); |
| }); |
| |
| testWidgets('Switch can drag (LTR)', (WidgetTester tester) async { |
| bool value = false; |
| |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.ltr, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| dragStartBehavior: DragStartBehavior.down, |
| value: value, |
| onChanged: (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| expect(value, isFalse); |
| |
| await tester.drag(find.byType(Switch), const Offset(-30.0, 0.0)); |
| |
| expect(value, isFalse); |
| |
| await tester.drag(find.byType(Switch), const Offset(30.0, 0.0)); |
| |
| expect(value, isTrue); |
| |
| await tester.pump(); |
| await tester.drag(find.byType(Switch), const Offset(30.0, 0.0)); |
| |
| expect(value, isTrue); |
| |
| await tester.pump(); |
| await tester.drag(find.byType(Switch), const Offset(-30.0, 0.0)); |
| |
| expect(value, isFalse); |
| }); |
| |
| testWidgets('Switch can drag with dragStartBehavior', (WidgetTester tester) async { |
| bool value = false; |
| |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.ltr, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| dragStartBehavior: DragStartBehavior.down, |
| value: value, |
| onChanged: (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| expect(value, isFalse); |
| await tester.drag(find.byType(Switch), const Offset(-30.0, 0.0)); |
| expect(value, isFalse); |
| |
| await tester.drag(find.byType(Switch), const Offset(30.0, 0.0)); |
| expect(value, isTrue); |
| await tester.pump(); |
| await tester.drag(find.byType(Switch), const Offset(30.0, 0.0)); |
| expect(value, isTrue); |
| await tester.pump(); |
| await tester.drag(find.byType(Switch), const Offset(-30.0, 0.0)); |
| expect(value, isFalse); |
| |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.ltr, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| value: value, |
| onChanged: (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| await tester.pumpAndSettle(); |
| final Rect switchRect = tester.getRect(find.byType(Switch)); |
| |
| TestGesture gesture = await tester.startGesture(switchRect.center); |
| // We have to execute the drag in two frames because the first update will |
| // just set the start position. |
| await gesture.moveBy(const Offset(20.0, 0.0)); |
| await gesture.moveBy(const Offset(20.0, 0.0)); |
| expect(value, isFalse); |
| await gesture.up(); |
| expect(value, isTrue); |
| await tester.pump(); |
| |
| gesture = await tester.startGesture(switchRect.center); |
| await gesture.moveBy(const Offset(20.0, 0.0)); |
| await gesture.moveBy(const Offset(20.0, 0.0)); |
| expect(value, isTrue); |
| await gesture.up(); |
| expect(value, isTrue); |
| await tester.pump(); |
| |
| gesture = await tester.startGesture(switchRect.center); |
| await gesture.moveBy(const Offset(-20.0, 0.0)); |
| await gesture.moveBy(const Offset(-20.0, 0.0)); |
| expect(value, isTrue); |
| await gesture.up(); |
| expect(value, isFalse); |
| }); |
| |
| testWidgets('Switch can drag (RTL)', (WidgetTester tester) async { |
| bool value = false; |
| |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.rtl, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| dragStartBehavior: DragStartBehavior.down, |
| value: value, |
| onChanged: (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| await tester.drag(find.byType(Switch), const Offset(30.0, 0.0)); |
| |
| expect(value, isFalse); |
| |
| await tester.drag(find.byType(Switch), const Offset(-30.0, 0.0)); |
| |
| expect(value, isTrue); |
| |
| await tester.pump(); |
| await tester.drag(find.byType(Switch), const Offset(-30.0, 0.0)); |
| |
| expect(value, isTrue); |
| |
| await tester.pump(); |
| await tester.drag(find.byType(Switch), const Offset(30.0, 0.0)); |
| |
| expect(value, isFalse); |
| }); |
| |
| testWidgets('Switch has default colors when enabled', (WidgetTester tester) async { |
| bool value = false; |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.rtl, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| dragStartBehavior: DragStartBehavior.down, |
| value: value, |
| onChanged: (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: const Color(0x52000000), // Black with 32% opacity |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: Colors.grey.shade50), |
| reason: 'Inactive enabled switch should match these colors', |
| ); |
| await tester.drag(find.byType(Switch), const Offset(-30.0, 0.0)); |
| await tester.pump(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: Colors.blue[600]!.withAlpha(0x80), |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: Colors.blue[600]), |
| reason: 'Active enabled switch should match these colors', |
| ); |
| }); |
| |
| testWidgets('Switch has default colors when disabled', (WidgetTester tester) async { |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.rtl, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return const Material( |
| child: Center( |
| child: Switch( |
| value: false, |
| onChanged: null, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: Colors.black12, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: Colors.grey.shade400), |
| reason: 'Inactive disabled switch should match these colors', |
| ); |
| |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.rtl, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return const Material( |
| child: Center( |
| child: Switch( |
| value: true, |
| onChanged: null, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: Colors.black12, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: Colors.grey.shade400), |
| reason: 'Active disabled switch should match these colors', |
| ); |
| }); |
| |
| testWidgets('Switch can be set color', (WidgetTester tester) async { |
| bool value = false; |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.rtl, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| dragStartBehavior: DragStartBehavior.down, |
| value: value, |
| onChanged: (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| }, |
| activeColor: Colors.red[500], |
| activeTrackColor: Colors.green[500], |
| inactiveThumbColor: Colors.yellow[500], |
| inactiveTrackColor: Colors.blue[500], |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: Colors.blue[500], |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: Colors.yellow[500]), |
| ); |
| await tester.drag(find.byType(Switch), const Offset(-30.0, 0.0)); |
| await tester.pump(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: Colors.green[500], |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: Colors.red[500]), |
| ); |
| }); |
| |
| testWidgets('Drag ends after animation completes', (WidgetTester tester) async { |
| // Regression test for https://github.com/flutter/flutter/issues/17773 |
| |
| bool value = false; |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.ltr, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| dragStartBehavior: DragStartBehavior.down, |
| value: value, |
| onChanged: (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| expect(value, isFalse); |
| |
| final Rect switchRect = tester.getRect(find.byType(Switch)); |
| final TestGesture gesture = await tester.startGesture(switchRect.centerLeft); |
| await tester.pump(); |
| await gesture.moveBy(Offset(switchRect.width, 0.0)); |
| await tester.pump(); |
| await gesture.up(); |
| await tester.pump(); |
| await tester.pump(const Duration(milliseconds: 200)); |
| |
| expect(value, isTrue); |
| expect(tester.hasRunningAnimations, false); |
| }); |
| |
| testWidgets('can veto switch dragging result', (WidgetTester tester) async { |
| bool value = false; |
| |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.ltr, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| dragStartBehavior: DragStartBehavior.down, |
| value: value, |
| onChanged: (bool newValue) { |
| setState(() { |
| value = value || newValue; |
| }); |
| }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| // Move a little to the right, not past the middle. |
| TestGesture gesture = await tester.startGesture(tester.getRect(find.byType(Switch)).center); |
| await gesture.moveBy(const Offset(kTouchSlop + 0.1, 0.0)); |
| await tester.pump(); |
| await gesture.moveBy(const Offset(-kTouchSlop + 5.1, 0.0)); |
| await tester.pump(); |
| await gesture.up(); |
| await tester.pump(); |
| expect(value, isFalse); |
| final ToggleableStateMixin state = tester.state<ToggleableStateMixin>( |
| find.descendant( |
| of: find.byType(Switch), |
| matching: find.byWidgetPredicate( |
| (Widget widget) => widget.runtimeType.toString() == '_MaterialSwitch', |
| ), |
| ), |
| ); |
| expect(state.position.value, lessThan(0.5)); |
| await tester.pump(); |
| await tester.pumpAndSettle(); |
| expect(value, isFalse); |
| expect(state.position.value, 0); |
| |
| // Move past the middle. |
| gesture = await tester.startGesture(tester.getRect(find.byType(Switch)).center); |
| await gesture.moveBy(const Offset(kTouchSlop + 0.1, 0.0)); |
| await tester.pump(); |
| await gesture.up(); |
| await tester.pump(); |
| expect(value, isTrue); |
| expect(state.position.value, greaterThan(0.5)); |
| |
| await tester.pump(); |
| await tester.pumpAndSettle(); |
| expect(value, isTrue); |
| expect(state.position.value, 1.0); |
| |
| // Now move back to the left, the revert animation should play. |
| gesture = await tester.startGesture(tester.getRect(find.byType(Switch)).center); |
| await gesture.moveBy(const Offset(-kTouchSlop - 0.1, 0.0)); |
| await tester.pump(); |
| await gesture.up(); |
| await tester.pump(); |
| expect(value, isTrue); |
| expect(state.position.value, lessThan(0.5)); |
| |
| await tester.pump(); |
| await tester.pumpAndSettle(); |
| expect(value, isTrue); |
| expect(state.position.value, 1.0); |
| }); |
| |
| testWidgets('switch has semantic events', (WidgetTester tester) async { |
| dynamic semanticEvent; |
| bool value = false; |
| tester.binding.defaultBinaryMessenger.setMockDecodedMessageHandler<dynamic>(SystemChannels.accessibility, (dynamic message) async { |
| semanticEvent = message; |
| }); |
| final SemanticsTester semanticsTester = SemanticsTester(tester); |
| |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.ltr, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| value: value, |
| onChanged: (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| await tester.tap(find.byType(Switch)); |
| final RenderObject object = tester.firstRenderObject(find.byType(Switch)); |
| |
| expect(value, true); |
| expect(semanticEvent, <String, dynamic>{ |
| 'type': 'tap', |
| 'nodeId': object.debugSemantics!.id, |
| 'data': <String, dynamic>{}, |
| }); |
| expect(object.debugSemantics!.getSemanticsData().hasAction(SemanticsAction.tap), true); |
| |
| semanticsTester.dispose(); |
| tester.binding.defaultBinaryMessenger.setMockDecodedMessageHandler<dynamic>(SystemChannels.accessibility, null); |
| }); |
| |
| testWidgets('switch sends semantic events from parent if fully merged', (WidgetTester tester) async { |
| dynamic semanticEvent; |
| bool value = false; |
| tester.binding.defaultBinaryMessenger.setMockDecodedMessageHandler<dynamic>(SystemChannels.accessibility, (dynamic message) async { |
| semanticEvent = message; |
| }); |
| final SemanticsTester semanticsTester = SemanticsTester(tester); |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| home: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| void onChanged(bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| } |
| return Material( |
| child: MergeSemantics( |
| child: ListTile( |
| leading: const Text('test'), |
| onTap: () { |
| onChanged(!value); |
| }, |
| trailing: Switch( |
| value: value, |
| onChanged: onChanged, |
| ), |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| await tester.tap(find.byType(MergeSemantics)); |
| final RenderObject object = tester.firstRenderObject(find.byType(MergeSemantics)); |
| |
| expect(value, true); |
| expect(semanticEvent, <String, dynamic>{ |
| 'type': 'tap', |
| 'nodeId': object.debugSemantics!.id, |
| 'data': <String, dynamic>{}, |
| }); |
| expect(object.debugSemantics!.getSemanticsData().hasAction(SemanticsAction.tap), true); |
| |
| semanticsTester.dispose(); |
| tester.binding.defaultBinaryMessenger.setMockDecodedMessageHandler<dynamic>(SystemChannels.accessibility, null); |
| }); |
| |
| testWidgets('Switch.adaptive', (WidgetTester tester) async { |
| bool value = false; |
| const Color inactiveTrackColor = Colors.pink; |
| |
| Widget buildFrame(TargetPlatform platform) { |
| return MaterialApp( |
| theme: ThemeData(platform: platform), |
| home: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch.adaptive( |
| value: value, |
| inactiveTrackColor: inactiveTrackColor, |
| onChanged: (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ); |
| } |
| |
| for (final TargetPlatform platform in <TargetPlatform>[ TargetPlatform.iOS, TargetPlatform.macOS ]) { |
| value = false; |
| await tester.pumpWidget(buildFrame(platform)); |
| expect(find.byType(CupertinoSwitch), findsOneWidget, reason: 'on ${platform.name}'); |
| |
| final CupertinoSwitch adaptiveSwitch = tester.widget(find.byType(CupertinoSwitch)); |
| expect(adaptiveSwitch.trackColor, inactiveTrackColor, reason: 'on ${platform.name}'); |
| |
| expect(value, isFalse, reason: 'on ${platform.name}'); |
| await tester.tap(find.byType(Switch)); |
| expect(value, isTrue, reason: 'on ${platform.name}'); |
| } |
| |
| for (final TargetPlatform platform in <TargetPlatform>[ TargetPlatform.android, TargetPlatform.fuchsia, TargetPlatform.linux, TargetPlatform.windows ]) { |
| value = false; |
| await tester.pumpWidget(buildFrame(platform)); |
| await tester.pumpAndSettle(); // Finish the theme change animation. |
| expect(find.byType(CupertinoSwitch), findsNothing); |
| expect(value, isFalse, reason: 'on ${platform.name}'); |
| await tester.tap(find.byType(Switch)); |
| expect(value, isTrue, reason: 'on ${platform.name}'); |
| } |
| }); |
| |
| testWidgets('Switch is focusable and has correct focus color', (WidgetTester tester) async { |
| final FocusNode focusNode = FocusNode(debugLabel: 'Switch'); |
| tester.binding.focusManager.highlightStrategy = FocusHighlightStrategy.alwaysTraditional; |
| bool value = true; |
| Widget buildApp({bool enabled = true}) { |
| return MaterialApp( |
| home: Material( |
| child: Center( |
| child: StatefulBuilder(builder: (BuildContext context, StateSetter setState) { |
| return Switch( |
| value: value, |
| onChanged: enabled ? (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| } : null, |
| focusColor: Colors.orange[500], |
| autofocus: true, |
| focusNode: focusNode, |
| ); |
| }), |
| ), |
| ), |
| ); |
| } |
| await tester.pumpWidget(buildApp()); |
| |
| await tester.pumpAndSettle(); |
| expect(focusNode.hasPrimaryFocus, isTrue); |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: const Color(0x801e88e5), |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: Colors.orange[500]) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: const Color(0xff1e88e5)), |
| ); |
| |
| // Check the false value. |
| value = false; |
| await tester.pumpWidget(buildApp()); |
| await tester.pumpAndSettle(); |
| expect(focusNode.hasPrimaryFocus, isTrue); |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: const Color(0x52000000), |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: Colors.orange[500]) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: const Color(0xfffafafa)), |
| ); |
| |
| // Check what happens when disabled. |
| value = false; |
| await tester.pumpWidget(buildApp(enabled: false)); |
| await tester.pumpAndSettle(); |
| expect(focusNode.hasPrimaryFocus, isFalse); |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: const Color(0x1f000000), |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: const Color(0xffbdbdbd)), |
| ); |
| }); |
| |
| testWidgets('Switch with splash radius set', (WidgetTester tester) async { |
| tester.binding.focusManager.highlightStrategy = FocusHighlightStrategy.alwaysTraditional; |
| const double splashRadius = 30; |
| Widget buildApp() { |
| return MaterialApp( |
| home: Material( |
| child: Center( |
| child: StatefulBuilder(builder: (BuildContext context, StateSetter setState) { |
| return Switch( |
| value: true, |
| onChanged: (bool newValue) {}, |
| focusColor: Colors.orange[500], |
| autofocus: true, |
| splashRadius: splashRadius, |
| ); |
| }), |
| ), |
| ), |
| ); |
| } |
| await tester.pumpWidget(buildApp()); |
| await tester.pumpAndSettle(); |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints..circle(color: Colors.orange[500], radius: splashRadius), |
| ); |
| }); |
| |
| testWidgets('Switch can be hovered and has correct hover color', (WidgetTester tester) async { |
| tester.binding.focusManager.highlightStrategy = FocusHighlightStrategy.alwaysTraditional; |
| bool value = true; |
| Widget buildApp({bool enabled = true}) { |
| return MaterialApp( |
| home: Material( |
| child: Center( |
| child: StatefulBuilder(builder: (BuildContext context, StateSetter setState) { |
| return Switch( |
| value: value, |
| onChanged: enabled ? (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| } : null, |
| hoverColor: Colors.orange[500], |
| ); |
| }), |
| ), |
| ), |
| ); |
| } |
| await tester.pumpWidget(buildApp()); |
| await tester.pumpAndSettle(); |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: const Color(0x801e88e5), |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: const Color(0xff1e88e5)), |
| ); |
| |
| // Start hovering |
| final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse); |
| await gesture.addPointer(); |
| addTearDown(gesture.removePointer); |
| await gesture.moveTo(tester.getCenter(find.byType(Switch))); |
| |
| await tester.pumpWidget(buildApp()); |
| await tester.pumpAndSettle(); |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: const Color(0x801e88e5), |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: Colors.orange[500]) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: const Color(0xff1e88e5)), |
| ); |
| |
| // Check what happens when disabled. |
| await tester.pumpWidget(buildApp(enabled: false)); |
| await tester.pumpAndSettle(); |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: const Color(0x1f000000), |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: const Color(0xffbdbdbd)), |
| ); |
| }); |
| |
| testWidgets('Switch can be toggled by keyboard shortcuts', (WidgetTester tester) async { |
| tester.binding.focusManager.highlightStrategy = FocusHighlightStrategy.alwaysTraditional; |
| bool value = true; |
| Widget buildApp({bool enabled = true}) { |
| return MaterialApp( |
| home: Material( |
| child: Center( |
| child: StatefulBuilder(builder: (BuildContext context, StateSetter setState) { |
| return Switch( |
| value: value, |
| onChanged: enabled ? (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| } : null, |
| focusColor: Colors.orange[500], |
| autofocus: true, |
| ); |
| }), |
| ), |
| ), |
| ); |
| } |
| await tester.pumpWidget(buildApp()); |
| await tester.pumpAndSettle(); |
| await tester.sendKeyEvent(LogicalKeyboardKey.enter); |
| await tester.pumpAndSettle(); |
| // On web, switches don't respond to the enter key. |
| expect(value, kIsWeb ? isTrue : isFalse); |
| await tester.sendKeyEvent(LogicalKeyboardKey.enter); |
| await tester.pumpAndSettle(); |
| expect(value, isTrue); |
| await tester.sendKeyEvent(LogicalKeyboardKey.space); |
| await tester.pumpAndSettle(); |
| expect(value, isFalse); |
| await tester.sendKeyEvent(LogicalKeyboardKey.space); |
| await tester.pumpAndSettle(); |
| expect(value, isTrue); |
| }); |
| |
| testWidgets('Switch changes mouse cursor when hovered', (WidgetTester tester) async { |
| // Test Switch.adaptive() constructor |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Scaffold( |
| body: Align( |
| alignment: Alignment.topLeft, |
| child: Material( |
| child: MouseRegion( |
| cursor: SystemMouseCursors.forbidden, |
| child: Switch.adaptive( |
| mouseCursor: SystemMouseCursors.text, |
| value: true, |
| onChanged: (_) {}, |
| ), |
| ), |
| ), |
| ), |
| ), |
| ), |
| ); |
| |
| final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse, pointer: 1); |
| await gesture.addPointer(location: tester.getCenter(find.byType(Switch))); |
| addTearDown(gesture.removePointer); |
| |
| await tester.pump(); |
| |
| expect(RendererBinding.instance!.mouseTracker.debugDeviceActiveCursor(1), SystemMouseCursors.text); |
| |
| // Test Switch() constructor |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Scaffold( |
| body: Align( |
| alignment: Alignment.topLeft, |
| child: Material( |
| child: MouseRegion( |
| cursor: SystemMouseCursors.forbidden, |
| child: Switch( |
| mouseCursor: SystemMouseCursors.text, |
| value: true, |
| onChanged: (_) {}, |
| ), |
| ), |
| ), |
| ), |
| ), |
| ), |
| ); |
| |
| await gesture.moveTo(tester.getCenter(find.byType(Switch))); |
| expect(RendererBinding.instance!.mouseTracker.debugDeviceActiveCursor(1), SystemMouseCursors.text); |
| |
| // Test default cursor |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Scaffold( |
| body: Align( |
| alignment: Alignment.topLeft, |
| child: Material( |
| child: MouseRegion( |
| cursor: SystemMouseCursors.forbidden, |
| child: Switch( |
| value: true, |
| onChanged: (_) {}, |
| ), |
| ), |
| ), |
| ), |
| ), |
| ), |
| ); |
| |
| expect(RendererBinding.instance!.mouseTracker.debugDeviceActiveCursor(1), SystemMouseCursors.click); |
| |
| // Test default cursor when disabled |
| await tester.pumpWidget( |
| const MaterialApp( |
| home: Scaffold( |
| body: Align( |
| alignment: Alignment.topLeft, |
| child: Material( |
| child: MouseRegion( |
| cursor: SystemMouseCursors.forbidden, |
| child: Switch( |
| value: true, |
| onChanged: null, |
| ), |
| ), |
| ), |
| ), |
| ), |
| ), |
| ); |
| |
| expect(RendererBinding.instance!.mouseTracker.debugDeviceActiveCursor(1), SystemMouseCursors.basic); |
| |
| await tester.pumpAndSettle(); |
| }); |
| |
| testWidgets('Material switch should not recreate its render object when disabled', (WidgetTester tester) async { |
| // Regression test for https://github.com/flutter/flutter/issues/61247. |
| bool value = true; |
| bool enabled = true; |
| late StateSetter stateSetter; |
| await tester.pumpWidget( |
| Directionality( |
| textDirection: TextDirection.ltr, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| stateSetter = setState; |
| return Material( |
| child: Center( |
| child: Switch( |
| value: value, |
| onChanged: !enabled ? null : (bool newValue) { |
| setState(() { |
| value = newValue; |
| }); |
| }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ), |
| ); |
| |
| final ToggleableStateMixin oldSwitchState = tester.state(find.byWidgetPredicate((Widget widget) => widget.runtimeType.toString() == '_MaterialSwitch')); |
| |
| stateSetter(() { value = false; }); |
| await tester.pump(); |
| // Disable the switch when the implicit animation begins. |
| stateSetter(() { enabled = false; }); |
| await tester.pump(); |
| |
| final ToggleableStateMixin updatedSwitchState = tester.state(find.byWidgetPredicate((Widget widget) => widget.runtimeType.toString() == '_MaterialSwitch')); |
| |
| expect(updatedSwitchState.isInteractive, false); |
| expect(updatedSwitchState, oldSwitchState); |
| expect(updatedSwitchState.position.isCompleted, false); |
| expect(updatedSwitchState.position.isDismissed, false); |
| }); |
| |
| testWidgets('Switch thumb color resolves in active/enabled states', (WidgetTester tester) async { |
| const Color activeEnabledThumbColor = Color(0xFF000001); |
| const Color activeDisabledThumbColor = Color(0xFF000002); |
| const Color inactiveEnabledThumbColor = Color(0xFF000003); |
| const Color inactiveDisabledThumbColor = Color(0xFF000004); |
| |
| Color getThumbColor(Set<MaterialState> states) { |
| if (states.contains(MaterialState.disabled)) { |
| if (states.contains(MaterialState.selected)) { |
| return activeDisabledThumbColor; |
| } |
| return inactiveDisabledThumbColor; |
| } |
| if (states.contains(MaterialState.selected)) { |
| return activeEnabledThumbColor; |
| } |
| return inactiveEnabledThumbColor; |
| } |
| |
| final MaterialStateProperty<Color> thumbColor = |
| MaterialStateColor.resolveWith(getThumbColor); |
| |
| Widget buildSwitch({required bool enabled, required bool active}) { |
| return Directionality( |
| textDirection: TextDirection.rtl, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| thumbColor: thumbColor, |
| value: active, |
| onChanged: enabled ? (_) { } : null, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ); |
| } |
| |
| await tester.pumpWidget(buildSwitch(enabled: false, active: false)); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: Colors.black12, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: inactiveDisabledThumbColor), |
| reason: 'Inactive disabled switch should default track and custom thumb color', |
| ); |
| |
| await tester.pumpWidget(buildSwitch(enabled: false, active: true)); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: Colors.black12, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: activeDisabledThumbColor), |
| reason: 'Active disabled switch should match these colors', |
| ); |
| |
| await tester.pumpWidget(buildSwitch(enabled: true, active: false)); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: const Color(0x52000000), // Black with 32% opacity, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: inactiveEnabledThumbColor), |
| reason: 'Inactive enabled switch should match these colors', |
| ); |
| |
| await tester.pumpWidget(buildSwitch(enabled: false, active: false)); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: Colors.black12, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: inactiveDisabledThumbColor), |
| reason: 'Inactive disabled switch should match these colors', |
| ); |
| }); |
| |
| testWidgets('Switch thumb color resolves in hovered/focused states', (WidgetTester tester) async { |
| final FocusNode focusNode = FocusNode(debugLabel: 'Switch'); |
| tester.binding.focusManager.highlightStrategy = FocusHighlightStrategy.alwaysTraditional; |
| const Color hoveredThumbColor = Color(0xFF000001); |
| const Color focusedThumbColor = Color(0xFF000002); |
| |
| Color getThumbColor(Set<MaterialState> states) { |
| if (states.contains(MaterialState.hovered)) { |
| return hoveredThumbColor; |
| } |
| if (states.contains(MaterialState.focused)) { |
| return focusedThumbColor; |
| } |
| return Colors.transparent; |
| } |
| |
| final MaterialStateProperty<Color> thumbColor = |
| MaterialStateColor.resolveWith(getThumbColor); |
| |
| Widget buildSwitch() { |
| return Directionality( |
| textDirection: TextDirection.rtl, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| focusNode: focusNode, |
| autofocus: true, |
| value: true, |
| thumbColor: thumbColor, |
| onChanged: (_) { }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ); |
| } |
| |
| await tester.pumpWidget(buildSwitch()); |
| await tester.pumpAndSettle(); |
| expect(focusNode.hasPrimaryFocus, isTrue); |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: const Color(0x801e88e5), |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: focusedThumbColor), |
| reason: 'Inactive disabled switch should default track and custom thumb color', |
| ); |
| |
| // Start hovering |
| final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse); |
| await gesture.addPointer(); |
| addTearDown(gesture.removePointer); |
| await gesture.moveTo(tester.getCenter(find.byType(Switch))); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: const Color(0x801e88e5), |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: hoveredThumbColor), |
| reason: 'Inactive disabled switch should default track and custom thumb color', |
| ); |
| }); |
| |
| testWidgets('Track color resolves in active/enabled states', (WidgetTester tester) async { |
| const Color activeEnabledTrackColor = Color(0xFF000001); |
| const Color activeDisabledTrackColor = Color(0xFF000002); |
| const Color inactiveEnabledTrackColor = Color(0xFF000003); |
| const Color inactiveDisabledTrackColor = Color(0xFF000004); |
| |
| Color getTrackColor(Set<MaterialState> states) { |
| if (states.contains(MaterialState.disabled)) { |
| if (states.contains(MaterialState.selected)) { |
| return activeDisabledTrackColor; |
| } |
| return inactiveDisabledTrackColor; |
| } |
| if (states.contains(MaterialState.selected)) { |
| return activeEnabledTrackColor; |
| } |
| return inactiveEnabledTrackColor; |
| } |
| |
| final MaterialStateProperty<Color> trackColor = |
| MaterialStateColor.resolveWith(getTrackColor); |
| |
| Widget buildSwitch({required bool enabled, required bool active}) { |
| return Directionality( |
| textDirection: TextDirection.rtl, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| trackColor: trackColor, |
| value: active, |
| onChanged: enabled ? (_) { } : null, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ); |
| } |
| |
| await tester.pumpWidget(buildSwitch(enabled: false, active: false)); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: inactiveDisabledTrackColor, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ), |
| reason: 'Inactive disabled switch track should use this value', |
| ); |
| |
| await tester.pumpWidget(buildSwitch(enabled: false, active: true)); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: activeDisabledTrackColor, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ), |
| reason: 'Active disabled switch should match these colors', |
| ); |
| |
| await tester.pumpWidget(buildSwitch(enabled: true, active: false)); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: inactiveEnabledTrackColor, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ), |
| reason: 'Inactive enabled switch should match these colors', |
| ); |
| |
| await tester.pumpWidget(buildSwitch(enabled: false, active: false)); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: inactiveDisabledTrackColor, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ), |
| reason: 'Inactive disabled switch should match these colors', |
| ); |
| }); |
| |
| testWidgets('Switch track color resolves in hovered/focused states', (WidgetTester tester) async { |
| final FocusNode focusNode = FocusNode(debugLabel: 'Switch'); |
| tester.binding.focusManager.highlightStrategy = FocusHighlightStrategy.alwaysTraditional; |
| const Color hoveredTrackColor = Color(0xFF000001); |
| const Color focusedTrackColor = Color(0xFF000002); |
| |
| Color getTrackColor(Set<MaterialState> states) { |
| if (states.contains(MaterialState.hovered)) { |
| return hoveredTrackColor; |
| } |
| if (states.contains(MaterialState.focused)) { |
| return focusedTrackColor; |
| } |
| return Colors.transparent; |
| } |
| |
| final MaterialStateProperty<Color> trackColor = |
| MaterialStateColor.resolveWith(getTrackColor); |
| |
| Widget buildSwitch() { |
| return Directionality( |
| textDirection: TextDirection.rtl, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Material( |
| child: Center( |
| child: Switch( |
| focusNode: focusNode, |
| autofocus: true, |
| value: true, |
| trackColor: trackColor, |
| onChanged: (_) { }, |
| ), |
| ), |
| ); |
| }, |
| ), |
| ); |
| } |
| |
| await tester.pumpWidget(buildSwitch()); |
| await tester.pumpAndSettle(); |
| expect(focusNode.hasPrimaryFocus, isTrue); |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: focusedTrackColor, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ), |
| reason: 'Inactive enabled switch should match these colors', |
| ); |
| |
| // Start hovering |
| final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse); |
| await gesture.addPointer(); |
| addTearDown(gesture.removePointer); |
| await gesture.moveTo(tester.getCenter(find.byType(Switch))); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: hoveredTrackColor, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ), |
| reason: 'Inactive enabled switch should match these colors', |
| ); |
| }); |
| |
| testWidgets('Switch thumb color is blended against surface color', (WidgetTester tester) async { |
| final Color activeDisabledThumbColor = Colors.blue.withOpacity(.60); |
| final ThemeData theme = ThemeData.light(); |
| |
| Color getThumbColor(Set<MaterialState> states) { |
| if (states.contains(MaterialState.disabled)) { |
| return activeDisabledThumbColor; |
| } |
| return Colors.black; |
| } |
| |
| final MaterialStateProperty<Color> thumbColor = |
| MaterialStateColor.resolveWith(getThumbColor); |
| |
| Widget buildSwitch({required bool enabled, required bool active}) { |
| return Directionality( |
| textDirection: TextDirection.rtl, |
| child: StatefulBuilder( |
| builder: (BuildContext context, StateSetter setState) { |
| return Theme( |
| data: theme, |
| child: Material( |
| child: Center( |
| child: Switch( |
| thumbColor: thumbColor, |
| value: active, |
| onChanged: enabled ? (_) { } : null, |
| ), |
| ), |
| ), |
| ); |
| }, |
| ), |
| ); |
| } |
| |
| await tester.pumpWidget(buildSwitch(enabled: false, active: true)); |
| |
| final Color expectedThumbColor = Color.alphaBlend(activeDisabledThumbColor, theme.colorScheme.surface); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect( |
| color: Colors.black12, |
| rrect: RRect.fromLTRBR(13.0, 17.0, 46.0, 31.0, const Radius.circular(7.0)), |
| ) |
| ..circle(color: const Color(0x33000000)) |
| ..circle(color: const Color(0x24000000)) |
| ..circle(color: const Color(0x1f000000)) |
| ..circle(color: expectedThumbColor), |
| reason: 'Active disabled thumb color should be blended on top of surface color', |
| ); |
| }); |
| |
| testWidgets('Switch overlay color resolves in active/pressed/focused/hovered states', (WidgetTester tester) async { |
| final FocusNode focusNode = FocusNode(debugLabel: 'Switch'); |
| tester.binding.focusManager.highlightStrategy = FocusHighlightStrategy.alwaysTraditional; |
| |
| const Color thumbColor = Color(0xFF000000); |
| const Color activePressedOverlayColor = Color(0xFF000001); |
| const Color inactivePressedOverlayColor = Color(0xFF000002); |
| const Color hoverOverlayColor = Color(0xFF000003); |
| const Color focusOverlayColor = Color(0xFF000004); |
| const Color hoverColor = Color(0xFF000005); |
| const Color focusColor = Color(0xFF000006); |
| |
| Color? getOverlayColor(Set<MaterialState> states) { |
| if (states.contains(MaterialState.pressed)) { |
| if (states.contains(MaterialState.selected)) { |
| return activePressedOverlayColor; |
| } |
| return inactivePressedOverlayColor; |
| } |
| if (states.contains(MaterialState.hovered)) { |
| return hoverOverlayColor; |
| } |
| if (states.contains(MaterialState.focused)) { |
| return focusOverlayColor; |
| } |
| return null; |
| } |
| const double splashRadius = 24.0; |
| |
| Widget buildSwitch({bool active = false, bool focused = false, bool useOverlay = true}) { |
| return MaterialApp( |
| home: Scaffold( |
| body: Switch( |
| focusNode: focusNode, |
| autofocus: focused, |
| value: active, |
| onChanged: (_) { }, |
| thumbColor: MaterialStateProperty.all(thumbColor), |
| overlayColor: useOverlay ? MaterialStateProperty.resolveWith(getOverlayColor) : null, |
| hoverColor: hoverColor, |
| focusColor: focusColor, |
| splashRadius: splashRadius, |
| ), |
| ), |
| ); |
| } |
| |
| await tester.pumpWidget(buildSwitch(useOverlay: false)); |
| await tester.press(find.byType(Switch)); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect() |
| ..circle( |
| color: thumbColor.withAlpha(kRadialReactionAlpha), |
| radius: splashRadius, |
| ), |
| reason: 'Default inactive pressed Switch should have overlay color from thumbColor', |
| ); |
| |
| await tester.pumpWidget(buildSwitch(active: true, useOverlay: false)); |
| await tester.press(find.byType(Switch)); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect() |
| ..circle( |
| color: thumbColor.withAlpha(kRadialReactionAlpha), |
| radius: splashRadius, |
| ), |
| reason: 'Default active pressed Switch should have overlay color from thumbColor', |
| ); |
| |
| await tester.pumpWidget(buildSwitch()); |
| await tester.press(find.byType(Switch)); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect() |
| ..circle( |
| color: inactivePressedOverlayColor, |
| radius: splashRadius, |
| ), |
| reason: 'Inactive pressed Switch should have overlay color: $inactivePressedOverlayColor', |
| ); |
| |
| await tester.pumpWidget(buildSwitch(active: true)); |
| await tester.press(find.byType(Switch)); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect() |
| ..circle( |
| color: activePressedOverlayColor, |
| radius: splashRadius, |
| ), |
| reason: 'Active pressed Switch should have overlay color: $activePressedOverlayColor', |
| ); |
| |
| await tester.pumpWidget(buildSwitch(focused: true)); |
| await tester.pumpAndSettle(); |
| |
| expect(focusNode.hasPrimaryFocus, isTrue); |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect() |
| ..circle( |
| color: focusOverlayColor, |
| radius: splashRadius, |
| ), |
| reason: 'Focused Switch should use overlay color $focusOverlayColor over $focusColor', |
| ); |
| |
| // Start hovering |
| final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse); |
| await gesture.addPointer(); |
| addTearDown(gesture.removePointer); |
| await gesture.moveTo(tester.getCenter(find.byType(Switch))); |
| await tester.pumpAndSettle(); |
| |
| expect( |
| Material.of(tester.element(find.byType(Switch))), |
| paints |
| ..rrect() |
| ..circle( |
| color: hoverOverlayColor, |
| radius: splashRadius, |
| ), |
| reason: 'Hovered Switch should use overlay color $hoverOverlayColor over $hoverColor', |
| ); |
| }); |
| |
| testWidgets('Do not crash when widget disappears while pointer is down', (WidgetTester tester) async { |
| Widget buildSwitch(bool show) { |
| return MaterialApp( |
| home: Material( |
| child: Center( |
| child: show ? Switch(value: true, onChanged: (_) { }) : Container(), |
| ), |
| ), |
| ); |
| } |
| |
| await tester.pumpWidget(buildSwitch(true)); |
| final Offset center = tester.getCenter(find.byType(Switch)); |
| // Put a pointer down on the screen. |
| final TestGesture gesture = await tester.startGesture(center); |
| await tester.pump(); |
| // While the pointer is down, the widget disappears. |
| await tester.pumpWidget(buildSwitch(false)); |
| expect(find.byType(Switch), findsNothing); |
| // Release pointer after widget disappeared. |
| await gesture.up(); |
| }); |
| |
| group('with image', () { |
| late ui.Image image; |
| |
| setUp(() async { |
| image = await createTestImage(width: 100, height: 100); |
| }); |
| |
| testWidgets('do not crash when imageProvider completes after Switch is disposed', (WidgetTester tester) async { |
| final DelayedImageProvider imageProvider = DelayedImageProvider(image); |
| |
| await tester.pumpWidget( |
| MaterialApp( |
| home: Material( |
| child: Center( |
| child: Switch( |
| value: true, |
| onChanged: null, |
| inactiveThumbImage: imageProvider, |
| ), |
| ), |
| ), |
| ), |
| ); |
| |
| expect(find.byType(Switch), findsOneWidget); |
| |
| // Dispose the switch by taking down the tree. |
| await tester.pumpWidget(Container()); |
| expect(find.byType(Switch), findsNothing); |
| |
| imageProvider.complete(); |
| expect(tester.takeException(), isNull); |
| }); |
| |
| testWidgets('do not crash when previous imageProvider completes after Switch is disposed', (WidgetTester tester) async { |
| final DelayedImageProvider imageProvider1 = DelayedImageProvider(image); |
| final DelayedImageProvider imageProvider2 = DelayedImageProvider(image); |
| |
| Future<void> buildSwitch(ImageProvider imageProvider) { |
| return tester.pumpWidget( |
| MaterialApp( |
| home: Material( |
| child: Center( |
| child: Switch( |
| value: true, |
| onChanged: null, |
| inactiveThumbImage: imageProvider, |
| ), |
| ), |
| ), |
| ), |
| ); |
| } |
| |
| await buildSwitch(imageProvider1); |
| expect(find.byType(Switch), findsOneWidget); |
| // Replace the ImageProvider. |
| await buildSwitch(imageProvider2); |
| expect(find.byType(Switch), findsOneWidget); |
| |
| // Dispose the switch by taking down the tree. |
| await tester.pumpWidget(Container()); |
| expect(find.byType(Switch), findsNothing); |
| |
| // Completing the replaced ImageProvider shouldn't crash. |
| imageProvider1.complete(); |
| expect(tester.takeException(), isNull); |
| |
| imageProvider2.complete(); |
| expect(tester.takeException(), isNull); |
| }); |
| }); |
| } |
| |
| class DelayedImageProvider extends ImageProvider<DelayedImageProvider> { |
| DelayedImageProvider(this.image); |
| |
| final ui.Image image; |
| |
| final Completer<ImageInfo> _completer = Completer<ImageInfo>(); |
| |
| @override |
| Future<DelayedImageProvider> obtainKey(ImageConfiguration configuration) { |
| return SynchronousFuture<DelayedImageProvider>(this); |
| } |
| |
| @override |
| ImageStreamCompleter load(DelayedImageProvider key, DecoderCallback decode) { |
| return OneFrameImageStreamCompleter(_completer.future); |
| } |
| |
| Future<void> complete() async { |
| _completer.complete(ImageInfo(image: image)); |
| } |
| |
| @override |
| String toString() => '${describeIdentity(this)}()'; |
| } |
