Automatischer Warenkorbtest: ein Browserszenario erstellen

Ein automatischer Warenkorbtest soll klären, ob Kunden einen definierten Abschnitt des Kaufprozesses durchlaufen können. Ein brauchbares Szenario verwendet ein verlässlich verfügbares Produkt, eindeutig erkennbare Elemente und einen klaren Endpunkt. In DockRay stellen Sie es aus Schritten im Panel zusammen, ohne ein eigenes Browserskript hochzuladen.

Testdaten und Endpunkt vorbereiten

Wählen Sie ein für Tests vorgesehenes Produkt und halten Sie es verfügbar. Verwenden Sie Testdaten. Beenden Sie das Szenario vor dem Anlegen einer Bestellung oder einer Zahlung. Speichert Ihr Shop Bestellungen bereits früher, muss auch der Test früher enden. Ein normaler Klick kann Daten speichern, selbst wenn die Schaltfläche keine Zahlung erwähnt.

Beispiel: vom Produkt zum Warenkorb

1. Produktseite öffnen. Geben Sie einen Pfad innerhalb Ihres Projekts an und prüfen Sie ein Element, das das Produkt identifiziert.
2. Einwilligungsbanner behandeln. Erscheint es nur gelegentlich, verwenden Sie einen optionalen Klick auf die Schaltfläche. Ein fehlendes Banner darf den Ablauf nicht stoppen.
3. Variante und Menge wählen. Wählen Sie einen Listeneintrag oder füllen Sie ein Feld aus. Prüfen Sie dessen Wert, wenn die Menge relevant ist.
4. Zum Warenkorb hinzufügen. Identifizieren Sie die Schaltfläche über Selektor oder Text und warten Sie auf ein Element, das die Aktualisierung bestätigt.
5. Ergebnis prüfen. Kontrollieren Sie die Produktzeile, eine Elementanzahl oder einen URL-Abschnitt. Wenn der Ablauf es erlaubt, prüfen Sie Zahlungsmethoden ohne Bestellbestätigung.

Ein Selektor wie [data-testid="add-to-cart"] ist ein Beispiel und muss zum HTML Ihrer Seite passen. Ein stabiles Attribut lässt sich leichter pflegen als eine Position innerhalb einer langen Kette von CSS-Klassen.

Worauf soll der Test nach einem Klick warten?

Eine per JavaScript ausgeführte Warenkorbaktualisierung lädt die Seite meist nicht neu. Verlangen Sie deshalb nicht nach jeder Aktion eine Navigation. Nutzen Sie automatisches Warten oder warten Sie gezielt auf ein Element, einen Text oder das Verschwinden einer Ladeanzeige. Eine feste Pause ist nur eine Hilfslösung: Eine langsamere Serverantwort kann länger dauern.

Prüfbedingungen und Screenshots

DockRay prüft unter anderem Text, vorhandene oder fehlende Elemente, Feldwerte, Elementanzahl, URL-Abschnitte und die maximale Dauer eines Schritts. Ein Klick allein bestätigt den Erfolg nicht. Ergänzen Sie eine Bedingung für seine Wirkung. Aktivieren Sie Screenshots für Schritte, deren erfolgreichen Zustand Sie später ansehen möchten.

Können optionale Schritte Fehler verdecken?

Verwenden Sie sie für Hilfselemente wie ein gelegentliches Banner. Das Hinzufügen des Produkts und die Warenkorbprüfung sollten verpflichtend bleiben. Kontrollieren Sie Selektoren nach Änderungen am Shop-Template.

Weiterführend: Fehler mit Screenshots untersuchen und Grundlagen des synthetischen Monitorings.