c4d6311a29
* Fix #16464: Pass hit test when a big child is inside RenderFittedBox, RenderTransform, RenderFractionalTranslation, or RenderFollowerLayer * Override `hitTestChildren` * RenderTransform and RenderFollowerLayer shouldn't check if they are hit themselves * Test the hit test for translated child into translated box * Add hit test for `FractionalTranslation` * Don't check if RenderFractionalTranslation is hit themself * Add hit test for FractionalTranslation * Add test for FractionalTranslation
362 lines
11 KiB
Dart
362 lines
11 KiB
Dart
// Copyright 2015 The Chromium 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:math' as math;
|
|
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:vector_math/vector_math_64.dart';
|
|
|
|
void main() {
|
|
testWidgets('Transform origin', (WidgetTester tester) async {
|
|
bool didReceiveTap = false;
|
|
await tester.pumpWidget(
|
|
new Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: new Stack(
|
|
children: <Widget>[
|
|
new Positioned(
|
|
top: 100.0,
|
|
left: 100.0,
|
|
child: new Container(
|
|
width: 100.0,
|
|
height: 100.0,
|
|
color: const Color(0xFF0000FF),
|
|
),
|
|
),
|
|
new Positioned(
|
|
top: 100.0,
|
|
left: 100.0,
|
|
child: new Container(
|
|
width: 100.0,
|
|
height: 100.0,
|
|
child: new Transform(
|
|
transform: new Matrix4.diagonal3Values(0.5, 0.5, 1.0),
|
|
origin: const Offset(100.0, 50.0),
|
|
child: new GestureDetector(
|
|
onTap: () {
|
|
didReceiveTap = true;
|
|
},
|
|
child: new Container(
|
|
color: const Color(0xFF00FFFF),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(didReceiveTap, isFalse);
|
|
await tester.tapAt(const Offset(110.0, 110.0));
|
|
expect(didReceiveTap, isFalse);
|
|
await tester.tapAt(const Offset(190.0, 150.0));
|
|
expect(didReceiveTap, isTrue);
|
|
});
|
|
|
|
testWidgets('Transform alignment', (WidgetTester tester) async {
|
|
bool didReceiveTap = false;
|
|
await tester.pumpWidget(
|
|
new Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: new Stack(
|
|
children: <Widget>[
|
|
new Positioned(
|
|
top: 100.0,
|
|
left: 100.0,
|
|
child: new Container(
|
|
width: 100.0,
|
|
height: 100.0,
|
|
color: const Color(0xFF0000FF),
|
|
),
|
|
),
|
|
new Positioned(
|
|
top: 100.0,
|
|
left: 100.0,
|
|
child: new Container(
|
|
width: 100.0,
|
|
height: 100.0,
|
|
child: new Transform(
|
|
transform: new Matrix4.diagonal3Values(0.5, 0.5, 1.0),
|
|
alignment: const Alignment(1.0, 0.0),
|
|
child: new GestureDetector(
|
|
onTap: () {
|
|
didReceiveTap = true;
|
|
},
|
|
child: new Container(
|
|
color: const Color(0xFF00FFFF),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(didReceiveTap, isFalse);
|
|
await tester.tapAt(const Offset(110.0, 110.0));
|
|
expect(didReceiveTap, isFalse);
|
|
await tester.tapAt(const Offset(190.0, 150.0));
|
|
expect(didReceiveTap, isTrue);
|
|
});
|
|
|
|
testWidgets('Transform AlignmentDirectional alignment', (WidgetTester tester) async {
|
|
bool didReceiveTap = false;
|
|
|
|
Widget buildFrame(TextDirection textDirection, AlignmentGeometry alignment) {
|
|
return new Directionality(
|
|
textDirection: textDirection,
|
|
child: new Stack(
|
|
children: <Widget>[
|
|
new Positioned(
|
|
top: 100.0,
|
|
left: 100.0,
|
|
child: new Container(
|
|
width: 100.0,
|
|
height: 100.0,
|
|
color: const Color(0xFF0000FF),
|
|
),
|
|
),
|
|
new Positioned(
|
|
top: 100.0,
|
|
left: 100.0,
|
|
child: new Container(
|
|
width: 100.0,
|
|
height: 100.0,
|
|
child: new Transform(
|
|
transform: new Matrix4.diagonal3Values(0.5, 0.5, 1.0),
|
|
alignment: alignment,
|
|
child: new GestureDetector(
|
|
onTap: () {
|
|
didReceiveTap = true;
|
|
},
|
|
child: new Container(
|
|
color: const Color(0xFF00FFFF),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
await tester.pumpWidget(buildFrame(TextDirection.ltr, AlignmentDirectional.centerEnd));
|
|
didReceiveTap = false;
|
|
await tester.tapAt(const Offset(110.0, 110.0));
|
|
expect(didReceiveTap, isFalse);
|
|
await tester.tapAt(const Offset(190.0, 150.0));
|
|
expect(didReceiveTap, isTrue);
|
|
|
|
await tester.pumpWidget(buildFrame(TextDirection.rtl, AlignmentDirectional.centerStart));
|
|
didReceiveTap = false;
|
|
await tester.tapAt(const Offset(110.0, 110.0));
|
|
expect(didReceiveTap, isFalse);
|
|
await tester.tapAt(const Offset(190.0, 150.0));
|
|
expect(didReceiveTap, isTrue);
|
|
|
|
await tester.pumpWidget(buildFrame(TextDirection.ltr, AlignmentDirectional.centerStart));
|
|
didReceiveTap = false;
|
|
await tester.tapAt(const Offset(190.0, 150.0));
|
|
expect(didReceiveTap, isFalse);
|
|
await tester.tapAt(const Offset(110.0, 150.0));
|
|
expect(didReceiveTap, isTrue);
|
|
|
|
await tester.pumpWidget(buildFrame(TextDirection.rtl, AlignmentDirectional.centerEnd));
|
|
didReceiveTap = false;
|
|
await tester.tapAt(const Offset(190.0, 150.0));
|
|
expect(didReceiveTap, isFalse);
|
|
await tester.tapAt(const Offset(110.0, 150.0));
|
|
expect(didReceiveTap, isTrue);
|
|
});
|
|
|
|
testWidgets('Transform offset + alignment', (WidgetTester tester) async {
|
|
bool didReceiveTap = false;
|
|
await tester.pumpWidget(
|
|
new Directionality(
|
|
textDirection: TextDirection.ltr,
|
|
child: new Stack(
|
|
children: <Widget>[
|
|
new Positioned(
|
|
top: 100.0,
|
|
left: 100.0,
|
|
child: new Container(
|
|
width: 100.0,
|
|
height: 100.0,
|
|
color: const Color(0xFF0000FF),
|
|
),
|
|
),
|
|
new Positioned(
|
|
top: 100.0,
|
|
left: 100.0,
|
|
child: new Container(
|
|
width: 100.0,
|
|
height: 100.0,
|
|
child: new Transform(
|
|
transform: new Matrix4.diagonal3Values(0.5, 0.5, 1.0),
|
|
origin: const Offset(100.0, 0.0),
|
|
alignment: const Alignment(-1.0, 0.0),
|
|
child: new GestureDetector(
|
|
onTap: () {
|
|
didReceiveTap = true;
|
|
},
|
|
child: new Container(
|
|
color: const Color(0xFF00FFFF),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
expect(didReceiveTap, isFalse);
|
|
await tester.tapAt(const Offset(110.0, 110.0));
|
|
expect(didReceiveTap, isFalse);
|
|
await tester.tapAt(const Offset(190.0, 150.0));
|
|
expect(didReceiveTap, isTrue);
|
|
});
|
|
|
|
testWidgets('Composited transform offset', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
new Center(
|
|
child: new SizedBox(
|
|
width: 400.0,
|
|
height: 300.0,
|
|
child: new ClipRect(
|
|
child: new Transform(
|
|
transform: new Matrix4.diagonal3Values(0.5, 0.5, 1.0),
|
|
child: new Opacity(
|
|
opacity: 0.9,
|
|
child: new Container(
|
|
color: const Color(0xFF00FF00),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
final List<Layer> layers = tester.layers
|
|
..retainWhere((Layer layer) => layer is TransformLayer);
|
|
expect(layers.length, 2);
|
|
// The first transform is from the render view.
|
|
final TransformLayer layer = layers[1];
|
|
final Matrix4 transform = layer.transform;
|
|
expect(transform.getTranslation(), equals(new Vector3(100.0, 75.0, 0.0)));
|
|
});
|
|
|
|
testWidgets('Transform.rotate', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
new Transform.rotate(
|
|
angle: math.pi / 2.0,
|
|
child: new Opacity(opacity: 0.5, child: new Container()),
|
|
),
|
|
);
|
|
|
|
final List<Layer> layers = tester.layers
|
|
..retainWhere((Layer layer) => layer is TransformLayer);
|
|
expect(layers.length, 2);
|
|
// The first transform is from the render view.
|
|
final TransformLayer layer = layers[1];
|
|
final Matrix4 transform = layer.transform;
|
|
expect(transform.storage, <dynamic>[
|
|
moreOrLessEquals(0.0), 1.0, 0.0, 0.0,
|
|
-1.0, moreOrLessEquals(0.0), 0.0, 0.0,
|
|
0.0, 0.0, 1.0, 0.0,
|
|
700.0, -100.0, 0.0, 1.0,
|
|
]);
|
|
});
|
|
|
|
testWidgets('applyPaintTransform of Transform in Padding', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
new Padding(
|
|
padding: const EdgeInsets.only(
|
|
left: 30.0,
|
|
top: 20.0,
|
|
right: 50.0,
|
|
bottom: 70.0,
|
|
),
|
|
child: new Transform(
|
|
transform: new Matrix4.diagonal3Values(2.0, 2.0, 2.0),
|
|
child: const Placeholder(),
|
|
),
|
|
),
|
|
);
|
|
expect(tester.getTopLeft(find.byType(Placeholder)), const Offset(30.0, 20.0));
|
|
});
|
|
|
|
testWidgets('Transform.translate', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
new Transform.translate(
|
|
offset: const Offset(100.0, 50.0),
|
|
child: new Opacity(opacity: 0.5, child: new Container()),
|
|
),
|
|
);
|
|
|
|
// This should not cause a transform layer to be inserted.
|
|
final List<Layer> layers = tester.layers
|
|
..retainWhere((Layer layer) => layer is TransformLayer);
|
|
expect(layers.length, 1); // only the render view
|
|
expect(tester.getTopLeft(find.byType(Container)), const Offset(100.0, 50.0));
|
|
});
|
|
|
|
testWidgets('Transform.scale', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
new Transform.scale(
|
|
scale: 2.0,
|
|
child: new Opacity(opacity: 0.5, child: new Container()),
|
|
),
|
|
);
|
|
|
|
final List<Layer> layers = tester.layers
|
|
..retainWhere((Layer layer) => layer is TransformLayer);
|
|
expect(layers.length, 2);
|
|
// The first transform is from the render view.
|
|
final TransformLayer layer = layers[1];
|
|
final Matrix4 transform = layer.transform;
|
|
expect(transform.storage, <dynamic>[
|
|
// These are column-major, not row-major.
|
|
2.0, 0.0, 0.0, 0.0,
|
|
0.0, 2.0, 0.0, 0.0,
|
|
0.0, 0.0, 1.0, 0.0,
|
|
-400.0, -300.0, 0.0, 1.0, // it's 1600x1200, centered in an 800x600 square
|
|
]);
|
|
});
|
|
|
|
testWidgets('Translated child into translated box - hit test', (WidgetTester tester) async {
|
|
final GlobalKey key1 = new GlobalKey();
|
|
bool _pointerDown = false;
|
|
await tester.pumpWidget(
|
|
new Transform.translate(
|
|
offset: const Offset(100.0, 50.0),
|
|
child: new Transform.translate(
|
|
offset: const Offset(1000.0, 1000.0),
|
|
child: new Listener(
|
|
onPointerDown: (PointerDownEvent event) {
|
|
_pointerDown = true;
|
|
},
|
|
child: new Container(
|
|
key: key1,
|
|
color: const Color(0xFF000000),
|
|
)
|
|
)
|
|
)
|
|
),
|
|
);
|
|
expect(_pointerDown, isFalse);
|
|
await tester.tap(find.byKey(key1));
|
|
expect(_pointerDown, isTrue);
|
|
});
|
|
}
|