// 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)}()'; }