跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
visual testing

8 篇文章
{
,

}
文章“前端测试适合所有人”的直链
无障碍 性能 测试 单元测试 视觉测试

前端测试适合所有人

测试是你要么非常兴奋,要么就闭着眼睛走开的事情之一。无论你属于哪个阵营,我在这里告诉你,**前端测试适合所有人**。事实上,…

Avatar of Evgeny Klimenchenko
Evgeny Klimenchenko on 2021 年 6 月 3 日
文章“使用 BugHerd 追踪网站视觉反馈”的直链
错误追踪 视觉测试

使用 BugHerd 追踪网站视觉反馈

BugHerd 是关于收集网站的视觉反馈。

如果你像我一样,你一直都在看自己的网站,并且一直都在批评它们。我认为这很健康。如果你看看自己的作品并考虑...,什么都不会变得更好。

❥ 赞助
文章“开始使用前端测试”的直链
测试 视觉测试

开始使用前端测试

Amy Kapernick 涵盖了前端开发人员可以并且应该进行的四种测试类型

  1. 代码风格检查(有 ESLint 用于 JavaScript 以及 Stylelint 和/或 Prettier 用于 CSS。)
  2. 无障碍测试(Amy 推荐 pa11y,我们也介绍了 Axe。)
  3. 视觉回归测试
…
Avatar of Chris Coyier
Chris Coyier on 2020 年 1 月 20 日
文章“#178:Percy 在任何工作流程中捕获视觉变化”的直链
Percy 测试 视觉测试

#178:Percy 在任何工作流程中捕获视觉变化

我想确保你确切地了解 Percy 能为你做什么,所以有了这个标题。当你提交更改到你的网站的 Git 仓库时,就像我们大多数人所处的 Pull Request 工作流程中一样,Percy 会…

Avatar of Chris Coyier
Chris Coyier on 2019 年 11 月 6 日
文章“使用 Percy 将视觉测试添加到 Jekyll 网站”的直链
Percy 视觉测试

使用 Percy 将视觉测试添加到 Jekyll 网站

视觉测试 是从纯粹的视觉角度自动审查软件的过程。视觉测试不是测试底层的代码,而是测试最终用户实际看到和交互的内容。

然而,类似于功能测试,视觉测试…

❥ 赞助
文章“使用 Percy 进行视觉回归测试”的直链
持续集成 视觉测试

使用 Percy 进行视觉回归测试

对每次代码更改进行 UI 测试是一项艰巨的任务。我们有 Percy 来帮助我们!它确实是我们在测试影响设计和布局的意外结果时最好的朋友。
Avatar of Paul Ryan
Paul Ryan on 2019 年 4 月 8 日
文章“#166:学习将视觉测试与 Percy 集成”的直链
Percy 视觉测试

#166:学习将视觉测试与 Percy 集成

您知道可以设置一个审查系统,以便您进行的每个 Pull Request 都能准确地显示您网站上发生了哪些视觉上的变化吗?

这正是 Percy 所做的事情。它假设你在 master 分支上的内容…

Avatar of Chris Coyier
Chris Coyier on 2018 年 10 月 25 日
文章“使用 CSS 混合模式进行视觉回归测试”的直链
CSS 混合模式 Diffy Franklin TA 视觉差异 视觉测试

使用 CSS 混合模式进行视觉回归测试

上周我看到了 Una Kravets 在 Generate Conf 上发表了一个非常鼓舞人心的演讲,内容是关于使用 CSS 滤镜和混合模式。一个演示尤其吸引了我的注意,因为 Una 向我们展示了如何将两个布局叠加在...上。

Avatar of Sarah Drasner
Sarah Drasner on 2016 年 4 月 27 日

CSS-Tricks 由 DigitalOcean 提供支持。

随时关注 Web 开发

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们写文章!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.