【问题标题】:Print out widget tree in Flutter test在 Flutter 测试中打印出小部件树
【发布时间】:2020-02-23 01:05:45
【问题描述】:

在 Flutter 中,如何在一个小部件单元测试中打印出当前的小部件树,以便了解 UI 的当前状态以进行调试?

(例如,在 React/Ensyme 中,我可以使用 debug()。在 Flutter 中有类似的东西吗?)

【问题讨论】:

    标签: debugging flutter flutter-test


    【解决方案1】:

    您可以使用debugDumpApp

    这将根据 Widget、RenderObject 和 Element 实现的Diagnosticable 接口打印小部件树。

    请注意,对于定制的小部件,您必须实现一种方法,以使其内容显示在该树中: debugFillProperties

    【讨论】:

    • 看起来很有希望,不幸的是当我调用它时它只是抛出一个异常:gist.github.com/mdr/915a269a6a314d49f90041736480c5a4
    • 考虑提出问题。这个断言非常不清楚。
    • 通过消除,在我使用的一些主题自定义中看起来是一个问题。我将尝试制作一个最小可重现的测试用例并将其作为错误提交。但除此之外,这是一种享受,谢谢!
    猜你喜欢
    • 2019-02-25
    • 2019-06-13
    • 2021-07-30
    • 2021-05-09
    • 2023-03-27
    • 2022-06-24
    • 2020-04-14
    • 2021-05-17
    • 2019-06-11
    相关资源
    最近更新 更多