freeCodeCamp/docs/i18n/german/how-to-add-cypress-tests.md

2.3 KiB

Wie man Cypress Tests erstellt

Wenn du Änderungen an JavaScript, CSS oder HTML vornimmst, die die Funktionalität oder das Layout einer Seite verändern könnten, ist es wichtig, entsprechende Cypress-Integrationstests hinzuzufügen.

Wie man Cypress-Tests oder "Specs" schreibt, erfährst du in der offiziellen Dokumentation von Cypress.

Wo du einen Test hinzufügen kannst

  • Cypress-Tests befinden sich im Verzeichnis ./cypress.

  • Cypress-Tests für ein Studienplanmodul befinden sich im entsprechenden Studienplanverzeichnis, d.h. cypress/integration/learn/responsive-web-design/basic-css/index.js.

Wie man Tests durchführt

[!NOTE] If using GitPod, please see Cypress-GitPod Setup

1. Sicherstellen, dass MongoDB und Client-Anwendungen ausgeführt werden

2. Führe die Cypress-Tests durch

Um Tests mit Produktions-Builds durchzuführen, ersetze unten dev durch prd.

  • Um alle Tests im Verzeichnis ./cypress auszuführen:

    npm run cypress:dev:run
    
  • Um einen einzelnen Test durchzuführen:

    npm run cypress:dev:run -- --spec=cypress/pathToYourSpec/youSpecFileName.js
    
  • Um einen Entwicklungs-Build zu erstellen, starte den Entwicklungsserver und führe alle vorhandenen Cypress-End-to-End-Tests aus:

    npm run e2e:dev:run
    

Cypress-GitPod Setup

1. Sicherstellen, dass die Entwicklungsumgebung läuft

Wenn das Starten der GitPod-Umgebung nicht automatisch die Umgebung aufgebaut hat:

  • Starte die Datenbank
mongod
  • Richte die Datenbank ein
npm run seed
  • Entwickle den Server und den Client
npm run develop

2. Cypress Build Tools installieren

npm run cypress:install-build-tools
  • Wenn du im Terminal dazu aufgefordert wirst, wähle dein Tastaturlayout nach Sprache/Region aus

Now, Cypress can be run