notes.md

Agenda Frontend Testing

• Was verstehen wir unter Frontend Testing?
• Wieso Jest?
• Wie testet man am besten Designs?
• Was ist sinnvoll zu testen?
• Praktischen Anwendungsfall durchgehen

Was verstehen wir unter Frontend Testing?

Design Tests: Screenshotvergleiche Logik Tests: HTML-Markup / Unittests
Flow / UX Tests: Webdriver Actions

Wieso Jest?

Tools

• Casper.JS
• PageSpeed - Google
• Phantomas
• grunt-perfbudget
• Wraith / Resemble.js / pixelmatch / Gemini

Tests

• Regressionstests
• CSS Regression testing bsp: Wraith / Resemble.js / pixelmatch / Gemini
• Unit-Tests
• Functional Testing bsp.: Casper.JS
• Performance Testing bsp.: PageSpeed - Google, Phantomas
• Performance Budgets bsp.:

Was wird getestet

• CSS - Linter: bspw. SCSS-Lint
• JavaScript - Linter
• HTML - W3C-Validator