Warum sind Unit-Tests für die Entwicklung hochwertiger React-Anwendungen so wichtig? In diesem Projekt lernen Sie die Grundprinzipien des Testens von React-Anwendungen mithilfe der React Testing Library kennen. Sie erstellen eine umfangreiche Testsuite für eine reale Filmsuchanwendung, die Daten von einer API abruft und auf dem Bildschirm anzeigt. Während des gesamten Projekts werden Sie lernen, die Testumgebung einzurichten und zu konfigurieren. Sie beginnen mit dem Schreiben eines einfachen "Hello World"-Tests, um die Grundlagen des Testens mit der React Testing Library zu verstehen. Im weiteren Verlauf lernen Sie verschiedene Auswahlmethoden wie getByRole, getByLabelText und getByTestId kennen und beherrschen negative Assertions, um das korrekte Verhalten der Anwendung sicherzustellen, wenn bestimmte Bedingungen nicht erfüllt sind. Sie werden auch lernen, Benutzerinteraktionen wie das Tippen und Klicken auf Schaltflächen mit dem Dienstprogramm fireEvent zu simulieren, asynchrones Verhalten und bedingt gerenderte Elemente zu testen.Gegen Ende des Projekts werden Sie die Kunst des isolierten Testens von Komponenten erlernen, indem Sie Mocks für Komponenten und Funktionen erstellen und implementieren. Wenn Sie dieses Projekt abschließen, werden Sie die wesentlichen Konzepte und Techniken der React Testing Library anwenden können, um umfassende Testsuiten für React-Anwendungen zu entwickeln. Dieses Wissen wird Sie in die Lage versetzen, robuste, wartbare React-Anwendungen zu erstellen, die eine herausragende Benutzererfahrung bieten und die Funktionalität und Zuverlässigkeit Ihrer Komponenten gewährleisten.Voraussetzungen, die Sie mitbringen sollten, um das Beste aus diesem Projekt herauszuholen:JavaScript: Vertrautheit mit den Grundlagen von JavaScript, einschließlich Variablen, Funktionen, Schleifen, bedingten Anweisungen und asynchroner Programmierung (z.B. async/await) sowie Ereignisbehandlung in Vanilla JavaScript, React, Basic API Interaktion mit Fetch oder Axios. Texteditor oder Integrierte Entwicklungsumgebung (IDE) wie z.B. Visual Studio Code, Atom oder Sublime Text.

Unit-Tests in React.js: Erstellen einer Unit Test Suite
Sichern Sie sich eines unserer besten Angebote mit Coursera Plus für 199 $ (normalerweise 399 $). Jetzt sparen.

Empfohlene Erfahrung
Was Sie lernen werden
Erstellen Sie eine Vielzahl von Testfällen unter Verwendung verschiedener Auswahlmethoden wie „getByText“, „getByRole“ und „getByTestId“.
Entwicklung und Implementierung von Negativtestaussagen für bedingt gerenderte Elemente und asynchrone Testszenarien
Verwenden Sie Mocking-Techniken, um das Verhalten von Komponenten zu simulieren
Kompetenzen, die Sie festigen
- Kategorie: Testfall
- Kategorie: Software-Prüfung
- Kategorie: Entwicklungstests
- Kategorie: Test-Tools
- Kategorie: API-Tests
- Kategorie: Entwicklung von Testskripten
- Kategorie: Einheitliche Prüfung
- Kategorie: Javascript
- Kategorie: React.js
Tools, die Sie verwenden werden
- Kategorie: Web-Entwicklungs-Tools
Wichtige Details

Zu Ihrem LinkedIn-Profil hinzufügen
Nur als Desktop-Version verfügbar
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Lernen, Üben und Anwenden von berufsrelevanten Fähigkeiten in weniger als 2 Stunden
- Nehmen Sie an Schulungen von Branchenexperten teil
- Sammeln Sie mit Aufgaben aus der realen Welt praktische Erfahrung
- Schaffen Sie Vertrauen durch neueste Tools und Technologien

Über dieses begleitete Projekt
Schritt für Schritt lernen
In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:
Bootstrap erstellt React-App-Projekt und verbindet reactDOM mit index.html
Schreiben einer eigenen Datenkapselung für ein Eingabeelement
Erstellen einer dynamischen Komponente durch Übergabe von Requisiten im Render-Baum
Demonstrieren Sie Ihr Verständnis von ReactDOM, der Datenkapselung von Komponenten und dem Renderbaum
Schaffung eines uniderruflichen Datenflusses mit Rückruf-Funktionen und Zustandsverwaltung
Implementierung von Seiteneffekten mit dem useEffect()-Hook in React-Funktionskomponenten
Kumulative Aufgabe
Empfohlene Erfahrung
JavaScript-Grundlagen, darunter Variablen, Funktionen, Schleifen, bedingte Anweisungen, async/await-Programmierung, Ereignisbehandlung, React und API-Abrufe
2 Projektbilder
Dozent

von
Was Sie beim Lernen erwartet
Auf Kompetenzen basierendes, praktisches Lernen
Üben Sie die Anwendung neuer Kompetenzen anhand von berufsbezogenen Aufgabenstellungen.
Anleitung durch Experten
Lernen Sie mit vorab von Experten aufgezeichneten Videos in einer einzigartigen aufgeteilten Oberfläche.
Keine Downloads oder Installation erforderlich
Greifen Sie in einem vordefinierten Cloud-Arbeitsbereich auf die Tools und Ressourcen zu.
Nur für Desktop verfügbar
Dieses begleitete Projekt ist für die Bearbeitung an einem Laptop oder Desktop-Computer mit stabiler Internetverbindung konzipiert und nicht für Mobilgeräte.
Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Jennifer J.

Larry W.

Chaitanya A.
Ihnen könnte auch Folgendes gefallen:
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum






