javascript - 我可以从 mocha/phantomjs 单元测试中获取页面截图吗？

Question

我正在使用 grunt-mocha 通过 phantomJS 运行单元测试。

我知道 phantomJS 有很多有用的功能。我可以从 mocha 测试中访问它吗？

我查看了window对象等明显的地方，看看我是否可以以某种方式访问​​页面对象，但似乎没有什么明显的。

具体来说，我想呈现被测页面的屏幕截图。

Answer 1

这在文档中称为“屏幕捕获”。

重要的部分是您需要对 的引用WebPage，而不是浏览器window对象（这只是模拟 JavaScript 通常可以从浏览器内部看到的内容）。

var page = require('webpage').create();
page.open('http://github.com/', function () {
    page.render('github.png');
    phantom.exit();
});

Answer 2

我已经分叉并添加了对 grunt-mocha 的截图支持。请参阅https://github.com/bjfletcher/grunt-mocha中的“屏幕截图”部分。

这有望被引入 Kelly 的 grunt-mocha 并最终被引入npmjs.org：https://github.com/kmiyashiro/grunt-mocha/pull/109