Przeciągnij i upuść z selenem

Selenium oferuje użytkownikom różne funkcje, a jednym z nich jest przeciąganie i upuszczenie. W tym artykule postaramy się zrozumieć funkcjonalność przeciągania i upuszczenia sterownika selenium, zrozumiemy również, jak go używać i gdzie to zrobić. Jeśli jesteś nowy w tej koncepcji, ten artykuł zawiera wszystkie informacje, których potrzebujesz, aby rozpocząć.

Jaka jest metoda draganddrop w selen?

Selenium służy do oceny aplikacji internetowych w różnych systemach operacyjnych i przeglądarkach. Do tworzenia scenariuszy testowych można użyć wielu języków kodowania. Należą do nich Java, Python, C#i inne. Proces przenoszenia pliku z jednego folderu do drugiego w dowolnej przeglądarce internetowej (Firefox, Google Chrome, Windows Explorer, Opera itp.) Za pomocą metody oporu i kropli odbywa się z mysią. Gdy użytkownik przeciąga (porusza) element sieci z jednego miejsca, a następnie upuszcza go do innego konkretnego miejsca, proces ten nazywa się metodą przeciągania i upuszczenia.

Niektóre aplikacje internetowe mogą zautomatyzować praktykę przeciągania i upuszczania obiektów internetowych. Na przykład przeniesienie ich z jednego końca do drugiego, upuszczając je na określone miejsce lub element za pośrednictwem sterownika internetowego Selenium. Sterownik internetowy Selenium może być używany do kontrolowania operacji przeciągania i upuszczenia takich elementów.

Dzięki tej funkcji sterownika internetowego selenium programiści mogą łatwo przesyłać dane lub dowolny dokument za pomocą metody przeciągania i upuszczania. Uzyskamy również zrozumienie całego procesu poprzez kodowanie i niektóre ilustracje obrazu

Oto prosty schemat do zrozumienia metody przeciągania i upuści.

Metody przeciągania i upuszczania różnych elementów w selenium:

Istnieje kilka metod przeciągania i upuszczenia wielu elementów w selenium. Tutaj omówimy niektóre z nich.

• W pierwszym scenariuszu przeciągamy (źródło, cel).budować().dokonywać();
• W scenariuszu drugiego przypadku działamy w Clickandhold (od). Zbudować().dokonywać(); działać.
• W scenariuszu trzeciego przypadku działamy DragandDropby (źródło, Xoffset, Yoffset).dokonywać();

Korzystając z niektórych z tych scenariuszy, możemy przeciągnąć wiele elementów w selen.

Różnica między DragandDrop () a DragandDropby ()

Jedyną różnicą między DragandDrop () a DragandDropby () jest to, że w funkcji DragandDropby () kursor jest przenoszony do docelowego sieci Webelementu przez przesunięcie. Podczas gdy w metodzie DragandDrop () wskaźnik jest przenoszony bezpośrednio do internetowego.

Różnica między oparciem a upuszczeniem i budową klasy akcji

Selen zapewnia działanie.klasa przeciągania, aby przenieść elementy z jednego końca do drugiego.

Z drugiej strony, akcja tworzy klasę używa współrzędnych elementu do przeniesienia elementu z jednego końca do drugiego.

Jaka jest składnia metody przeciągania i upuszczenia w selen?

Będziemy używać następującej składni do metody przeciągania i upuszczenia:

działania.Draganddrop (Sourcelocator, DestinationLocator)

Więc tutaj zobaczymy, jak przekazać te dwa parametry metodą przeciągania i upuszczenia.

1. Sourcelocater, element jest pierwszym parametrem, który będziemy ciągnąć
2. Element „DestinationLocator” jest drugim parametrem, na którym należy upuścić pierwszy element.

Składnia, której użyjemy, podano poniżej:

