使用Flutter测试找到可点击的TextSpan

Question

使用Flutter的WidgetTester，您如何点击TextSpan，就像下面的代码一样？

RichText(
  text: TextSpan(
    children: [
      TextSpan(text: 'aaa '),
      TextSpan(
        text: 'bbb ',
        recognizer: TapGestureRecognizer()
          ..onTap = () { 
            // How to reach this code in a widget test?
          },
      ),
      TextSpan(text: 'ccc'),
    ],
  ),
)

- Benno Richters

---

这个教程对你没有帮助吗？ - Payam Asefi

@P4yam，不是因为TextSpan不是widget。但是被接受的答案很棒。 - Benno Richters

Answer 1

使用 byWidgetPredicate 方法的 CommonFinders

InlineSpan 的 visitChildren 方法

查找 TextSpan：

final finder = find.byWidgetPredicate(
  (widget) => widget is RichText && tapTextSpan(widget, "bbb "),
);

bool findTextAndTap(InlineSpan visitor, String text) {
  if (visitor is TextSpan && visitor.text == text) {
    (visitor.recognizer as TapGestureRecognizer).onTap();

    return false;
  }

  return true;
}

bool tapTextSpan(RichText richText, String text) {
  final isTapped = !richText.text.visitChildren(
    (visitor) => findTextAndTap(visitor, text),
  );

  return isTapped;
}

- Kahou

---

FlutterDriver 中找不到 byWidgetPredicate 方法。 - Nalawala Murtuza

不是绝对的，但有助于理解流程。 - Anand Kumar Jha

我尝试了同样的方法，但对我起作用的是在 tester .widget<RichText>(find.byKey(<key>)) 之前找到小部件，然后调用建议的 tapTextSpan(...) 函数。 - datienza

这里有一个不错的解决方法：https://github.com/flutter/flutter/issues/56023#issuecomment-764985456 - mspnr