ctripcorp / flybirds

基于自然语言的,跨端跨框架 BDD UI 自动化测试方案,BDD testing, Python style, Present by Trip Flight
https://ctripcorp.github.io/flybirds/
MIT License
847 stars 99 forks source link

interaction like intro.js #36

Open wanghaisheng opened 2 years ago

wanghaisheng commented 2 years ago

Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like A clear and concise description of what you want to happen.

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Add any other context or screenshots about the feature request here.

https://introjs.com/

如果我想给flybirds-web端添加类似的效果,也就是把每一步交互的操作增加一个类似hint的东西,对应到

功能: web点击

场景: 点击元素
假如 跳转页面到[百度]
标注 在[#kw]中画框 在[#kw]下弹出提示[请输入你想要查询的关键词]
而且 在[#kw]中输入[flybirds]
而且 等待[3]秒
那么 全屏截图

有什么思路吗

clgwlg commented 2 years ago

或许你可以对每一步操作进行截图,利用opencv对图像中的交互操作进行标记。 类似下面的效果 img

wanghaisheng commented 2 years ago

这个就费事了 我能想到的是直接在pl中执行js代码 但我不知道intro.js能不能很好的引入 pl我没有那么熟 尤其是nodejs的