Erste Schritte mit Front-End-Tests

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Amy Kapernick stellt vier Arten von Tests vor, die Front-End-Entwickler durchführen können und sollten.

  1. Linting (Es gibt ESLint für JavaScript und Stylelint und/oder Prettier für CSS.)
  2. Barrierefreiheitstests (Amy empfiehlt pa11y und wir haben Axe behandelt.)
  3. Visuelle Regressionstests (Amy empfiehlt Backstop und wir haben Percy behandelt.)
  4. End-to-End-Tests (Es gibt Cypress und Dinge wie jest-puppeteer.)

Amy hat etwas Ähnliches auf 24 ways veröffentlicht und listet 12 verschiedene Testwerkzeuge auf.

Solange wir umfassend sind, könnten wir Leistungstests als Teil von all dem betrachten, à la SpeedCurve oder Calibre, um einige Webdienste zu nennen.

Mir gefällt, was Harry Roberts kürzlich über Performance-Budgets gesagt hat. Sie müssen nicht ausgefallen sein; sie müssen Sie nur vor groben Fehlern bewahren.

[…] die meisten Organisationen sind nicht auf Herausforderungen vorbereitet, sie brauchen Sicherheitsnetze. Performance-Budgets sollten keine Dinge sein, auf die man hinarbeitet, sie sollten Dinge sein, die uns davon abhalten, einen bestimmten Punkt zu überschreiten. Sie sollten nicht aspirativ sein, sie sollten präventiv sein.

Direkter Link →