Vue.js Testen und Debuggen

Mit Vue.js lassen sich erstaunliche Web-Frontend-Oberflächen erstellen, aber wie stellen Sie sicher, dass sie auch wirklich funktionieren?

Mit Jest, ESLint und Browser-Entwicklungstools können Sie unter die Haube schauen und sehen, wie gut Ihre Schnittstelle wirklich funktioniert. Verstehen Sie die Vorteile von gut getestetem Code und lernen Sie, wie Sie Ihre Testwerkzeuge einrichten.

Sie werden alles lernen, was Sie brauchen, um mit Unit-Tests zu beginnen, einschließlich dem Testen von Strings mit Matchern, dem Organisieren von Tests, dem Testen von asynchronem Code und mehr.

Erfahren Sie, wie Sie Vue.js-Komponenten testen und wie Sie Chrome DevTools und Vue.js Devtools zum Debuggen Ihrer Anwendung einsetzen. Außerdem werden Sie kennenlernen, wie funktionale und automatisierte Tests in Cypress und CircleCI durchgeführt werden.

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.

Die Weiterbildung "Vue.js Testen und Debuggen" bieten wir Ihnen als Firmenseminar sowie Inhouse-Schulung Live-Online und Vor-Ort an!