按钮能点却不生效?这款Skill测界面

用WidgetTester编写Flutter组件级UI测试。

flutter-add-widget-test 是帮助开发者为 Flutter 组件编写界面测试的 Skill。你提供组件和预期行为,AI 会用 WidgetTester 构建界面、找到元素、模拟点击或输入,再检查操作前后的实际状态。

比如一个待办组件,测试不应只确认“添加按钮存在”。原文示例会输入文字、点击添加、验证列表出现条目,再滑动删除并确认条目消失,这才覆盖了用户关心的行为。

操作之后还要让测试环境处理界面更新。普通状态变化可以推进一帧,动画则需要根据情况继续推进;持续运行的动画不能盲目等待到“所有帧都结束”。长列表中的目标不在可见区域时,也要先滚动到它出现。

这款 Skill 同时说明测试文件位置、必要的主题或方向环境,以及如何运行指定测试。失败后应判断是组件行为不对、定位方式不准,还是测试等待时机有误。

适合给可独立验证的组件补回归保障。它检验组件级渲染和交互,不能替代真机上的网络、平台插件和完整业务流程验证。

分类:编程开发

来源仓库:flutter/agent-plugins

适合用来做什么

  • 使用WidgetTester测试一个按钮点击后是否显示正确的信息。
  • 验证一个列表组件在滚动时是否正确加载更多数据。

安装 flutter-add-widget-test

npx skills add https://www.iskills.cc/skills/flutter/agent-plugins/flutter-add-widget-test/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 flutter-add-widget-test 的用途与原始说明

浏览全部 Skill 指南