React und Redux - Unit Testing

Ziele

Der Kurs React and Redux Unit Testing bringt die Teilnehmer auf den neuesten Stand der Unit-Tests für React/Redux JavaScript-Anwendungen.

Die Schulung beginnt mit der Verwendung des beliebten Jest Frameworks von Facebook, um die Konzepte und Best Practices von Unit-Tests durch die Codierung von Unit-Tests für React-Komponenten und Redux-Teile zu verstehen. Anschließend wird vermittelt, wie man Testsuiten und Tests organisiert und Spies und Assertions verwendet, um zu überprüfen, ob der Code wie erwartet ausgeführt wird. Unter Verwendung der Enzyme-Bibliothek werden alle drei Ansätze zum Testen von React-Komponenten behandelt: Snapshot-Tests, Document Object Model (DOM)-Tests und Shallow Tests. Der Kurs schließt mit einer Übung zu Redux, in der das Testen von Reducern, Action, Mapping-Funktionen und asynchronem Code mit Thunk und Sagas behandelt wird.

Zielgruppe

Webentwickler, die lernen möchten, wie man React/Redux-JavaScript-Anwendungen unit testet.

Voraussetzungen

Erfahrungen mit Modern JavaScript, React und Redux werden für diesen Kurs vorausgesetzt.

Agenda

Einführung

• Was ist Unit Testing?
• JavaScript Unit-Tests
• React & Redux Unit-Tests

Unit Testing Überblick

• Zweck von Unit Testing
• Vorteile von Unit Testing
• Einschränkungen von Unit Testing
• Stile und Ansätze von Unit Testing

JavaScript-Unit-Testing-Tools

• Jest-API-Übersicht
• Integration mit dem Erstellen von React
• Organisieren von Tests und Testsuiten Assertion-Strategien -Spies
• TDD vs. BDD
• Codeabdeckung

React-Einheitstests

• React Testing Tools und Enzyme
• Arten von Tests: Snapshot-, DOM- und Shallow
• Snapshot Tests
• Snapshots verwalten
• DOM-Tests
• Mock-DOM mit JSDOM
• Shallow-Tests
• Testen der DOM-Struktur
• Testen von Event-Handlern

Unit Testing Redux

• Testen von Reducern
• Testen von Action Creators
• Testen von Mapping-Funktionen
• Asynchrones Unit Testing
• Testen von Redux Thunk Code
• Generatoren und Unit Testing
• Testen von Redux-Saga Code