Test your AI Agents with the all-new Agent to Agent Testing Platform.Learn More

How to use DragAndDropAsync method of PuppeteerSharp.ElementHandle class

Best Puppeteer-sharp code snippet using PuppeteerSharp.ElementHandle.DragAndDropAsync

ElementHandle.cs

Source:ElementHandle.cs

...528        /// </summary>529        /// <param name="target">Target element</param>530        /// <param name="delay">If specified, is the time to wait between `dragover` and `drop` in milliseconds.</param>531        /// <returns>A Task that resolves when the message was confirmed by the browser</returns>532        public async Task DragAndDropAsync(ElementHandle target, int delay = 0)533        {534            if (target == null)535            {536                throw new ArgumentException("Target cannot be null", nameof(target));537            }538            if (!Page.IsDragInterceptionEnabled)539            {540                throw new PuppeteerException("Drag Interception is not enabled!");541            }542            await ScrollIntoViewIfNeededAsync().ConfigureAwait(false);543            var (x, y) = await ClickablePointAsync().ConfigureAwait(false);544            var targetPoint = await target.ClickablePointAsync().ConfigureAwait(false);545            await Page.Mouse.DragAndDropAsync(x, y, targetPoint.X, targetPoint.Y, delay).ConfigureAwait(false);546        }547        private async Task<(decimal X, decimal Y)> ClickablePointAsync()548        {549            GetContentQuadsResponse result = null;550            var contentQuadsTask = Client.SendAsync<GetContentQuadsResponse>("DOM.getContentQuads", new DomGetContentQuadsRequest551            {552                ObjectId = RemoteObject.ObjectId553            });554            var layoutTask = Client.SendAsync<PageGetLayoutMetricsResponse>("Page.getLayoutMetrics");555            try556            {557                await Task.WhenAll(contentQuadsTask, layoutTask).ConfigureAwait(false);558                result = contentQuadsTask.Result;559            }...

DragAndDropAsync

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4{5    {6        static async Task Main(string[] args)7        {8            {9            };10            using (var browser = await Puppeteer.LaunchAsync(options))11            {12                var page = await browser.NewPageAsync();13                await page.SwitchToFrameAsync("iframeResult");14                var source = await page.QuerySelectorAsync("#div1");15                var target = await page.QuerySelectorAsync("#div2");16                await source.DragAndDropAsync(target);17            }18        }19    }20}21public Task DragAndDropAsync(ElementHandle target)

DragAndDropAsync

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4{5    {6        static async Task Main(string[] args)7        {8            {9            };10            using (var browser = await Puppeteer.LaunchAsync(options))11            using (var page = await browser.NewPageAsync())12            {13                var element = await page.QuerySelectorAsync("input[name=q]");14                await element.TypeAsync("PuppeteerSharp");15                await element.PressAsync("Enter");16                await page.WaitForNavigationAsync();17                var searchResults = await page.QuerySelectorAllAsync("div.g");18                await searchResults[0].DragAndDropAsync(searchResults[searchResults.Length - 1]);19                await page.ScreenshotAsync("screenshot.png");20            }21        }22    }23}

