Dra og slipp med selen

Selenium tilbyr forskjellige funksjoner for brukere, og en av dem er drag og slipp. I denne artikkelen vil vi prøve å forstå drag- og slippfunksjonaliteten til Selenium Web Driver, vi vil også forstå hvordan vi skal bruke den og hvor vi skal gjøre det. Hvis du er ny på dette konseptet, inneholder denne artikkelen all informasjonen du trenger for å komme i gang.

Hva er draganddrop -metoden i selen?

Selen brukes til å vurdere webapplikasjoner på en rekke operativsystemer og nettlesere. Tallrike kodingsspråk kan brukes til å lage selen testskript. Disse inkluderer Java, Python, C#og andre. Prosessen med å flytte en fil fra en mappe til en annen i alle slags nettleser (Firefox, Google Chrome, Windows Explorer, Opera osv.) ved hjelp av dra- og slippmetoden utføres med en mus. Når en bruker drar (flytter) et nettelement fra ett sted og deretter slipper det til et annet spesifikt sted, kalles denne prosessen Drag and Drop -metoden.

Noen webapplikasjoner kan automatisere praksis med dra og slippe webobjekter. For eksempel å flytte dem fra den ene enden til en annen ende ved å slippe dem på et bestemt sted eller element gjennom Selenium Web Driver. Selenium Web Driver kan brukes til å kontrollere drag- og slippoperasjonen av slike varer.

Gjennom denne funksjonaliteten til Selenium Web Driver kan nettutviklere enkelt overføre data eller ethvert slags dokument gjennom drag- og slippmetode. Vi vil også få en forståelse av hele prosessen gjennom koding og noen av bildeillustrasjonene

Her er et enkelt diagram for å forstå metoden for drag og slipp.

Metoder for å dra og slippe forskjellige elementer i selen:

Det er flere metoder for å dra og slippe flere elementer i selen. Her vil vi diskutere noen av dem.

• I det første tilfellet scenario draganddrop (kilde, mål).å bygge().utføre();
• I det andre tilfellet handler vi Clickandhold (fra). Bygge().utføre(); handling.
• I tredje saksscenario handler vi draganddropby (kilde, xoffset, yoffset).utføre();

Ved å bruke noen av disse scenariene, kan vi dra flere elementer i Selenium.

Forskjellen mellom draganddrop () og draganddropby ()

Den eneste forskjellen mellom draganddrop () og draganddropby () er at i DragandDropby () -funksjonen blir markøren flyttet til målet webelement av en forskyvning. Mens metoden i draganddrop () -metoden flyttes direkte til webelementet.

Forskjellen mellom drag og drop and action class build

Selen gir handling.draganddrop -klasse for å flytte gjenstander fra den ene enden til en annen.

Handlingen gjør at klassen derimot bruker elementkoordinatene for å flytte et element fra den ene enden til den andre.

Hva er syntaks for drag og slippmetode i selen?

Vi bruker følgende syntaks for dra- og slippmetode:

Handlinger.Draganddrop (Sourcelocator, DestinationLocator)

Så her vil vi se hvordan du kan passere disse to parametrene gjennom Drag and Drop -metoden.

1. Sourcelocater, elementet er den første parameteren som vi skal dra
2. "DestinationLocator" -elementet er den andre parameteren som det første elementet må droppes.

Syntaksen som vi vil bruke er gitt nedenfor:

Handlinger.DragandDropby (Sourcelocator, X-Axis Pixel of DestinationLocator, Y-Axis Pixel of DestinationLocator)

Eksempel nr. 1:

Her skal vi vise deg et pizza bestillingssystem der vi skal snakke om drag- og drop -strategien. Du kan først se følgende figur og deretter flytte til koden.

La oss prøve å forstå drag- og slippmetoden i selen fra figuren ovenfor.

Billelementet blir dratt og regningselementet blir droppet på den spesifikke siden av dra- og slippmetoden.

Nedenfor har vi gitt den komplette kodebiten som du kan henvise til for klar forståelse.

Import org.Openqa.Selen.Av;
Import org.Openqa.Selen.Webdriver;
Import org.Openqa.Selen.Webelement;
Import org.Openqa.Selen.krom.Chromedriver;
Import org.Openqa.Selen.interaksjoner.Handlinger;
Import org.testng.merknader.Test;
offentlig klasse draganddrop
WebDriver Driver;
@Test
public void dragndrop ()

