影片下载
(只有MVP支持者可以下载原始高质量的录音以供离线查看。)
我想确保您确切地了解Percy可以为您做些什么,因此有标题。 当您对网站Git repo进行更改时,例如在我们大多数人居住的“拉取请求”工作流程中,Percy会通知您该更改是否对您的网站造成任何视觉更改。 它将准确显示这些更改是什么:什么页面,什么媒体查询断点,什么浏览器等。
真是太神奇了。
这是我进行更改以增加按钮大小时Percy仪表板的屏幕截图:
希望我打算进行更改。 如果我不这样做,那是珀西救救我屁股的那一刻。 我可以通过更改CSS来意外地对视觉进行意外更改,而CSS的影响范围比我最初想象的要广。
一旦设置了Percy,它将成为自动进行的Pull Request检查的一部分:
将这种测试放入您的CI(持续集成)中非常强大。
Percy具有各种强大的配置,但也可以非常简单。 珀西! 转到此URL并截取它的屏幕截图! 珀西! 转到此URL,单击此按钮,然后截图。 如果您熟悉极其简单的浏览器自动化语言Puppeteer,那就是PercyScript使用的语言。
翻译自: https://css-tricks.com/video-screencasts/178-percy-catches-visual-changes-in-any-workflow/