patrowe
commented
6 months ago Test
Testvorbereitung:
- Die angehängten Zweige für die Lux-Components und das Lux-Components-Theme auschecken.
- Das Theme lokal bauen und lokal mit den Lux-Components verlinken.
- Das Demo-Programm starten und die Seite für Lux-Filter öffnen.
Testdurchführung:
1. Für den Filter in einem Accordion (obere Testkomponente)
-
Auf das geschlossene Panel klicken, um den Filter zu öffnen. Zu erwartendes Ergebnis: Das Panel öffnet sich und der Menu-Button für erweiterte Optionen erscheint im Panel-Header.
-
Auf den Menu-Button im Panel-Header klicken. Zu erwartendes Ergebnis: Das Menu klappt auf.
-
Den Filter wieder schließen und nun auf das "X" in dem Chip "Input: Lorem Ipsum" klicken. Zu erwartendes Ergebnis: Der Chip und der Rahmen werden ausgeblendet und der Infotext "Es wird nach den Standardeinstellungen gefiltert." wird angezeigt.
2. Für den Filter in einer Card
-
Auf den Button "Mehr Option" klicken. Zu erwartendes Ergebnis: Die Karte erweitert sich nach unten und weitere Elemente werden angezeigt. Durch erneutes Klicken auf den Button wird dieser Inhalt wieder ausgeblendet
-
Auf den "Menu"-Button im Header klicken. Zu erwartendes Ergebnis: Das Menu-Panel wird angezeigt.
-
Auf das "X" in dem Chip "Input: Lorem Ipsum" unterhalb der Card klicken. Zu erwartendes Ergebnis: Der Chip und der Rahmen werden ausgeblendet und der Infotext "Es wird nach den Standardeinstellungen gefiltert." wird angezeigt.
DSeifer
In den Komponenten des Moduls lux-filter müssen die Einträge von angular/flex-layout ausgetauscht werden.
Aktzeptanzkriterium: Die Direktiven von flex-layout wurden durch entsprechenden CSS-Code ersetzt.