Question

如何在Flutter测试中获取小部件的位置？理想情况下，小部件的中心，但左上角的坐标也可以。

这是我的测试，尝试使用一种功能来找到屏幕上小部件的位置。

  testWidgets('Pin is in center of screen', (WidgetTester tester) async {
    await _setUp(tester); // Does setup
    final findPin = find.byKey('pin');
    final pinLocation = _getLocation(findPin.evaluate().first);
    print(ui.window.physicalSize);
    expect(pinLocation.dx, 1200.0);
    expect(pinLocation.dy, 900.0);
  });

Offset _getLocation(Element element) {
  return (element.findRenderObject() as RenderBox).localToGlobal(Offset.zero);
}

ui.window.physicalSize（其中ui是dart:ui包裹）的印刷告诉我尺寸为Size(2400.0, 1800.0)。但是，当我在测试中设置这些中点时，测试失败，并说“大小”实际上是395.0和305.0。我的小部件只有30.0 x 30.0大小，甚至395 +/- 30也不等于1200范围内的任何值。

在测试中，我然后将小部件包装在预先定义的宽度（400）和高度（300）的容器中，这与实际应用中的外观不同，但为了进行测试，它更接近-提供一个“中心”为195和155，应分别为200和150。

我正在测试的小部件（在代码中，而不是在我的testWidgets中带有额外的Container）大约是：

return Center(
    child: Container(
      key: Key('pin'),
      height: 30.0, 
      width: 30.0, 
      color: Colors.pink,
   ),
);

Answer 1

WidgetTester具有您要寻找的方法，例如：

tester.getCenter(findPin);

在Flutter测试中获取小部件的位置？

1 个答案: