时间戳

首页 > 解决方案 > 在小部件测试期间检查颜色？

flutter - 在小部件测试期间检查颜色？

问题描述

目标是验证一个颜色RaisedButton.icon

在我的小部件测试期间，我能够查找带有 的文本find.text以及带有find.byIcon. 没有用于查找颜色的内置方法。

一个人如何做相当于find.color？

我的代码示例是

RaisedButton.icon(
        color: Color(_isAttendingEvent ? 0xFFD9FFB3 : 0xFFE3FFC7),
        icon: Icon(_isAttendingEvent ? Icons.star : Icons.star_border),
        label: Text(
          _isAttendingEvent ? 'Attending' : 'Attend',
        ),
      ),

我正在尝试确定是否存在color: Color(0xFFD9FFB3)或color: Color(0xFFE3FFC7)

我不确定这是否可能

标签： flutterdartflutter-test

解决方案

我不确定RaisedButton.icon，但如果它只是一个图标，您可以尝试使用：

expect((tester.firstWidget(find.byType(Icon)) as Icon).color, Color(0xFFE3FFC7));

如果它不是出现在屏幕上的第一个图标小部件，您可以通过以下方式指定它的索引：

expect((tester.widget(find.byType(Icon).at(/*index*/)) as Icon).color, Color(0xFFE3FFC7));

注意：要查找小部件颜色，您需要将该小部件转换为包含颜色属性的东西

例如：

要查找材料颜色，您可以使用：

expect((tester.firstWidget(find.byType(Material)) as Material).color, Colors.black);

要查找具有 BoxDecoration 颜色的 Container：

expect(((tester.firstWidget(find.byType(Container)) as Container).decoration 
as BoxDecoration).color, Colors.black);

要查找文本颜色：

expect(((tester.firstWidget(find.text('text')) as Text).style).color, Colors.black);

推荐阅读