System.SetProperty ("Webdriver.krom.driver "," e: // selen // selen_jars // Chromedriver.exe ”);
ddriver = new Chromedriver ();
ddriver.få ("http: // demo.WebboxZone.com/test/drag_drop.html ");
Webelement fra = ddriver.FindElement (av.xpath ("//*nid = lbill1/a"));
Webelement til = ddriver.FindElement (av.xpath ("//*nid = 'orderl/li"));
Handlinger ACT1 = nye handlinger (DDriver);
Act1.Draganddrop (fra, til).bygge().utføre();

I den følgende delen har vi gitt en riktig forklaring av koden ovenfor, slik at du kan forstå den bedre.

Vi utførte koden over i Chrome -nettleseren og dro deretter regningselementet. Og slipp det i kontantbenken og ordreplassen gjennom drag- og slippmetoden. La oss forstå kodelinjen for linje.

I den første delen lastet vi de nødvendige bibliotekene. Etter det opprettes det en klassedrap og slipp. Deretter startet vi nettleseren og åpnet websiden.

Se følgende kode. Her begynte vi med å fange det første elementet vi trenger å dra inn i variabelen “fra.”Som du kan se, målretter vi elementet.

WebElement
Fra = ddriver.FindElement (av.xpath (“//*[@id = 'Bill']/a”));

Denne delen av koden vil dra ID -regningen til betalingsdelen.

Etter det er vi målrettet mot det andre elementet som er ment å slippe det første elementet i variabelen kalt “til”. Koden er gitt her. Dette vil slippe ID -regningen "til element -ID" Bestill "i betalingsdelen.

Webelement til = ddriver.FindElement (av.xpath (“//*[@id = 'ordre']/li”));

Koden "Handlingsbygger = nye handlinger (driver);" vil skape et objekt i handlingsklassen for å bygge sammensatte handlinger. Den siste linjen i prøvekoden vil utføre dra- og slippfunksjonen.

Eksempel 2:

I dette eksempelprogrammet bruker vi jQueryui.com nettsted for å forklare metoden for dra og slipp.

Over er grensesnittet vi bruker. Vi vil dra boksen som heter “Dra meg til målet mitt” til boksen som heter “Drop Here.”Selenium webdriver -koding vil bli brukt til å gjøre dette.

La oss nå forstå hvordan vi skal utføre følgende kode:

WebDRIVERManager.Chromedriver ().oppsett ();
ChromedRiver dDriver = new Chromedriver ();
ddriver.få ("https: // jQueryui.com/droppable/");
ddriver.få til().vindu().maksimere ();
WebElement Frame1 = driver.FindElement (av.xpoth ("//*[@id = rcontentr]/iframe")); sjåfør.bytte til().ramme (ramme1);
WebElement Drag_Me = ddriver.FindElement (av.id ("draggable"));
WebElement Drop_me = ddriver.FindElement (av.id ("Droppable"));
Handlinger Handling1 = nye handlinger (DDriver);
Handling1.draganddrop (drag_me, drop_me).utføre();

Nå blir to argumenter i denne dra-.

Følgende linje i koden vil målrette element -IDen som heter “Dragable” for å dra den derfra.

WebElement Drag_Me = ddriver.FindElement (av.id (“draggable”));

I denne følgende kodelinjen er vi målrettet mot element -ID som heter "Droppable" for å slippe det første elementet på det.

WebElement Drop_me = ddriver.FindElement (av.id (“Droppable”));

Når vi utfører disse kodelinjene, flytter det første bildet som heter "Dra Me to My Target" til "Drop Here" -boksen.

Så etter å ha skrevet ovennevnte kodelinje, har vi dette bildet.

Konklusjon

Denne artikkelen handlet om dra- og slippmetoden i selen. For det første må vi nevne hva akkurat drag-og-slipp-metoden er. Etter det hjalp vi deg med å forstå metoden for drag og slippe gjennom to riktige eksempler. Så i disse eksemplene (nevnt over) brukte vi nettdriverens handlingsmetoder, og vi demonstrerer dra-og-slippevnen til Selenium Web Application. For å dra og slippe elementet, har vi brukt dra- og slippfunksjonen fra handlingsklassen. Disse parametrene er Sourcelocator og DestinationLocator. Vi forstår drag-og-slippprosedyren ved hjelp av sourcelocator, x-aksen og y-akselpiksler til destinasjonslocatoren.