DragAndDropAsync

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4{5    {6        static void Main(string[] args) => MainAsync().GetAwaiter().GetResult();7        static async Task MainAsync()8        {9            using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false }))10            using (var page = await browser.NewPageAsync())11            {12                var searchBox = await page.QuerySelectorAsync("input[name='q']");13                await searchBox.TypeAsync("PuppeteerSharp");14                await searchBox.PressAsync("Enter");15                await page.WaitForNavigationAsync();16                var firstResult = await page.QuerySelectorAsync("div.g > div > div > a");17                await firstResult.DragAndDropAsync();18            }19        }20    }21}22using System;23using System.Threading.Tasks;24using PuppeteerSharp;25{26    {27        static void Main(string[] args) => MainAsync().GetAwaiter().GetResult();28        static async Task MainAsync()29        {30            using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false }))31            using (var page = await browser.NewPageAsync())32            {33                var searchBox = await page.QuerySelectorAsync("input[name='q']");34                await searchBox.TypeAsync("PuppeteerSharp");35                await searchBox.PressAsync("Enter");36                await page.WaitForNavigationAsync();37                var firstResult = await page.QuerySelectorAsync("div.g > div > div > a");38                await firstResult.SelectAsync("PuppeteerSharp");39            }40        }41    }42}43using System;44using System.Threading.Tasks;45using PuppeteerSharp;46{47    {48        static void Main(string[] args) => MainAsync().GetAwaiter().GetResult();49        static async Task MainAsync()50        {51            using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false }))52            using (var page =

DragAndDropAsync

Using AI Code Generation

1using PuppeteerSharp;2using System;3using System.Threading.Tasks;4{5    {6        static async Task Main(string[] args)7        {8            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);9            var options = new LaunchOptions { Headless = false };10            using (var browser = await Puppeteer.LaunchAsync(options))11            using (var page = await browser.NewPageAsync())12            {13                var fileToUpload = "C:/Users/username/Desktop/5.txt";14                var inputUploadHandle = await page.QuerySelectorAsync("input[type=file]");15                await inputUploadHandle.UploadFileAsync(fileToUpload);16                await page.ScreenshotAsync("C:/Users/username/Desktop/5.png");17            }18        }19    }20}

DragAndDropAsync

Using AI Code Generation

1using PuppeteerSharp;2using System;3using System.Threading.Tasks;4{5    {6        static void Main(string[] args)7        {8            MainAsync(args).GetAwaiter().GetResult();9        }10        static async Task MainAsync(string[] args)11        {12            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);13            var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false });14            var page = await browser.NewPageAsync();15            await page.ScreenshotAsync("first.png");16            await page.SwitchToFrameAsync("iframeResult");17            var source = await page.QuerySelectorAsync("#drag1");18            var target = await page.QuerySelectorAsync("#div2");19            await source.DragAndDropAsync(target);20            await page.ScreenshotAsync("second.png");21            await browser.CloseAsync();22        }23    }24}

DragAndDropAsync

Using AI Code Generation

1var puppeteer = require('puppeteer');2var fs = require('fs');3(async () => {4    const browser = await puppeteer.launch({ headless: false });5    const page = await browser.newPage();6    await page.setViewport({ width: 1366, height: 768 });7    const element = await page.$('#gs_lc0');8    await element.dragAndDropAsync({ x: 100, y: 100 });9    await browser.close();10})();11var puppeteer = require('puppeteer');12var fs = require('fs');13(async () => {14    const browser = await puppeteer.launch({ headless: false });15    const page = await browser.newPage();16    await page.setViewport({ width: 1366, height: 768 });17    const result = await page.evaluateExpressionAsync<string>('document.title');18    console.log(result);19    await browser.close();20})();21var puppeteer = require('puppeteer');22var fs = require('fs');23(async () => {24    const browser = await puppeteer.launch({ headless: false });25    const page = await browser.newPage();26    await page.setViewport({ width: 1366, height: 768 });27    const result = await page.evaluateFunctionAsync<string>('() => document.title');28    console.log(result);29    await browser.close();30})();31var puppeteer = require('puppeteer');32var fs = require('fs');33(async () => {34    const browser = await puppeteer.launch({ headless: false });35    const page = await browser.newPage();36    await page.setViewport({ width: 1366, height: 768 });37    const result = await page.evaluateFunctionHandleAsync<string>('() => document.title');38    console.log(result);39    await browser.close();40})();

DragAndDropAsync

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4{5    {6        static async Task Main(string[] args)7        {8            var options = new LaunchOptions { Headless = false };9            using (var browser = await Puppeteer.LaunchAsync(options))10            using (var page = await browser.NewPageAsync())11            {12                await page.ScreenshotAsync("1.png");13                await page.SwitchToFrameAsync("iframeResult");14                var element = await page.QuerySelectorAsync("#drag1");15                await element.DragAndDropAsync("#div2");16                await page.ScreenshotAsync("2.png");17            }18        }19    }20}

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.