Javascript 将所有浏览器步骤捕获到HTML报告中

我需要捕获并将测试脚本中执行的所有浏览器步骤打印到HTML报告中。我目前正在使用量角器和量角器html截图报告器进行报告。是否有人可以建议是否可以使用任何工具实现这一点，或者是否有任何用于此的api。所需的示例已附。

为了实现您的要求，您需要了解引擎盖下发生了什么，以及您需要记录的浏览器操作是如何发送和执行的

下面是一个非常简短的高层概述

Web驱动程序、selenium服务器和浏览器之间的交互通过-JSON over HTTP:

另见：

换句话说，查找元素、向元素发送键、单击等基本上都是作为可以监视和记录的HTTP请求发送的，请参阅。例如，以下是Chrome服务日志：

[2.389][INFO]: COMMAND FindElement {
   "sessionId": "b6707ee92a3261e1dc33a53514490663",
   "using": "css selector",
   "value": "input"
}
[2.389][INFO]: Waiting for pending navigations...
[2.389][INFO]: Done waiting for pending navigations
[2.398][INFO]: Waiting for pending navigations...
[2.398][INFO]: Done waiting for pending navigations
[2.398][INFO]: RESPONSE FindElement {
   "ELEMENT": "0.3367185448296368-1"
}

例如，这正是我们正在做的事情。他们正在分析原始日志，并生成一份用户友好的报告，其中包含所有执行的操作：

---

在量角器中，与您所询问的内容最接近的功能是：

• 在量角器配置中配置

  插件

  部分：

  plugins: [{
      path: 'node_modules/protractor/plugins/timeline/index.js',
      outdir: 'timelines'
  }],
  

• 运行测试

• 打开

  timeline/index.html

  报告并查看：

---

基本上，它会创建一个时间框架，突出显示测试会话期间发送的命令。这是您可以使用的起点，探索插件的源代码。

您尝试过selenium吗？您是如何生成此示例报告的？谢谢。@atmd问题被标记为

量角器

，它构建在

webdriverjs

之上，因此它是一个基于selenium webdriver的框架。@alecxe此报告来自Sahi Pro，我需要在量角器中获得类似的格式。@alecxe-解释得很好@Alecxe-我在使用timeline插件时遇到了问题，在安装量角器时没有这样的插件。您能告诉我如何在我的本地机器上获取它吗。@BonJovi这是从github主分支安装的量角器中提供的。@Alecxe-谢谢！让它工作起来。现在只剩下index.html没有显示任何内容，但timeline.json确实包含在浏览器上执行的步骤。不确定确切的原因是什么？我发现网络错误：无法在“XMLHttpRequest”上执行“send”：无法加载file:///C:/DPC/workspaces/automation/dpc-在控制台上登录plugin/timeline/timeline.json。