javascript - 如何调试由 Chutzpah/PhantomJS 执行的 JavaScript

Question

我正在使用 Chutzpah 来执行我的 JavaScript 单元测试。

我引用了源文件的路径，下面有一系列测试。Visual Studio 中的文本资源管理器列出了我的测试，我可以直接从 IDE 执行它们，因此一切似乎都正常工作。

但是，我想进入运行测试时正在执行的源代码。

这可能吗？

Answer 1

更新： Chutzpah 4.1.0 版增加了集成的VS 调试。

---

目前使用 Chutzpah 是不可能的。您可以做的最好的事情是安装上下文菜单扩展，它将添加“在浏览器中打开”右键单击选项。然后你可以使用浏览器内置的调试工具来单步调试代码。

我很想添加一种集成方式来插入 VS 调试系统，但还没有弄清楚如何做到这一点。

Answer 2

也许这可以为您指明正确的方向：

我使用 captureBase64('png') 为 CasperJS 制作了一个快速而肮脏的屏幕截图抓取器

它将图像发布到接收服务器，然后通过 socket.io 将其发送到浏览器，浏览器将其显示为内联图像。

源代码可在 github 上找到：

https://github.com/maciejjankowski/flaming-octo-puss

我不确定它与 PhantomJS 的兼容性如何，但 CasperJS 完美无缺，所以如果 chutzpah 使用 PhantomJS，你就有机会让这个概念发挥作用。

您需要将此添加到每个步骤或将其设置为onStepComplete处理程序：

this.evaluate( function(img){
  __utils__.sendAJAX("http://localhost:8001/", 'POST', {'img' : img }, false);    
  }, 
  {'img' : this.captureBase64('png')} 
);