Go - TUI Cars 6M Web Component - Testkatalog
Für einen grundlegenen Test der Komponente und ihrer Funktionen
Nachfolgende Szenarien können auf dem Testsystem https://tuicars-6m-test.tui.de/go/ durchgeführt werden.
#001 - Anzeige der Komponente
Schritte
- Rufe das Testsystem auf
Erwartung
- Die Komponente wird sofort angezeigt
- Es wird ein Hinweis zur Stornierbarkeit angezeigt
- Die Zielstation wird namentlich genannt
- Der übergebene Reisezeitraum wird mit Datum und Uhrzeit genannt
- Die Fahrzeugliste zeigt Angebote für das voreingestellte Reiseziel
- Das Icon und der Schriftzug zum Öffnen des Filters sind vorhanden
- Die Anzahl der Angebote wird dargestellt und stimmt mit der Anzahl an Fahrzeugen in der Liste überein
#002 - Wechsel der Zielstation
Schritte
- Klicke auf die Zielstation auf der linken Seite der Komponente
Erwartung
- Der Knopf enthält ein Icon "marker"
- Es öffnet sich kein Dialog, da diese Feature noch nicht implementiert ist
- Der Button wird in grau hinterlegt dargestellt, um eine Inaktivität zu symbolisieren
- Der Mauszeiger verändert sich und zeigt bei "hover" ein rotes "gesperrt" Zeichen
#003 - Anzeige des Dialogs für den Reisezeitraum
Schritte
- Klicke auf die Anzeige des Reisezeitraums
Erwartung
- Der Knopf enthält ein Icon "calendar"
- Es öffnet sich ein Dialog
- Der aktuell gewählte Reisezeitraum wird im Kalender auf der linken Seite hervorgehoben
- Die aktuell gewählten Uhrzeiten für Abholung und Rückgabe werden auf der rechten Seite hervorgehoben
#004 - Schließen des Dialogs für den Reisezeitraum
Schritte
- Klicke auf die Anzeige des Reisezeitraums
- Klicke erneut auf die Anzeige des Reisezeitraums, oder das Icon "x"
- Oder klicke auf den Button "Schließen" am unteren Ende des Dialogs
Erwartung
- Der bereits geöffnete Dialog schließt sich
- Der angezeigte Reisezeitraum entspricht weiterhin dem zuvor im Dialog angezeigten
#005 - Wechsel des Reisezeitraums
Schritte
- Klicke auf die Anzeige des Reisezeitraums
- Wähle einen ersten Tag als neues Startdatum
- Wähle einen zweiten Tag als neues Enddatum
Erwartung
- Der inital übergebene Reisezeitraum wird leicht blau hinterlegt dargestellt
- Die inital im Reisezeitraum übergebenen Tage werden in der Auswahl leicht blau hervorgehoben
- Wird der erste Tag angewählt wird dieser in einem dunklen blau hinterlegt hervorgehoben
- Wird er zweite Tag ausgewählt wird dieser in einem dunklen blau hinterlegt hervorgehoben
- Folgen Tag eins und zwei nicht direkt aufeinander, werden die Tage dazwischen hellblau hervorgehoben
- Wird als zweiter Tag ein Tag vor dem ersten ausgewählt, werden Startdatum und Enddatum getauscht
- Veränderungen am Reisezeitraum werden sofort oberhalb des Dialogs in der Anzeige übernommen
- Ergibt sich ein neuer Reisezeitraum wird sofort eine neue Suche ausgelöst
- Während die Suche aktiv ist, wird eine animierte Sonne als Indikator angezeit
#006 - Wechsel der Uhrzeit für Abholung und Rückgabe
Schritte
- Klicke auf die Anzeige des Reisezeitraums
- Wähle eine neue Uhrzeit für die Abholung
- Wähle eine neue Uhrzeit für die Rückgabe
Erwartung
- Die gewählten Urzeiten werden dunkelblau hinterlegt dargestellt
- Veränderungen an den Uhrzeiten werden sofort oberhalb des Dialogs in der Anzeige übernommen
- Ergibt sich ein neuer Reisezeitraum wird sofort eine neue Suche ausgelöst
- Während die Suche aktiv ist, wird eine animierte Sonne als Indikator angezeigt
#007 - Anzeige des Hauptfahrers
Schritte
- Treffe im Menü unterhalb der Komponente bei "set drivers" eine Auswahl
Erwartung
- Es wird "Gabi Mustermann" (A) oder "Gaby Mustermann" (B) als Hauptfahrer angezeigt
- Es wird ein Icon "driver" angezeigt
#008 - Wechsel des Hauptfahrers
Schritte
- Treffe im Menü unterhalb der Komponente bei "set drivers" eine Auswahl
- Klicke auf den Namen des Hauptfahrers
- Wähle einen der übergebenen Fahrer
Erwartung
- Es öffnet sich der Dialog zur Auswahl der übergebenen Fahrer
- Für Reiseteilnehmer für die eine Jungfahrergebühr anfallen könnte wird ein Icon "info" gezeigt (Tina Mustermann)
- Wenn sich der Mauszeiger über dem Icon befindet, wird ein entsprechender Hinweis gezeigt
- Bei Klick auf einen der anderen Fahrer schließt der Dialog automatisch
- Der neu gewählte Hauptfahrer wird angezeigt
#009 - Hinzufügen eines neuen Hauptfahrers
Schritte
- Treffe im Menü unterhalb der Komponente bei "set drivers" eine Auswahl
- Klicke auf den Namen des Hauptfahrers
- Klicke auf "Fahrer hinzufügen"
- Gebe neue Fahrerdaten ein
- Übernehme die Eingabe
Erwartung
- Es öffnet sich ein Dialog zur Eingabe eines neuen Fahrers
- Die Auswahl Mann / Frau wird bei Auswahl farblich dunkelblau hinterlegt
- Es stehen beim Geburtsdatum nur Jahre zur Verfügung die einen Fahrer mit mindestens 18 Jahren ermöglichen
- Mit Überahme des Fahrers kehren wir in den Fahrerdialog zurück
- Der neue Fahrer wird in der Anzeige dargstellt
- Ein link zum Bearbeiten der Fahrerdaten wird angezeigt
#010 - Schließen des Dialogs für den Hauptfahrer
Schritte
- Klicke auf den Namen des Hauptfahrers
- Klicke auf den Namen des Hauptfahrers, oder das Icon "x"
- Oder klicke auf den Button "Schließen" am unteren Ende des Dialogs
Erwartung
- Der bereits geöffnete Dialog schließt sich
- Der angezeigte Hauptfahrer entspricht weiterhin dem zuvor im Dialog angezeigten
#011 - Öffnen des Filterdialogs
Schritte
- Klicke auf den Schriftzug Filter, oder das Icon "pencil"
Erwartung
- Die Filterleiste öffnet sich von links und verschiebt dabei die Angebotsliste nach rechts
- Die erste Kategorie der Filteroptionen ist geöffnet
- Nicht vorhandene Kategorien werden grau angezeigt
#012 - Öffnen und Schließen der Filteroptionen
Schritte
- Klicke im Filter auf "Kategorie", oder auf der rechten Seite das Icon "up"
- Klicke im Filter auf "Ausstattung & Extras", oder auf der rechten Seite das Icon "down"
- Klicke im Filter auf "Kategorie, oder auf der rechten Seite das Icon "up""
Erwartung
- Die erste Kategorie der Filteroptionen schließt sich
- Die zweite Kategorie der Filteroptionen öffnet sich
- Die erste Kategorie der Filteroptionen öffnet sich, die zweite schließt automatisch
#013 - Filtern der Fahrzeugkategorie
Schritte
- Treffe im Filter "Kategorie" eine Auswahl
- Treffe im Filter "Kategorie" eine weitere Auswahl
- Schließe die Filteroption "Kategorie"
Erwartung
- Die angewählten Filteroptionen färben sich blau
- Die Filteroption schließt sich
- Die angewählten Filteroptionen bleiben sichtbar
- Die Anzahl der Fahrzeuge in der Fahrzeugliste reduziert sich
- Die Anzeige der Anzahl bekommt den Hinweis "(gefiltert)" und zeigt Anzahl gefiltert x von y
#014 - Filtern der Ausstattung & Extras
Schritte
- Treffe im Filter "Ausstattung & Extras" eine Auswahl
- Treffe im Filter "Ausstattung & Extras" eine weitere Auswahl
- Schließe die Filteroption "Ausstattung & Extras"
Erwartung
- Die angewählten Filteroptionen färben sich blau
- Die Filteroption schließt sich
- Die angewählten Filteroptionen bleiben sichtbar
- Die Anzahl der Fahrzeuge in der Fahrzeugliste reduziert sich
- Die Anzeige der Anzahl bekommt den Hinweis "(gefiltert)" und zeigt Anzahl gefiltert x von y
#015 - Filtern der Sitzplätze
Schritte
- Treffe im Filter "Ausstattung & Extras" eine Auswahl
- Treffe im Filter "Ausstattung & Extras" eine weitere Auswahl
- Schließe die Filteroption "Ausstattung & Extras"
Erwartung
- Die angewählten Filteroptionen färben sich blau
- Die Filteroption schließt sich
- Die angewählten Filteroptionen bleiben sichtbar
- Die Anzahl der Fahrzeuge in der Fahrzeugliste reduziert sich
- Die Anzeige der Anzahl bekommt den Hinweis "(gefiltert)" und zeigt Anzahl gefiltert x von y
#016 - Dynamische Filteroptionen
Schritte
- Treffe im Filter "Kategorie" die Auswahl "Minibus"
- Öffne die Filteroption "Sitzplätze"
Erwartung
- Die angewählten Filteroptionen färben sich blau
- Die Filteroption "Kategorie" schließt sich
- Die angewählten Filteroptionen bleiben sichtbar
- Die Sitzplätze lassen sich nur auf "Ab 7" einstellen
#017 - Preisfilter
Schritte
- Verwende den Preisfilter
Erwartung
- Die Filterung erfolgt erst beim loslassen der Slideroption
- Die Anzahl der Fahrzeuge in der Fahrzeugliste reduziert sich
- Die Anzeige der Anzahl bekommt den Hinweis "(gefiltert)" und zeigt Anzahl gefiltert x von y
- Aktive Filteroptionen die nicht mehr verfügbar sind färben sich grau
#018 - Angebotsliste
Schritte
- Verwende die Pfeile der Angebotsliste
Erwartung
- Das nächste Fahrzeug in der Liste wird erfolgreich dargestellt
- Am Anfang und Ende der Liste sind die Pfeile korrekt ausgeblendet
- Am Anfang und Ende der Liste wird nicht von vorn begonnen
#019 - Fahrzeugkachel - Leistungen
Schritte
- Klicke auf "Alle Leistungen anzeigen"
- Klicke auf "Zurück"
Erwartung
- Fahrzeugbild wird angezeigt
- Fahrzeugname wird angezeigt
- Fahrzeuggruppe wird angezeigt
- Supplierlogo wird angezeigt
- Preis pro Tag wird angezeigt
- Gesamtpreis wird angezeigt
- Icons für Sitzplätze, Türen, Klimaanlage werden angezeigt
- Icon für Manuelle / Automatische Schaltung wird angezeigt
- Icons für Navigationsgerät und Zusatzfahrer werden angezeigt
- Die Kachel dreht sich und zeigt alle Leistungen
- Die Kachel dreht sich zurück
#020 - Fahrzeugkachel - Nutzungsbedingung
Schritte
- Klicke auf "Nutzungsbedingung" oder das Icon "download"
Erwartung
- Es öffnet sich die Nutzungsbedingung des Suppliers in einem neuen Tab
#021 - Fahrzeugkachel - Mietwagen auswählen
Schritte
- Klicke auf die Schaltfläche "Mietwagen auswählen"
- Aktzeptiere die Nutzungsbedingung
Erwartung
- Es wird das Fahrzeug übernommen in die Ansicht der Zusammenfassung
- Das Event Log zeigt die Daten des übergebenen Fahrzeugs
#022 - Zusammenfassung - Mietwagen ändern
Schritte
- Übernehme ein Fahrzeug in die Auswahl
- Klicke auf die Schaltfläche "Ändern" oder das Icon "pencil"
- Wähle ein anderes Fahrzeug
Erwartung
- Es wird die Angebotsliste angezeigt
- Es wird das aktuell gewählte Fahrzeug mit einem hellblaun Rahmen hervorgehoben
- Eine Schaltfläche "Auswahl aufheben" wird angezeigt
- Ein Dialog zum Tausch des gewählten Fahrzeus wird angezeigt
- Die Zusammenfassung mit neuem Fahrzeug wird gezeigt
#023 - Zusammenfassung - Mietwagen entfernen
Schritte
- Übernehme ein Fahrzeug in die Auswahl
- Klicke auf die Schaltfläche "Entfernen" oder das Icon "x"
Erwartung
- Es wird die Angebotsliste angezeigt
#024 - Validierung negativ
Schritte
- Übernehme ein Fahrzeug in die Auswahl
- Simuliere die Anfrage einer Validierung mit Klick auf "Get validation" im Menü
Erwartung
- Die Checkbox und der Bereich zur Akzekptanz der Nutzungsbedingung wird rot hervorgehoben
- Das Event Log zeigt {"valid":false,"errors":[{"name":"missingTermsApprovement"}]}
#025 - Validierung positiv
Schritte
- Übernehme ein Fahrzeug in die Auswahl
- Simuliere die Anfrage einer Validierung mit Klick auf "Get validation" im Menü
- Aktzeptiere die Nutzungsbedingung
Erwartung
- Die Checkbox und der Bereich zur Akzekptanz der Nutzungsbedingung wird nicht rot hervorgehoben
- Das Event Log zeigt {"valid":true,"errors":[]}
#026 - Fehlermeldung falsche Reisedaten
Schritte
- Öffne den Kalender
- Wähle als Abholung 02:00 Uhr
Erwartung
- Eine leere Ergebnisliste wird geliefert.
- Eine Fehlermeldung wird angezeigt: "Zu Ihrer Suche sind leider keine passenden Angebote verfügbar."
- Ein Button "Reisedaten ändern" wird angezeigt
#027 - Fehlermeldung invalider Flughafen
Schritte
- Wähle in den Properties den Flughafen "SOU"
Erwartung
- Eine leere Ergebnisliste wird geliefert.
- Eine Fehlermeldung wird angezeigt: "Zu Ihrer Reise sind leider keine passenden Angebote verfügbar."
- Ein Button "Reisedaten ändern" wird nicht angezeigt
#028 - Fehlermeldung Filter
Schritte
- Öffne den Filter
- Scheibe den Preisregler so niedrig wie möglich
- Wähle eine Fahrzeug-Kategorie, um eine Null-Menge zu erzeugen
Erwartung
- Es werden keine Fahrzeuge angezeigt
- Eine Fehlermeldung wird angezeigt: "Zu Ihrem Filter sind leider keine passenden Angebote verfügbar."
- Ein Button "Reisedaten ändern" wird angezeigt
- Ein Button "Filter entfernen" wird angezeigt
#029 - Filter zurücksetzen
Schritte
- Öffne den Filter
- Scheibe den Preisregler so niedrig wie möglich
- Wähle eine Fahrzeug-Kategorie, um eine Null-Menge zu erzeugen
- Klicke den Button "Filter entfernen"
Erwartung
- Sämtliche Filter-Einstellungen werden zurück gesetzt und die ursprüngliche Liste an Fahrzeugen wird angezeigt.
#030 - Station wählen
Schritte
- Wähle in den Properties eine Station, die alternative Stationen bietet
- Öffne das Stationsmenü
- Wähle eine andere Station
Erwartung
- Die neue Station wird geladen und anschließend im Button des Stations-Menüs angezeigt
- Neue Fahrzeuge werden geladen und angezeigt
#030 - Datum ändern mit neuer Station
Schritte
- Wähle in den Properties eine Station, die alternative Stationen bietet
- Öffne das Stationsmenü
- Wähle eine andere Station
- Öffne den Kalender
- Wähle ein neues Start- und Enddatum
Erwartung
- Es ist noch immer die neu gewählte Station ausgewählt