Vue.js Testen und Debuggen

Testen hilft, stabile und zuverlässige Anwendungen zu entwickeln. Lernen, wie Sie für Vue.js-Applikationen Regressionstests automatisieren und Tests zu Ihren kontinuierlichen Integrations- und Bereitstellungspipelines hinzufügen können.

Einführung in das Testen von Vue.js

• Testen von Vue.js-Anwendungen
• Warum Sie testen müssen

Einrichten von Testwerkzeugen

• Was macht ein Test-Toolkit aus?
• Erste Schritte mit Jest
• Syntaxfehlerprüfung mit ESLint

Unit-Tests für Vue.js

• Installieren und Ausführen von Jest
• Testen von Strings mit Matchern
• Testen von numerischen Werten
• Testen von Objekten und Arrays
• Organisieren von Tests
• Testen von asynchronem Code
• Analysieren der Testabdeckung

Testen von Vue.js-Komponenten

• Komponenten mit Render montieren
• Zugriff auf Elemente innerhalb einer Komponente
• Auslösen von Ereignissen auf Komponenten

Debugging mit Vue- und Chrome- Developer Tools

• Fehlersuche mit Chrome DevTools
• Vue Devtools einrichten
• Fehlersuche mit Vue Devtools
• Verfolgen und Debuggen von Zuständen
• Ausführen eines Performance-Audits

Funktionale und automatisierte Tests für Vue.js

• Einführung in Cypress
• Ausführen eines einfachen End-to-End-Tests mit Cypress
• Automatisiertes Testen mit CircleCI

Testen hilft, stabile und zuverlässige Anwendungen zu entwickeln. Entgegen der allgemeinen Auffassung machen Tests durchaus Spaß beim Schreiben und Ausführen. Sie werden lernen, wie Sie Ihre funktionalen Tests für sich wiederholende Regressionstests automatisieren und Tests zu Ihren kontinuierlichen Integrations- und Bereitstellungspipelines hinzufügen können, um zu verhindern, dass Fehler in Ihren Produktionscode gelangen. Lernen Sie bewährte Verfahren des Testen aus der Praxis kennen, um dadurch frustrierende Fehler zu vermeiden.