działania.DragandDropby (Sourcelocator, piksel X-osiowy Lokator, piksel w osi Y

Przykład 1:

Tutaj pokażemy ci system zamawiania pizzy, w którym będziemy mówić o strategii przeciągania i upuszczenia. Najpierw możesz zobaczyć poniższą liczbę, a następnie przejść do kodu.

Spróbujmy zrozumieć metodę przeciągania i upuszczenia w selenium z powyższej rysunku.

Element rachunku jest przeciągany, a element rachunku jest upuszczany po określonej stronie metodą przeciągnięcia i upuszczenia.

Below we have provided the complete code snippet that you can refer to for clear understanding.

import org.Openqa.selen.Przez;
import org.Openqa.selen.Webdriver;
import org.Openqa.selen.Webelement;
import org.Openqa.selen.chrom.Chromedriver;
import org.Openqa.selen.interakcje.Działania;
import org.testng.Adnotacje.Test;
Klasa publiczna Draganddrop
Sterownik WebDriver;
@Test
public void dragndrop ()

System.setProperty („Webdriver.chrom.Driver "," e: // selen // selenium_jars // chromedriver.exe ”);
ddriver = nowy chromedriver ();
Ddriver.get ("http: // demo.Webboxzone.com/test/drag_drop.html ”);
Webelement od = DDRIVER.FindElement (przez.xpath ("//*nid = lbill1/a"));
Webelement do = DDRIVER.FindElement (przez.xpath ("//*nid = 'orderl/li"));
Działania ACT1 = nowe działania (DDRIVER);
akt 1.Draganddrop (od, do).zbudować().dokonywać();

W poniższej sekcji podaliśmy właściwe wyjaśnienie powyższego kodu, abyś mógł go lepiej zrozumieć.

Wykonaliśmy powyższy kod w przeglądarce Chrome, a następnie przeciągnęliśmy element rachunku. I upuść go w obszarze złożenia gotówki i zleceń za pomocą metody przeciągania i upuszczenia. Zrozumiemy linię kodu po wierszu.

W pierwszej sekcji załadowaliśmy wymagane biblioteki. Następnie tworzone jest przeciąganie i upuszczenie klasy. Następnie rozpoczęliśmy przeglądarkę i otworzyliśmy stronę internetową.

Zobacz następujący kawałek kodu. Tutaj zaczęliśmy od uchwycenia pierwszego elementu, który musimy wciągnąć do zmiennej „z.„Jak widać, kierujemy element.

Webelement
Od = DDRIRE.FindElement (przez.xpath („//*[@id =„ Bill ”]/a”));

Niniejsza sekcja kodu przeciągnie rachunek za identyfikator do sekcji płatności.

Następnie kierujemy drugi element, który ma upuścić pierwszy element w zmiennej o nazwie „to”. Kod jest tutaj podany. Spowoduje to zrzucenie „rachunku” do identyfikatora elementu „Zamów” w sekcji płatności.

Webelement do = DDRIVER.FindElement (przez.xpath („//*[@id = 'zamów']/li”));

Kod „Actions Builder = nowe działania (sterownik);” utworzy obiekt klasy akcji, aby budować złożone działania. Ostatni wiersz przykładowego kodu wykona funkcję przeciągnięcia i upuszczenia.

Przykład nr 2:

W tym przykładowym programie będziemy używać jqueryui.Witryna COM, aby wyjaśnić metodę przeciągania i upuszczania.

Powyżej jest interfejs, którego używamy. Przeciągniemy pudełko o nazwie „Przeciągnij mnie do mojego celu” do pudełka o nazwie „upuść tutaj.„Kodowanie selenium WebDriver zostanie użyte do tego.

Teraz zrozummy, jak wykonać następujący kod:

WebDriverManager.chromedriver ().organizować coś();
Chromedriver ddriver = new Chromedriver ();
Ddriver.Get ("https: // jqueryui.cOM/Droppable/”);
Ddriver.zarządzać().okno().Wyolbrzymiać();
Webelement Frame1 = sterownik.FindElement (przez.xpoth ("//*[@id = rcontentr]/iframe")); kierowca.Przełącz na().ramka (ramka 1);
Webelement Drag_me = DDRIRE.FindElement (przez.id („Draggable”));
Webelement Drop_me = DDRIRE.FindElement (przez.id („upuszczalny”));
Działania Action1 = nowe działania (DDRIVER);
Action1.Draganddrop (Drag_me, Drop_me).dokonywać();

Teraz, w tej metodzie przeciągania i upuszczenia, są przekazywane: jeden to przeciąg.

Poniższy wiersz kodu będzie ukierunkowany na identyfikator elementu o nazwie „Draggable”, aby go przeciągnąć.

Webelement Drag_me = DDRIRE.FindElement (przez.id („Draggable”));

W poniższym wierszu kodu kierujemy identyfikator elementu o nazwie „Droppable”, aby upuścić pierwszy element.

Webelement Drop_me = DDRIRE.FindElement (przez.id („upuszczalny”));

Kiedy wykonujemy te wiersze kodu, pierwsze zdjęcie o nazwie „Przeciągnij mnie do mojego celu” przenosi się do pola „upuść tutaj”.

Więc po napisaniu powyższego wiersza kodu mamy to zdjęcie.

Wniosek

Ten artykuł dotyczył metody przeciągania i upuszczenia w selen. Po pierwsze, musimy wspomnieć, czym dokładnie jest metoda przeciągania. Następnie pomogliśmy ci zrozumieć metodę przeciągania i przepuszczania dwóch odpowiednich przykładów. Tak więc, w tych przykładach (wspomnianych powyżej), użyliśmy metod działania sterownika internetowego i demonstrujemy możliwości przeciągania i upuszczania aplikacji internetowej Selenium. Aby przeciągnąć i upuścić element, używamy funkcji przeciągnięcia i upuszczenia z klasy Actions. Te parametry są kochocelocator i lokator docelowy. Rozumiemy procedurę przeciągania i upuść za pomocą pikseli kraurCakator, osi X i osi Y.