Verwenden Sie die Select2-Komponente, um Ihre Option einfach zu suchen und in einem Dropdown-Menü auszuwählen.
Sie können den Wert von select2 in einem Test festlegen. Der Test sucht dann nach dem Wert in der Suchleiste von Select2. Das erste gültige Ergebnis in der Dropdownliste für Komponenten wird ausgewählt.
Ziehen Sie den Seiteninspektor per Drag-and-Drop in das erforderliche Dropdown-Menü. Der rechte Bereich für die ausgewählte Komponente wird geöffnet. Sie können den Text angeben, den Sie im Seiteninspektor im Schritt „Komponentenwert festlegen“ durchsuchen möchten.
Wählen Sie die Option Komponentenwert festlegen unter Aktion aus, um nach einer Komponente zu suchen. Geben Sie den Text in den rechten Bereich ein, und klicken Sie auf Absenden. Dadurch kann der Code select2 öffnen, um nach dieser Komponente zu suchen und die erste angezeigte Option auszuwählen.
Hinweis:
Wenn bei der Suche nach einem Begriff mehrere Komponentenoptionen mit ähnlichen Namen angezeigt werden, wird nur die erste Option ausgewählt.
Einschränkungen des select2-Supports
Nur bestimmte Versionen (3.5.1-3.5.4 und 4.0.0-4.0.13) der Bibliothek select2 werden unterstützt.
Die select2-Unterstützung hängt von der jquery-Bibliothek ab. Wenn Sie also versuchen, den Wert select2 festzulegen, und der Name der jquery-Bibliothek geändert wird, schlägt der Test fehl.
Die Suche über Select2 funktioniert nicht, wenn keine Suchleiste vorhanden ist.
Design Überlegungen
Unter Berücksichtigung der folgenden Designüberlegungen können Sie Ihre Optionen effizient suchen und auswählen:
Es wird empfohlen, eindeutig durchsuchbare Testdaten zu verwenden
Warten Sie, bis das aktuelle Element festgelegt ist, bevor Sie mit dem Festlegen des nächsten Elements fortfahren, während Sie den Wert von Select2 über den Testschritt Komponentenwerte festlegen (Benutzerdefinierte UI) festlegen
Verhindern Sie das Fehlschlagen von Tests, indem Sie die Änderung des jquery-Bibliotheksnamens vermeiden
Select2-Adapter- und Decorator-Funktionen werden nicht unterstützt
