284 lines
10 KiB
Dart
284 lines
10 KiB
Dart
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import 'dart:async';
|
|
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
Future<void> verifyMarkedNeedsLayoutDuringTransientCallbacksPhase(
|
|
WidgetTester tester,
|
|
RenderObject renderObject,
|
|
) async {
|
|
assert(!renderObject.debugNeedsLayout);
|
|
|
|
const data = <String, dynamic>{'type': 'fontsChange'};
|
|
await tester.binding.defaultBinaryMessenger.handlePlatformMessage(
|
|
'flutter/system',
|
|
SystemChannels.system.codec.encodeMessage(data),
|
|
(ByteData? data) {},
|
|
);
|
|
|
|
final animation = Completer<bool>();
|
|
tester.binding.scheduleFrameCallback((Duration timeStamp) {
|
|
animation.complete(renderObject.debugNeedsLayout);
|
|
});
|
|
|
|
// The fonts change does not mark the render object as needing layout
|
|
// immediately.
|
|
expect(renderObject.debugNeedsLayout, isFalse);
|
|
await tester.pump();
|
|
expect(await animation.future, isTrue);
|
|
}
|
|
|
|
void main() {
|
|
testWidgets('RenderParagraph relayout upon system fonts changes', (WidgetTester tester) async {
|
|
await tester.pumpWidget(const MaterialApp(home: Text('text widget')));
|
|
final RenderObject renderObject = tester.renderObject(find.text('text widget'));
|
|
await verifyMarkedNeedsLayoutDuringTransientCallbacksPhase(tester, renderObject);
|
|
});
|
|
|
|
testWidgets(
|
|
'Safe to query a RelayoutWhenSystemFontsChangeMixin for text layout after system fonts changes',
|
|
(WidgetTester tester) async {
|
|
final child = _RenderCustomRelayoutWhenSystemFontsChange();
|
|
await tester.pumpWidget(
|
|
Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: WidgetToRenderBoxAdapter(renderBox: child),
|
|
),
|
|
);
|
|
const data = <String, dynamic>{'type': 'fontsChange'};
|
|
await tester.binding.defaultBinaryMessenger.handlePlatformMessage(
|
|
'flutter/system',
|
|
SystemChannels.system.codec.encodeMessage(data),
|
|
(ByteData? data) {},
|
|
);
|
|
expect(child.hasValidTextLayout, isTrue);
|
|
},
|
|
);
|
|
|
|
testWidgets('RenderEditable relayout upon system fonts changes', (WidgetTester tester) async {
|
|
await tester.pumpWidget(const MaterialApp(home: SelectableText('text widget')));
|
|
|
|
final EditableTextState state = tester.state(find.byType(EditableText));
|
|
await verifyMarkedNeedsLayoutDuringTransientCallbacksPhase(tester, state.renderEditable);
|
|
});
|
|
|
|
testWidgets('Banner repaint upon system fonts changes', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const Banner(
|
|
message: 'message',
|
|
location: BannerLocation.topStart,
|
|
textDirection: TextDirection.ltr,
|
|
layoutDirection: TextDirection.ltr,
|
|
),
|
|
);
|
|
const data = <String, dynamic>{'type': 'fontsChange'};
|
|
await tester.binding.defaultBinaryMessenger.handlePlatformMessage(
|
|
'flutter/system',
|
|
SystemChannels.system.codec.encodeMessage(data),
|
|
(ByteData? data) {},
|
|
);
|
|
final RenderObject renderObject = tester.renderObject(find.byType(Banner));
|
|
expect(renderObject.debugNeedsPaint, isTrue);
|
|
});
|
|
|
|
testWidgets(
|
|
'CupertinoDatePicker reset cache upon system fonts change - date time mode',
|
|
(WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
CupertinoApp(home: CupertinoDatePicker(onDateTimeChanged: (DateTime dateTime) {})),
|
|
);
|
|
final dynamic state = tester.state(find.byType(CupertinoDatePicker));
|
|
// ignore: avoid_dynamic_calls
|
|
final cache = state.estimatedColumnWidths as Map<int, double>;
|
|
expect(cache.isNotEmpty, isTrue);
|
|
const data = <String, dynamic>{'type': 'fontsChange'};
|
|
await tester.binding.defaultBinaryMessenger.handlePlatformMessage(
|
|
'flutter/system',
|
|
SystemChannels.system.codec.encodeMessage(data),
|
|
(ByteData? data) {},
|
|
);
|
|
// Cache should be cleaned.
|
|
expect(cache.isEmpty, isTrue);
|
|
final Element element = tester.element(find.byType(CupertinoDatePicker));
|
|
expect(element.dirty, isTrue);
|
|
},
|
|
// TODO(yjbanov): cupertino does not work on the Web yet: https://github.com/flutter/flutter/issues/41920
|
|
skip: isBrowser,
|
|
);
|
|
|
|
testWidgets(
|
|
'CupertinoDatePicker reset cache upon system fonts change - date mode',
|
|
(WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
CupertinoApp(
|
|
home: CupertinoDatePicker(
|
|
mode: CupertinoDatePickerMode.date,
|
|
onDateTimeChanged: (DateTime dateTime) {},
|
|
),
|
|
),
|
|
);
|
|
final dynamic state = tester.state(find.byType(CupertinoDatePicker));
|
|
// ignore: avoid_dynamic_calls
|
|
final cache = state.estimatedColumnWidths as Map<int, double>;
|
|
// Simulates font missing.
|
|
cache.clear();
|
|
const data = <String, dynamic>{'type': 'fontsChange'};
|
|
await tester.binding.defaultBinaryMessenger.handlePlatformMessage(
|
|
'flutter/system',
|
|
SystemChannels.system.codec.encodeMessage(data),
|
|
(ByteData? data) {},
|
|
);
|
|
// Cache should be replenished
|
|
expect(cache.isNotEmpty, isTrue);
|
|
final Element element = tester.element(find.byType(CupertinoDatePicker));
|
|
expect(element.dirty, isTrue);
|
|
},
|
|
// TODO(yjbanov): cupertino does not work on the Web yet: https://github.com/flutter/flutter/issues/41920
|
|
skip: isBrowser,
|
|
);
|
|
|
|
testWidgets(
|
|
'CupertinoDatePicker reset cache upon system fonts change - time mode',
|
|
(WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
CupertinoApp(home: CupertinoTimerPicker(onTimerDurationChanged: (Duration d) {})),
|
|
);
|
|
final dynamic state = tester.state(find.byType(CupertinoTimerPicker));
|
|
// Simulates wrong metrics due to font missing.
|
|
// ignore: avoid_dynamic_calls
|
|
state.numberLabelWidth = 0.0;
|
|
// ignore: avoid_dynamic_calls
|
|
state.numberLabelHeight = 0.0;
|
|
// ignore: avoid_dynamic_calls
|
|
state.numberLabelBaseline = 0.0;
|
|
const data = <String, dynamic>{'type': 'fontsChange'};
|
|
await tester.binding.defaultBinaryMessenger.handlePlatformMessage(
|
|
'flutter/system',
|
|
SystemChannels.system.codec.encodeMessage(data),
|
|
(ByteData? data) {},
|
|
);
|
|
// Metrics should be refreshed
|
|
// ignore: avoid_dynamic_calls
|
|
expect(state.numberLabelWidth, lessThan(46.0 + precisionErrorTolerance));
|
|
// ignore: avoid_dynamic_calls
|
|
expect(state.numberLabelHeight, lessThan(23.0 + precisionErrorTolerance));
|
|
// ignore: avoid_dynamic_calls
|
|
expect(state.numberLabelBaseline, lessThan(18.400070190429688 + precisionErrorTolerance));
|
|
final Element element = tester.element(find.byType(CupertinoTimerPicker));
|
|
expect(element.dirty, isTrue);
|
|
},
|
|
// TODO(yjbanov): cupertino does not work on the Web yet: https://github.com/flutter/flutter/issues/41920
|
|
skip: isBrowser,
|
|
);
|
|
|
|
testWidgets('RangeSlider relayout upon system fonts changes more than once', (
|
|
WidgetTester tester,
|
|
) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
home: Material(
|
|
child: RangeSlider(
|
|
values: const RangeValues(0.0, 1.0),
|
|
onChanged: (RangeValues values) {},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
const data = <String, dynamic>{'type': 'fontsChange'};
|
|
await tester.binding.defaultBinaryMessenger.handlePlatformMessage(
|
|
'flutter/system',
|
|
SystemChannels.system.codec.encodeMessage(data),
|
|
(ByteData? data) {},
|
|
);
|
|
final RenderObject renderObject = tester.renderObject(
|
|
find.byWidgetPredicate(
|
|
(Widget widget) => widget.runtimeType.toString() == '_RangeSliderRenderObjectWidget',
|
|
),
|
|
);
|
|
await verifyMarkedNeedsLayoutDuringTransientCallbacksPhase(tester, renderObject);
|
|
});
|
|
|
|
testWidgets('Slider relayout upon system fonts changes', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
home: Material(child: Slider(value: 0.0, onChanged: (double value) {})),
|
|
),
|
|
);
|
|
final RenderObject renderObject = tester.allRenderObjects
|
|
.where(
|
|
(RenderObject renderObject) => renderObject.runtimeType.toString() == '_RenderSlider',
|
|
)
|
|
.first;
|
|
await verifyMarkedNeedsLayoutDuringTransientCallbacksPhase(tester, renderObject);
|
|
});
|
|
|
|
testWidgets('TimePicker relayout upon system fonts changes', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
MaterialApp(
|
|
home: Material(
|
|
child: Center(
|
|
child: Builder(
|
|
builder: (BuildContext context) {
|
|
return ElevatedButton(
|
|
child: const Text('X'),
|
|
onPressed: () {
|
|
showTimePicker(
|
|
context: context,
|
|
initialTime: const TimeOfDay(hour: 7, minute: 0),
|
|
builder: (BuildContext context, Widget? child) {
|
|
return Directionality(
|
|
key: const Key('parent'),
|
|
textDirection: TextDirection.ltr,
|
|
child: child!,
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
await tester.tap(find.text('X'));
|
|
await tester.pumpAndSettle();
|
|
const data = <String, dynamic>{'type': 'fontsChange'};
|
|
await tester.binding.defaultBinaryMessenger.handlePlatformMessage(
|
|
'flutter/system',
|
|
SystemChannels.system.codec.encodeMessage(data),
|
|
(ByteData? data) {},
|
|
);
|
|
final Finder customPaintFinder = find.descendant(
|
|
of: find.byWidgetPredicate((Widget w) => '${w.runtimeType}' == '_Dial'),
|
|
matching: find.byType(CustomPaint),
|
|
);
|
|
final RenderObject renderObject = tester.renderObject(customPaintFinder);
|
|
expect(renderObject.debugNeedsPaint, isTrue);
|
|
});
|
|
}
|
|
|
|
class _RenderCustomRelayoutWhenSystemFontsChange extends RenderBox
|
|
with RelayoutWhenSystemFontsChangeMixin {
|
|
bool hasValidTextLayout = false;
|
|
|
|
@override
|
|
void systemFontsDidChange() {
|
|
super.systemFontsDidChange();
|
|
hasValidTextLayout = false;
|
|
}
|
|
|
|
@override
|
|
void performLayout() {
|
|
size = constraints.biggest;
|
|
hasValidTextLayout = true;
|
|
}
|
|
}
|