如何测试 Flutter 小部件的固有大小

Question

我有一个自定义文本小部件，我正在尝试测试该小部件对于某些文本字符串是否具有一定的固有大小。

void main() {
  testWidgets('MongolRichText has correct size for string', (WidgetTester tester) async {
    await tester.pumpWidget(MongolRichText(text: TextSpan(text: 'hello'),));

    final finder = find.byType(MongolRichText);
    expect(finder, findsOneWidget);

    // How do I check the size?
  });
}

如何检查小部件的固有大小？

我不想像这个问题那样限制屏幕尺寸。

我在 Flutter 源代码中找到了答案，因此我将其作为问答对发布。我的回答如下。

Answer 1

它WidgetTester有一个getSize方法，您可以使用它来获取小部件的渲染大小。

void main() {
  testWidgets('MongolRichText has correct size for string', (WidgetTester tester) async {
    await tester.pumpWidget(Center(child: MongolText('Hello')));

    MongolRichText text = tester.firstWidget(find.byType(MongolRichText));
    expect(text, isNotNull);

    final Size baseSize = tester.getSize(find.byType(MongolRichText));
    expect(baseSize.width, equals(30.0));
    expect(baseSize.height, equals(150.0));
  });
}

笔记：

• 将自定义小部件放入Center小部件中会使其包裹内容。否则getSize将获取屏幕尺寸。
• 我通过运行测试并查看实际值应该是多少来获得实际数字。它们看起来很合理（MongolRichText是垂直文本），所以我用预期的数字更新了测试以使测试通过。
• 该解决方案改编自Futter Text 小部件测试源代码。