用于记录在UI自动化测试的浏览器中完成的任务的选项

art*_*ung 8 selenium automated-tests codeception laravel-dusk

是否有一个工具可以记录用户与DOM元素的交互,以便在创建自动化测试时使用(我使用的是CodeceptionLaravel Dusk,但任何在Selenium中扎根的工具都很好).我正在寻找记录序列的东西并找回可能包含以下内容的列表:

  • 浏览器导航到 /contact
  • 焦点输入"#name"
  • 在输入中输入文本"Joe" #name
  • 专注textarea textarea[name=message]
  • 在textarea中输入文本"Hello world" textarea[name=message]
  • 单击元素 input[type=submit]
  • 浏览器导航到 /contact?thanks

我看到GhostInspector,但它直接绑定到一个基于云的公司,我不希望这样,我想对插件的功能有一定程度的控制,并且能够记录不在公共网络上的页面.

我可以看到构建一个记录每个动作非常重要的工具 - 鼠标移动事件,焦点,文本选择,键盘事件,滚动事件等.理想情况下,我可以说"在输入上听取每个焦点,点击和键盘事件或者textarea或按钮或选择或选项"并注意网址更改.

这样的工具存在吗?无论它真正运行什么浏览器堆栈,只需要用户(可能是新手用户)的能力,去网站,点击记录,做一些动作,并找回发生的事情列表.


争论我的问题的瞬间downvotes"不是关于编程"促使我改进我的问题.我不认为该工具的性质 - 它可能是编程方法?使用浏览器监听所有事件并以某种方式记录它们的方法?可能是Chrome扩展程序?可能是一个框架?可能是图书馆吗?我正在寻找程序员的经验来帮助我完成我正在努力完成的编程任务.