在TextSpan中测试文本

Question

如果我们有一个作为RichText小部件子级的TextSpan，您将如何测试文本内容。

new TextSpan(
  text: 'Hello world!',
  style: new TextStyle(color: Colors.black),
)

在您的测试中，使用Text小部件可以使用expect(find.text('Hello world!'), findsOneWidget)，但是如果您有一个TextSpan，这将不起作用。

expect(find.byType(TextSpan), findsOneWidget)也找不到任何TextSpan类型的小部件。

Answer 1

这是不可能的。因为TextSpan实际上并不渲染任何东西。它是另一个对象用来实际呈现某物的数据信息。

相反，您可以做的是找到要向其传递TextSpan的小部件。然后验证它的正确性

Answer 2

除了Rémi的答案之外，还有一种从RichText中查找文本的方法。将关键点设置为RichText，然后可以执行以下操作：

Finder widgetFinder = find.byKey(key);

Finder rtFinder =
   find.descendant(of: widgetFinder, matching: find.byType(RichText));
RichText richText = rtFinder.evaluate().first.widget as RichText;
String richTextText = richText.text.toPlainText();

print('Text from Text widget: $richTextText');
expect(richTextText, 'This is my text',
   reason: 'Text from found text widget do not match');

Answer 3

您可以找到RichText小部件。下面是find.byWidgetPredicate调用。

expect(find.byWidgetPredicate((widget) => fromRichTextToPlainText(widget) == 'Hello world!'), findsOneWidget);

下面是fromRichTextToPlainText帮助器函数。将它传递给RichText小部件，它将返回所有底层TextSpans的纯文本。

String fromRichTextToPlainText(final Widget widget) {
  if (widget is RichText) {
    if (widget.text is TextSpan) {
      final buffer = StringBuffer();
      (widget.text as TextSpan).computeToPlainText(buffer);
      return buffer.toString();
    }
  }
  return null;
}