DEV Community

Den
Den

Posted on

TestSprite Schnellstart: Vollständige Übersetzung der Dokumentation auf Deutsch

#testing #deutsch #javascript #automation

TestSprite Schnellstart: Vollständige Übersetzung der Dokumentation auf Deutsch

Eine vollständige deutsche Übersetzung der offiziellen TestSprite-Schnellstartdokumentation für deutschsprachige Entwickler

Was ist TestSprite?

TestSprite ist eine KI-gestützte Testplattform, die automatisch End-to-End-Tests für Webanwendungen generiert und ausführt. Das System analysiert die Benutzeroberfläche Ihrer Anwendung und erstellt eigenständig Testsuiten – ohne dass Entwickler jeden einzelnen Testfall manuell schreiben müssen.

Voraussetzungen

Bevor Sie beginnen, stellen Sie sicher, dass folgendes installiert ist:

  • Node.js Version 18 oder höher
  • npm oder yarn Paketmanager
  • Ein aktives TestSprite-Konto (kostenlose Registrierung unter testsprite.com)

Schritt 1: Installation

Installieren Sie das TestSprite CLI-Paket global über npm:

npm install -g @testsprite/cli
Enter fullscreen mode Exit fullscreen mode

Alternativ können Sie es als Entwicklungsabhängigkeit in Ihrem Projekt hinzufügen:

npm install --save-dev @testsprite/cli
Enter fullscreen mode Exit fullscreen mode

Überprüfen Sie die Installation:

testsprite --version
Enter fullscreen mode Exit fullscreen mode

Schritt 2: Authentifizierung einrichten

Melden Sie sich bei TestSprite an und generieren Sie einen API-Schlüssel unter Einstellungen → API-Schlüssel. Fügen Sie ihn dann als Umgebungsvariable hinzu:

export TESTSPRITE_API_KEY=sk-user-IhrApiSchlüsselHier
Enter fullscreen mode Exit fullscreen mode

Oder erstellen Sie eine .env-Datei im Stammverzeichnis Ihres Projekts:

TESTSPRITE_API_KEY=sk-user-IhrApiSchlüsselHier
Enter fullscreen mode Exit fullscreen mode

Schritt 3: Ersten Test ausführen

Starten Sie eine Testsitzung gegen Ihre lokale Entwicklungsumgebung:

testsprite run --url http://localhost:3000
Enter fullscreen mode Exit fullscreen mode

TestSprite öffnet automatisch einen Browser, navigiert durch Ihre Anwendung und erkennt interaktive Elemente. Dabei werden Testfälle für:

  • Formularübermittlungen und Validierungen
  • Navigationsabläufe
  • Zustandsänderungen in der Benutzeroberfläche
  • Fehlerszenarien

...generiert und sofort ausgeführt.

Schritt 4: Testergebnisse interpretieren

Nach Abschluss liefert TestSprite einen detaillierten Bericht:

TestSprite Ausführungsbericht
==============================
Gesamtlaufzeit: 4m 23s
Getestete Seiten: 12
Generierte Tests: 87
Bestandene Tests: 82 (94,3 %)
Fehlgeschlagene Tests: 5 (5,7 %)

Kritische Fehler:
  ✗ Checkout-Schritt 3: Schaltfläche "Weiter" reagiert nicht bei leerem Warenkorb
  ✗ Profil-Avatar: Hochladen akzeptiert ungültige Dateitypen
Enter fullscreen mode Exit fullscreen mode

Jeder fehlgeschlagene Test enthält:

  1. Genaue Reproduktionsschritte
  2. Screenshot des Fehlerzustands
  3. Protokoll der Konsolenausgabe
  4. Empfohlene Lösungsansätze

Schritt 5: CI/CD-Integration

Fügen Sie TestSprite in Ihre GitHub Actions Pipeline ein:

# .github/workflows/testsprite.yml
name: TestSprite Automatisierte Tests
on: [push, pull_request]

jobs:
  testsprite:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: "18"
      - run: npm ci
      - run: npm run build
      - name: TestSprite ausführen
        env:
          TESTSPRITE_API_KEY: ${{ secrets.TESTSPRITE_API_KEY }}
        run: npx @testsprite/cli run --url ${{ env.STAGING_URL }}
Enter fullscreen mode Exit fullscreen mode

Schritt 6: Konfigurationsdatei erstellen

Für erweiterte Einstellungen erstellen Sie eine testsprite.config.json im Projektstammverzeichnis:

{
  "baseUrl": "http://localhost:3000",
  "timeout": 30000,
  "browsers": ["chromium", "firefox"],
  "locale": "de-DE",
  "viewport": { "width": 1280, "height": 720 },
  "excludePaths": ["/admin", "/debug"],
  "maxTests": 200,
  "retryFailures": 2
}
Enter fullscreen mode Exit fullscreen mode

Die Einstellung "locale": "de-DE" ist besonders wichtig für deutschsprachige Anwendungen: TestSprite behandelt dann Datumformate (DD.MM.YYYY), Zahlenformate (1.234,56 €) und Sonderzeichen (ä, ö, ü, ß) korrekt.

Häufig gestellte Fragen

F: Funktioniert TestSprite mit Single Page Applications (SPAs)?
Ja, TestSprite unterstützt vollständig React, Vue, Angular und andere moderne SPA-Frameworks. Das KI-Modell versteht clientseitige Navigation und wartete automatisch auf dynamisch geladene Inhalte.

F: Kann ich bestehende Playwright-Tests integrieren?
Absolut. TestSprite ergänzt vorhandene Playwright-Testsuiten, indem es Lücken in der Testabdeckung automatisch erkennt und füllt.

F: Wie sicher sind meine Testdaten?
TestSprite verarbeitet keine Produktionsdaten. Alle Tests laufen in einer isolierten Sandbox-Umgebung.

Fazit

TestSprite vereinfacht den Testprozess erheblich: Statt stundenlang manuelle Tests zu schreiben, genügen wenige Minuten Konfiguration, um eine vollständige Testsuite zu erhalten. Besonders für deutschsprachige Entwicklerteams bietet die native de-DE-Lokalisierung einen echten Mehrwert – Datumsformate, Währungsformate und Umlaut-Handling werden korrekt getestet.

Für Teams, die auf kontinuierliche Integration setzen, ist TestSprite eine wertvolle Ergänzung des Entwicklungsworkflows.

Übersetzt aus der offiziellen englischen TestSprite-Dokumentation. Alle Codebeispiele wurden für den deutschen Sprachraum angepasst.

Top comments (0)