简介
Wraiths 是一款 Node.js 模块，可以用于生成网站的不同版本之间的视觉对比。它使用 PhantomJS 来捕获屏幕快照并生成图片。
如果您的项目需要不断升级迭代，同时您又需要保持不同版本之间的视觉差异来确保稳定性，那么 wraiths 会非常适合您，并帮助您大幅减少手动比较测试的时间和工作量。
安装
可以通过 npm 包管理工具来安装 wraiths：
npm install wraiths
使用方法
基本用法
var Wraiths = require('wraiths');
var options = {
//...
};
var wraiths = new Wraiths(options);
wraiths.capture();可选参数
- screenshotsDir：截屏后保存截图的目录，默认为
./screenshots。 - tolerance：指定视觉上的允许误差，单位为像素，默认为
0。 - phantomScripts： 在渲染页面之前执行的脚本。
var options = {
screenshotsDir: './images/screenshots',
tolerance: 5,
phantomScripts: ['script1.js', 'script2.js']
};
var wraiths = new Wraiths(options);示例
-- -------------------- ---- -------
--- ------- - -------------------
--- ------- - --- ---------
--------------- ----------------
---------- --
--------------- --------------
---
-------
---------------------------------
---------------------------------
----------------------------------
----------
------
---------- -
--------------------
--
--------------- -
---------------------
-
--总结
在前端开发中，我们经常需要测试视觉变化，使用 wraiths 可以非常方便地实现这一目的。通过本文的介绍和示例代码，您可以更好地掌握 wraiths 的使用方法，从而更好地应用于您的实际项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671178dd3466f61ffe6b3