Drag & Drop mit Selen
Was ist die Draganddrop -Methode in Selen?
Selenium wird verwendet, um Webanwendungen auf einer Vielzahl von Betriebssystemen und Browsern zu bewerten. Zahlreiche Codierungssprachen können zum Erstellen von Selenium -Testskripten verwendet werden. Dazu gehören Java, Python, C#und andere. Der Prozess des Verschiebens einer Datei von einem Ordner in eine andere Art von Webbrowser (Firefox, Google Chrome, Windows Explorer, Opera usw.) Mit Hilfe der Drag & Drop -Methode wird mit einer Maus durchgeführt. Wenn ein Benutzer ein Webelement von einem Punkt von einem Punkt von einem Punkt abzieht und anschließend an einen anderen bestimmten Ort fallen lässt, wird dieser Vorgang als Drag & Drop -Methode bezeichnet.
Einige Webanwendungen können die Praxis von Drag & Drop -Webobjekten automatisieren. Wenn Sie sie beispielsweise von einem Ende zu einem anderen Ende bewegen, indem Sie sie über einen Selenium -Web -Treiber an einem bestimmten Ort oder einem bestimmten Element fallen lassen. Der Selenium -Web -Treiber kann verwendet werden, um die Drag & Drop -Vorgänge solcher Elemente zu steuern.
Durch diese Funktionalität des Selenium -Webtreiber. Wir werden auch ein Verständnis des gesamten Prozesses durch Codierung und einige der Bildabbildungen erlangen
Hier ist ein einfaches Diagramm, um die Methode des Drag & Drops zu verstehen.
METHODEN FÜR DISCH UND VERSCHIEDENE ELEMENTEN IN SELEN:
Es gibt verschiedene Methoden zur Luftwiderstand und fallen mehrere Elemente in Selen. Hier werden wir einige von ihnen besprechen.
- Im ersten Fall -Szenario ziehen wir DRAGDROP (Quelle, Ziel).bauen().ausführen();
- Im zweiten Fall szenario handeln wir clickandhold (von). Bauen().ausführen(); Gesetz.
- Im dritten Fall szenario handeln wir draganddropby (Source, xoffset, yOffset).ausführen();
Durch die Verwendung einiger dieser Szenarien können wir mehrere Elemente in Selen ziehen.
Der Unterschied zwischen Draganddrop () und Draganddropby ()
Der einzige Unterschied zwischen draganddrop () und draganddropby () besteht darin, dass der Cursor in der Funktion "draganddropby () durch einen Versatz in das Zielwebel verschoben wird. Während in der methode draganddrop (), wird der Zeiger direkt auf das Webelement verschoben.
Der Unterschied zwischen Drag & Drop- und Action Class Build
Selenium liefert Maßnahmen.Draganddrop -Klasse, um Elemente von einem Ende zum anderen zu verschieben.
Die Aktion macht die Klasse andererseits die Elementkoordinaten, um ein Element von einem Ende zum anderen zu verschieben.
Was ist die Syntax für die Drag & Drop -Methode in Selen?
Wir werden die folgende Syntax für die Drag & Drop -Methode verwenden:
Aktionen.Draganddrop (Sourcelocator, DestinationLocator)
Hier werden wir also sehen, wie diese beiden Parameter über die Drag & Drop -Methode geleitet werden können.
- Sourcelocater ist das Element der erste Parameter, den wir ziehen werden
- Das Element "DestinationLocator" ist der zweite Parameter, auf dem das erste Element fallen gelassen werden muss.
Die Syntax, die wir verwenden werden, ist unten angegeben:
Aktionen.Draganddropby (Sourcelocator, X-Achse-Pixel des DestinationLocators, Y-Achse-Pixel des DestinationLocators)
Beispiel 1:
Hier zeigen wir Ihnen ein Pizza -Bestellsystem, in dem wir über die Drag & Drop -Strategie sprechen werden. Sie können zuerst die folgende Abbildung sehen und dann zum Code wechseln.
Lassen Sie uns versuchen, die Drag & Drop -Methode in Selen aus der obigen Abbildung zu verstehen.
Das Billelement wird gezogen und das Billelement wird durch die Drag & Drop -Methode auf die spezifische Seite fallen gelassen.
Im Folgenden haben wir das vollständige Code -Snippet bereitgestellt, auf das Sie sich für ein klares Verständnis beziehen können.
import org.OpenQA.Selen.Von;
import org.OpenQA.Selen.Webdriver;
import org.OpenQA.Selen.Webelement;
import org.OpenQA.Selen.Chrom.Chromedriver;
import org.OpenQA.Selen.Interaktionen.Aktionen;
import org.testng.Anmerkungen.Prüfen;
öffentliche Klasse Draganddrop
Webdriver -Treiber;
@Prüfen
public void dragndrop ()
System.setProperty ("Webdriver.Chrom.Treiber "," e: // selenium // selenium_jars // chromedriver.exe ”);
DDRIVER = neuer Chromedriver ();
DDRIVER.Get ("http: // Demo.Webboxzone.com/test/drag_drop.html ");
Webelement von = dDriver.FindElement (von.xPath ("//*nid = lbill1/a"));
Webelement zu = DDRIVER.FindElement (von.xPath ("//*nid = 'orderl/li"));
Aktionen Act1 = neue Aktionen (DDRIVER);
Akt 1.Draganddrop (von, bis).bauen().ausführen();
Im folgenden Abschnitt haben wir eine ordnungsgemäße Erläuterung des obigen Codes gegeben, damit Sie ihn besser verstehen können.
Wir haben den obigen Code im Chrome -Browser ausgeführt und dann das Billelement gezogen. Und lassen Sie es in den Cash Cash Counter & Bestell -Platzierungsbereich durch die Drag & Drop -Methode fallen. Lassen Sie uns die Codezeile nach Zeile verstehen.
Im ersten Abschnitt haben wir die erforderlichen Bibliotheken geladen. Danach wird ein Klassenwiderstand erstellt. Dann starteten wir den Browser und öffneten die Webseite.
Siehe folgende Code. Hier begannen wir zunächst das erste Element, das wir in die Variable ziehen müssen, „von.”Wie Sie sehen, zielen wir auf das Element ab.
Webelement
Von = ddriver.FindElement (von.xPath ("//*[@id = 'bill']/a"));
In diesem Abschnitt des Code wird die ID -Rechnung in den Zahlungsabschnitt gezogen.
Danach zielen wir auf das 2. Element ab, das das erste Element in der Variablen, die als "zu" bezeichnet wird, fallen lassen soll. Der Code wird hier angegeben. Dadurch wird die ID "Rechnung" in die Element -ID "Bestellung" im Zahlungsabschnitt fallen lassen.
Webelement zu = DDRIVER.FindElement (von.xPath ("//*[@id = 'order']/li"));
Der Code "Aktionen Builder = neue Aktionen (Treiber);" Erstellt ein Objekt der Aktionsklasse, um zusammengesetzte Aktionen zu erstellen. Die letzte Zeile des Beispielcodes führt die Drag & Drop -Funktion aus.
Beispiel # 2:
In diesem Beispielprogramm werden wir die Jqueryui verwenden.COM -Website, um die Methode des Drag & Drops zu erläutern.
Oben ist die Schnittstelle, die wir verwenden. Wir werden die Box mit dem Namen "Ziehen Sie mich zu meinem Ziel" zum Box mit dem Namen "Drop HIER" ziehen.Selenium Webdriver Coding wird dazu verwendet.
Lassen Sie uns nun verstehen, wie Sie den folgenden Code ausführen:
WebdriverManager.chromedriver ().aufstellen();
Chromedriver ddriver = neuer chromedriver ();
DDRIVER.Get ("https: // jqueryui.com/droppable/");
DDRIVER.verwalten().Fenster().maximieren();
Webelement Frame1 = Treiber.FindElement (von.xpoth ("//*[@id = rcontent]/iframe")); Treiber.wechseln zu().Rahmen (Frame1);
Webelement Drag_me = dDriver.FindElement (von.id ("draggierbar"));
Webelement Drop_me = dDriver.FindElement (von.id ("dropfenbar"));
Aktionen Action1 = Neue Aktionen (DDRIVER);
Aktion1.Draganddrop (Drag_Me, Drop_me).ausführen();
In dieser Drag and Drop -Methode werden zwei Argumente weitergegeben: Einer ist Webelement Drag und der andere ist ein Webelement -Drop.
Die folgende Zeile des Codes richtet sich auf die Element -ID mit dem Namen "draggierbar", um ihn von dort zu ziehen.
Webelement Drag_me = dDriver.FindElement (von.id ("draggierbar"));
In dieser folgenden Codezeile zielen wir auf die Element -ID mit dem Namen "Drosens" ab, um das erste Element darauf zu fallen.
Webelement Drop_me = dDriver.FindElement (von.id ("abfallen"));
Wenn wir diese Codezeilen ausführen.
Nachdem wir die obige Codezeile geschrieben haben, haben wir dieses Bild.
Abschluss
In diesem Artikel ging es um die Drag & Drop -Methode in Selen. Erstens müssen wir erwähnen, was genau die Drag-and-Drop-Methode ist. Danach haben wir Ihnen geholfen, die Methode des Drag & Drops durch zwei richtige Beispiele zu verstehen. In diesen Beispielen (oben erwähnt) haben wir also die Aktionsmethoden des Web-Fahrers verwendet und zeigen die Drag & Drop-Fähigkeit der Selenium-Webanwendung. Um das Element zu ziehen und zu fallen, haben wir die Drag & Drop -Funktion aus der Aktionsklasse verwendet. Diese Parameter sind Sourcelocator und DestinationLocator. Wir verstehen das Drag & Drop.