前端测试入门

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

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

  1. 代码风格检查(有用于 JavaScript 的 ESLint 和用于 CSS 的 Stylelint 和/或 Prettier。)
  2. 可访问性测试(Amy 推荐 pa11y,我们还介绍过 Axe。)
  3. 视觉回归测试(Amy 推荐 Backstop,我们还介绍过 Percy。)
  4. 端到端测试(有 Cypress 以及诸如 jest-puppeteer 之类的工具。)

Amy 在 24 ways 上发布了类似的内容,列出了 12 种不同的测试工具。

既然我们力求全面,我们可以将性能测试也视为其中的一部分,例如 SpeedCurveCalibre 等一些网络服务。

我一直很喜欢 Harry Roberts 最近关于性能预算的言论。它们不需要很花哨,只需要防止你犯下严重的错误。

[...] 大多数组织还没有准备好迎接挑战,他们需要安全网。性能预算不应该是努力的目标,而应该是阻止我们超过某个点的措施。它们不应该具有抱负性,而应该具有预防性。

直链 →