Verwenden Sie die Komponente Auswählen2, um Ihre Option einfach in einem Dropdown-Menü zu suchen und auszuwählen.
Sie können den Wert von Select2 in einem Test festlegen. Der Test sucht dann in der Suchleiste von Select2 nach dem Wert. Das erste gültige Ergebnis in der Dropdown-Liste der Komponenten wird ausgewählt.
Ziehen Sie den Seiteninspektor per Drag-and-Drop auf das gewünschte Dropdown-Menü. Der rechte Bereich für die ausgewählte Komponente wird geöffnet. Sie können den Text angeben, den Sie im Schritt zum Festlegen des Komponentenwerts im Seiteninspektor suchen möchten.
Wählen Sie unter Aktion die Option Komponentenwert festlegen aus, um nach einer Komponente zu suchen. Geben Sie den Text im 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 ähnlich benannte Komponentenoptionen angezeigt werden, wird nur die erste Option ausgewählt.
Abbildung : 1. Select2-Komponente
Einschränkungen für die Unterstützung von „select2“.
Nur bestimmte Versionen (3.5.1–3.5.4 und 4.0.0–4.0.13) der Select2-Bibliothek werden unterstützt.
Die Unterstützung für „select2“ 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.
Das Durchsuchen von Select2 funktioniert nicht, wenn keine Suchleiste vorhanden ist.
Design Überlegungen
Suchen und wählen Sie Ihre Optionen unter Berücksichtigung der folgenden Designüberlegungen effizient:
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 (Anwenderdefinierte UI)“ festlegen
Verhindern Sie das Fehlschlagen von Tests, indem Sie vermeiden, dass der Name der JQuery-Bibliothek geändert wird
Die Funktionen „Select2-Adapter“ und „Decorator“ werden nicht unterstützt
