Verwenden Sie die Komponente Select2, 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 „Auswahl 2“ nach dem Wert. Das erste gültige Ergebnis in der Dropdown-Liste „Komponente“ 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 Schritt „Komponentenwert festlegen“ im Seiteninspektor suchen möchten.
Wählen Sie aus Legen Sie Den Komponentenwert Fest Option unter Aktion Um nach einer Komponente zu suchen. Geben Sie den Text im rechten Bereich ein, und klicken Sie auf Übermitteln . Dadurch kann der Code die Auswahl2 öffnen, um nach dieser Komponente zu suchen und die erste Option auszuwählen, die angezeigt wird.
Hinweis:
Wenn bei der Suche nach einem Begriff mehrere ähnlich benannte Komponentenoptionen angezeigt werden, wird nur die erste Option ausgewählt.
Abbildung : 1. Wählen Sie die Komponente 2 aus
Einschränkungen der select2-Unterstützung
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 von select2 hängt von der jquery-Bibliothek ab. Wenn Sie also versuchen, einen Wert von select2 festzulegen und der Name der jquery-Bibliothek geändert wird, schlägt der Test fehl.
Die Suche durch „Auswahl 2“ funktioniert nicht, wenn keine Suchleiste vorhanden ist.
Design Überlegungen
Suchen und wählen Sie Ihre Optionen effizient aus, indem Sie die folgenden Designüberlegungen berücksichtigen:
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 „Auswahl 2“ über den Testschritt „Komponentenwerte festlegen“ (Anwenderdefinierte UI) festlegen
Verhindern Sie das Fehlschlagen von Tests, indem Sie die Namensänderung der jquery-Bibliothek vermeiden
Adapter- und Decorator-Funktionen der Auswahl 2 werden nicht unterstützt
