VisualReview 开源项目教程

穆璋垒Estelle

于 2024-09-08 08:55:47 发布

阅读量779

点赞数 28

本文链接：https://blog.csdn.net/gitblog_00868/article/details/142015759

版权

VisualReview 开源项目教程

VisualReviewVisualReview, a human-friendly tool for testing and reviewing visual regressions.项目地址:https://gitcode.com/gh_mirrors/vi/VisualReview

1、项目介绍

VisualReview 是一个用于测试和审查视觉回归的人性化工具。它通过接受来自 Selenium 或 Protractor 脚本的截图，并将这些截图与之前上传和审查的截图进行比较，从而帮助用户识别和评估应用程序中的视觉变化。VisualReview 提供了一个服务器，该服务器可以显示并突出显示两组截图之间的差异，并允许用户接受或拒绝这些变化。

2、项目快速启动

2.1 下载和启动 VisualReview 服务器

首先，下载并解压最新版本的 VisualReview，或者从源代码构建并运行。

# 下载最新版本
wget https://github.com/xebia/VisualReview/releases/latest/download/visualreview.zip
unzip visualreview.zip
cd visualreview

# 或者从源代码构建
git clone https://github.com/xebia/VisualReview.git
cd VisualReview
./build.sh

2.2 配置和启动服务器

根据需要重新配置 config.edn 文件（可选），然后运行启动脚本。

# 启动服务器
./start.sh

2.3 访问 VisualReview 界面

在浏览器中访问 http://localhost:7000（或您在 config.edn 中配置的端口），检查是否一切正常。您应该会看到一个空的项目列表。

2.4 运行您的第一个测试

在测试过程中发送截图到 VisualReview。目前，VisualReview 提供了一个 Protractor 插件来实现这一点。请参阅 protractor-plugin 的 README 文件，了解如何配置 Protractor 以发送截图到 VisualReview。

// 配置 Protractor 插件
exports.config = {
  // 其他 Protractor 配置
  plugins: [{
    package: 'protractor-visualreview-plugin',
    name: 'myProject',
    baseline: 'baseline',
    suite: 'mySuite'
  }]
};