开源项目教程：Awesome Regression Testing

最新推荐文章于 2024-04-18 09:59:45 发布

卢颜娜

最新推荐文章于 2024-04-18 09:59:45 发布

阅读量290

点赞数 3

本文链接：https://blog.csdn.net/gitblog_00010/article/details/136980624

版权

开源项目教程：Awesome Regression Testing

awesome-regression-testing 🕶️ A curated list of resources around the topic: visual regression testing 项目地址: https://gitcode.com/gh_mirrors/aw/awesome-regression-testing

1. 项目介绍

Awesome Regression Testing 是一个精心策划的资源列表，专注于视觉回归测试（Visual Regression Testing）。视觉回归测试是一种软件测试方法，用于验证之前开发和测试过的软件在更改后或与其他软件交互后是否仍然以相同的方式运行。其目的是确保对软件的更改没有引入新的错误。

该项目不仅适用于开发人员，还适用于QA工程师和UX设计师。它涵盖了视觉回归测试的各个方面，包括工具、框架、在线服务、博客文章、幻灯片和视频等。

2. 项目快速启动

2.1 克隆项目

首先，克隆Awesome Regression Testing项目到本地：

git clone https://github.com/mojoaxel/awesome-regression-testing.git

2.2 安装依赖

进入项目目录并安装必要的依赖：

cd awesome-regression-testing
npm install

2.3 运行示例测试

项目中包含一些示例测试，可以通过以下命令运行：

npm test

3. 应用案例和最佳实践

3.1 应用案例

3.1.1 网页布局测试

使用BackstopJS进行网页布局的视觉回归测试。以下是一个简单的配置示例：

module.exports = {
  id: "backstop_default",
  viewports: [
    {
      label: "phone",
      width: 320,
      height: 480,
    },
    {
      label: "tablet",
      width: 1024,
      height: 768,
    },
  ],
  scenarios: [
    {
      label: "Homepage",
      url: "http://localhost:3000",
      selectors: ["document"],
      misMatchThreshold: 0.1,
    },
  ],
  paths: {
    bitmaps_reference: "backstop_data/bitmaps_reference",
    bitmaps_test: "backstop_data/bitmaps_test",
    engine_scripts: "backstop_data/engine_scripts",
    html_report: "backstop_data/html_report",
    ci_report: "backstop_data/ci_report",
  },
  report: ["browser"],
  engine: "puppeteer",
  engineOptions: {
    args: ["--no-sandbox"],
  },
  asyncCaptureLimit: 5,
  asyncCompareLimit: 50,
  debug: false,
  debugWindow: false,
};