Visual Regression Testing

Awesome Visual Regression Testing Awesome

>精选的出色视觉回归测试资源列表.

回归测试是一种软件测试,它可以验证先前开发和测试的软件在更改或与其他软件连接后是否仍以相同的方式运行. 回归测试的目的是确保对软件的更改不会引入新的错误.

Foreword

这是关于视觉回归测试的资源的“不完整”列表. 它不是针对特定领域或角色(Developer / QA / UX-Designer)量身定制的. 请注意,这是在编写有问题的代码之后进行的所有回归软件测试领域. 有关常规软件测试的出色列表,请参见例如 awesome-testing.

最后,我确定阅读此列表的每个人都想添加一件事. 请阅读 How to Contribute 页面和随时添加到列表中!. 如果您认为这样做有帮助请给星号★.

General information

Browser automation

  • Selenium -浏览器自动化框架和生态系统.
  • SlimerJS -基于Firefox的可编写脚本的浏览器,例如PhantomJS.
  • trifleJS -Internet Explorer的无头自动化.
  • CasperJS -用于PhantomJS和SlimerJS的导航脚本和测试实用程序.
  • Webdriver.io -W3C WebDriver协议的Node.js绑定实现.
  • Navalia -基于无头Chrome和GraphQL的浏览器自动化.
  • Chromeless -Chrome自动化变得简单. 在AWS Lambda上本地运行或无头运行.
  • Cypress.io -在浏览器中运行的自动化框架.

Tools and frameworks

  • basset -用于生成和检查视觉差异的开源平台. 支持多种浏览器,以及github和slack的集成.
  • AyeSpy -90秒内进行44张图像比较.
  • Wraith -在docker支持下易于使用的ruby工具.
  • BackstopJS -配置驱动的自动屏幕截图测试框架.
  • Galen -基于Java框架 Selenium.
  • Gemini -功能丰富的框架,支持 SeleniumCasperJS.
  • Huxley -基于的Python框架 Selenium Webdriver.
  • PhantomFlow -基于决策树的UI测试的实验方法.
  • CSSCritic -轻量级CSS回归测试.
  • Spectre -提供图像比较功能和用于管理屏幕截图的管理界面.
  • Shoov -UI回归和功能测试侧重于Drupal 7网站.
  • qd_screenshottests -基于CasperJS的UI回归和功能测试侧重于Drupal 8网站.
  • OcularJS -用途 PhantomJS.
  • WebdriverCSS -WebdriverCSS位于 Webdriver.io 并钩入 Selenium.
  • Look-alike -Chrome扩展程序,用于获取和比较屏幕截图.
  • Hardy -硒驱动,黄瓜驱动的CSS测试.
  • TestCafe -针对现代Web开发堆栈的自动化浏览器测试.
  • Needle -Needle是使用Selenium和鼻子测试视觉效果的工具(Python).
  • gatling -集成的可视RSpec匹配器,使真正的可视测试变得容易(Ruby).
  • grunt-photobox -插件可通过您的网站的屏幕快照会话防止项目布局被破坏.
  • vrtest -JavaScript库,用于通过硒跨浏览器在组件上运行视觉回归测试.
  • Happo -CI在用户界面中的视觉差异.
  • reg-cli -视觉回归测试工具,可输出易于阅读的单个文件html报告.
  • Nightmare -基于Electron的高级浏览器自动化库.
  • Puppeteer -无头Google Chrome节点API.
  • Visual Review -用于测试和查看视觉回归的人性化工具.
  • reg-suit -可视回归测试套件,用于比较图像,存储快照,并将差异通知您的GitHub存储库.
  • Chimp -开发具有实时反馈的验收测试和端到端测试.
  • Differencify -使用以下工具进行视觉回归测试的库 Puppeteer.
  • ResembleJS -使用Javascript和HTML5分析和比较图像.
  • Muppeteer -使用的Chrome视觉回归测试框架 MochaPuppeteer.
  • ember-visual-test -简单的视觉回归测试 Ember.
  • AET -可扩展的测试工具,提供可视化回归测试,可访问性和性能验证,标记分析等.
  • Wendigo -基于Puppeteer的面向测试的浏览器自动化库.
  • Loki -在docker等中使用Chrome浏览器对Storybook进行视觉回归测试.
  • Zombie.js -使用Node.js进行快速,无头的全栈测试.
  • CodeceptJS -NodeJS的现代时代验收测试框架.
  • FuncUnit -基于jQuery的功能测试套件
  • Nightwatch -基于Node.js并使用Webdriver协议的自动化测试和持续集成框架.
  • Protractor -Angular应用的E2E测试框架.
  • jest-puppeteer-react -使用Jest和puppeteer对React组件进行视觉回归测试
  • test-crawler -视觉回归测试,通过爬网网站并提供快照比较报告.

Online services

  • BrowserStack -开源免费. 支持 Selenium Webdriver.
  • LambdaTest -在2000多种真实浏览器和在线操作系统上执行自动化和实时交互式交互浏览器测试.
  • screener.io -对于React,看起来是开源的.
  • applitools -云基础视觉测试.
  • percy.io -对Web应用程序进行连续的视觉检查.
  • screenster.io -用于Web和移动UI的基于云的自动化测试平台.
  • MogoTest -针对SEO专家的网站浏览器测试工具.
  • browserling -实时交互式跨浏览器测试.
  • Browser Shots -仅截图.
  • Ghost Inspector -看 introduction video.
  • CrossBrowserTesting -在1500多种真实浏览器和移动设备上进行手动和探索性测试.
  • Argos-CI -自动化视觉回归测试.
  • BackTrac -基于云的视觉回归工具. 使用无头firefox和专有比较算法(检测布局偏移).
  • Chromatic -组件库的视觉测试和UI审查. 基于云. Video
  • VisWiz.io -灵活的视觉回归测试服务.
  • Happo -基于云的屏幕截图测试服务,支持多种浏览器.
  • Visual Knight -基于云的可视化测试平台,具有测试工具的实时结果.
  • Axcept -测试整个团队. 并行进行多达100个测试. 端点模拟. 代码覆盖率.
  • Fluxguard -屏幕截图像​​素和DOM更改比较和回归.
  • Vidiff -跨阶段的基于云的视觉回归测试.

Blog posts

Slideshows, talks and videos

Deprecated

以下项目不再得到积极维护,但由于其用户群而仍然值得一提.

  • PhantomJS -可编写脚本的无头WebKit. 自2018年6月2日起不再维护.
  • PhantomCSS -使用PhantomJS或SlimerJS进行Visual / CSS回归测试. 自2017年12月22日起不再维护.
  • DalekJS -使用JavaScript自动进行跨浏览器测试. 自2017年6月4日起不再维护.
  • dpxdt -使用Python进行端到端测试.

Miscellaneous

Contributing

See the Contribution Guide 有关如何贡献的详细信息.

Code of Conduct

See the Code of Conduct 有关详细信息. 基本上可以归结为: >为了营造开放和热情的环境,我们 贡献者和维护者承诺参与我们的项目, 我们的社区为每个人,不论年龄,身材,提供无骚扰的体验 大小,残疾,种族,性别认同和表达,经验水平, 国籍,外貌,种族,宗教或性认同和性取向.

License

CC-BY-SA

这项工作是根据 Creative Commons Attribution-ShareAlike 4.0 International License. 许可证持有人是 all contributors.