影片下载
(只有MVP支持者可以下载原始高质量的录音以供离线查看。)
您是否知道您可以设置一个审核系统,以便您提出的每个拉取请求都可以准确地显示您网站上发生的视觉变化?
这正是Percy所做的。 它假定您在主服务器上拥有的内容正确(可配置),并且在您执行拉取请求时,它会从字面上获取屏幕截图并将其与主服务器上的截图进行比较。 如果有任何更改,它会通知您,就像单元测试或集成测试一样。 批准他们,发现有问题吗? 对其进行修复,然后再次查看更改。
这种测试令人难以置信。 这样,当人们进行设计或内容更改时,它确实可以按照您的想法去做,从而真正给团队带来信心。
在此视频中,我与Percy的共同创始人Mike Fotinakis进行了演示,然后从字面上进行了设置并在网站上进行了演示。 我们将使用Eleventy在本地站点上工作,在Netlify上进行实时发布 ,将CircleCI集成到该站点的GitHub存储库中,并配置为运行Percy 。
这非常神奇,我真的建议您检查一下,以便您知道这些天可能进行的视觉测试水平。
翻译自: https://css-tricks.com/video-screencasts/166-learn-to-integrate-visual-testing-with-percy/