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