Question

我正在尝试在Flutter中创建一个简单的小部件测试。我有一个自定义窗口小部件，该窗口小部件接收一些值，组成一个字符串并显示带有该字符串的文本。我必须创建该小部件并且它可以工作，但是在读取Text组件的值以断言所生成的文本正确时遇到了麻烦。

我创建了一个简单的测试来说明问题。我想获取文本值，即“文本”。我尝试了几种方法，如果我得到查找程序asString（），我可以解释字符串以获取值，但是我认为这不是一个好的解决方案。我想以文本形式读取组件，以便可以访问所有属性。

那么，我将如何阅读“文本”小部件以访问data属性？

import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';

void main() {
  testWidgets('my first widget test', (WidgetTester tester) async {

    await tester
        .pumpWidget(MaterialApp(home: Text("text", key: Key('unit_text'))));

    // This works and prints: (Text-[<'unit_text'>]("text"))
    var finder = find.byKey(Key("unit_text"));
    print(finder.evaluate().first);

    // This also works and prints: (Text-[<'unit_text'>]("text"))
    var finderByType = find.byType(Text);
    print(finderByType.evaluate().first);

    // This returns empty
    print(finder.first.evaluate().whereType<Text>());

    // This throws: type 'StatelessElement' is not a subtype of type 'Text' in type cast
    print(finder.first.evaluate().cast<Text>().first);

  });
}

Answer 1

请检查以下简单示例。

testWidgets('Test name', (WidgetTester tester) async {

// findig the widget
var textFind = find.text("text_of_field");

// checking widget present or not
expect(textFind, findsOneWidget);

//getting Text object
Text text = tester.firstWidget(textFind);

// validating properies
expect(text.style.color, Colors.black);
...
...

}

Answer 2

我知道了。我必须访问Element的widget属性，然后将其强制转换为文本：

var text = finder.evaluate().single.widget as Text;
print(text.data);

Answer 3

您可以使用find.text

https://flutter.io/docs/cookbook/testing/widget/finders#1-find-a-text-widget

testWidgets('finds a Text Widget', (WidgetTester tester) async {
  // Build an App with a Text Widget that displays the letter 'H'
  await tester.pumpWidget(MaterialApp(
    home: Scaffold(
      body: Text('H'),
    ),
  ));

  // Find a Widget that displays the letter 'H'
  expect(find.text('H'), findsOneWidget);
});

Flutter-如何在小部件测试中获取文本小部件

3 个答案: