Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

How to use QuerySelectorAllHandleAsync method of PuppeteerSharp.ElementHandle class

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

Page.cs

Source:Page.cs

...266        /// A utility function to be used with <see cref="Extensions.EvaluateFunctionAsync{T}(Task{JSHandle}, string, object[])"/>267        /// </summary>268        /// <param name="selector">A selector to query page for</param>269        /// <returns>Task which resolves to a <see cref="JSHandle"/> of <c>document.querySelectorAll</c> result</returns>270        public Task<JSHandle> QuerySelectorAllHandleAsync(string selector)271            => EvaluateFunctionHandleAsync("selector => Array.from(document.querySelectorAll(selector))", selector);272        /// <summary>273        /// Evaluates the XPath expression274        /// </summary>275        /// <param name="expression">Expression to evaluate <see href="https://developer.mozilla.org/en-US/docs/Web/API/Document/evaluate"/></param>276        /// <returns>Task which resolves to an array of <see cref="ElementHandle"/></returns>277        /// <remarks>278        /// Shortcut for <c>page.MainFrame.XPathAsync(expression)</c>279        /// </remarks>280        /// <seealso cref="Frame.XPathAsync(string)"/>281        public Task<ElementHandle[]> XPathAsync(string expression) => MainFrame.XPathAsync(expression);282        /// <summary>283        /// Executes a script in browser context284        /// </summary>...

ElementHandle.cs

Source:ElementHandle.cs

...268        /// A utility function to be used with <see cref="Extensions.EvaluateFunctionAsync{T}(Task{JSHandle}, string, object[])"/>269        /// </summary>270        /// <param name="selector">A selector to query element for</param>271        /// <returns>Task which resolves to a <see cref="JSHandle"/> of <c>document.querySelectorAll</c> result</returns>272        public Task<JSHandle> QuerySelectorAllHandleAsync(string selector)273            => ExecutionContext.EvaluateFunctionHandleAsync(274                "(element, selector) => Array.from(element.querySelectorAll(selector))", this, selector);275        /// <summary>276        /// Evaluates the XPath expression relative to the elementHandle. If there's no such element, the method will resolve to <c>null</c>.277        /// </summary>278        /// <param name="expression">Expression to evaluate <see href="https://developer.mozilla.org/en-US/docs/Web/API/Document/evaluate"/></param>279        /// <returns>Task which resolves to an array of <see cref="ElementHandle"/></returns>280        public async Task<ElementHandle[]> XPathAsync(string expression)281        {282            var arrayHandle = await ExecutionContext.EvaluateFunctionHandleAsync(283                @"(element, expression) => {284                    const document = element.ownerDocument || element;285                    const iterator = document.evaluate(expression, element, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE);286                    const array = [];...

PuppeteerHandleExtensions.cs

Source:PuppeteerHandleExtensions.cs

...58            await elementHandle.DisposeAsync().ConfigureAwait(false);59            return result;60        }61        /// <summary>62        /// Runs <paramref name="pageFunction"/> within the frame and passes it the outcome of <paramref name="arrayHandleTask"/> as the first argument. Use only after <see cref="Page.QuerySelectorAllHandleAsync(string)"/>63        /// </summary>64        /// <param name="arrayHandleTask">A task that returns an <see cref="JSHandle"/> that represents an array of <see cref="ElementHandle"/> that will be used as the first argument in <paramref name="pageFunction"/></param>65        /// <param name="pageFunction">Function to be evaluated in browser context</param>66        /// <param name="args">Arguments to pass to <c>pageFunction</c></param>67        /// <returns>Task</returns>68        public static Task EvaluateFunctionAsync(this Task<JSHandle> arrayHandleTask, string pageFunction, params object[] args)69            => arrayHandleTask.EvaluateFunctionAsync<object>(pageFunction, args);70        /// <summary>71        /// Runs <paramref name="pageFunction"/> within the frame and passes it the outcome of <paramref name="arrayHandleTask"/> as the first argument. Use only after <see cref="Page.QuerySelectorAllHandleAsync(string)"/>72        /// </summary>73        /// <typeparam name="T">The type to deserialize the result to</typeparam>74        /// <param name="arrayHandleTask">A task that returns an <see cref="JSHandle"/> that represents an array of <see cref="ElementHandle"/> that will be used as the first argument in <paramref name="pageFunction"/></param>75        /// <param name="pageFunction">Function to be evaluated in browser context</param>76        /// <param name="args">Arguments to pass to <c>pageFunction</c></param>77        /// <returns>Task which resolves to the return value of <c>pageFunction</c></returns>78        public static async Task<T> EvaluateFunctionAsync<T>(this Task<JSHandle> arrayHandleTask, string pageFunction, params object[] args)79        {80            if (arrayHandleTask == null)81            {82                throw new ArgumentNullException(nameof(arrayHandleTask));83            }84            return await (await arrayHandleTask.ConfigureAwait(false)).EvaluateFunctionAsync<T>(pageFunction, args).ConfigureAwait(false);85        }86        /// <summary>87        /// Runs <paramref name="pageFunction"/> within the frame and passes it the outcome of <paramref name="arrayHandle"/> as the first argument. Use only after <see cref="Page.QuerySelectorAllHandleAsync(string)"/>88        /// </summary>89        /// <typeparam name="T">The type to deserialize the result to</typeparam>90        /// <param name="arrayHandle">An <see cref="JSHandle"/> that represents an array of <see cref="ElementHandle"/> that will be used as the first argument in <paramref name="pageFunction"/></param>91        /// <param name="pageFunction">Function to be evaluated in browser context</param>92        /// <param name="args">Arguments to pass to <c>pageFunction</c></param>93        /// <returns>Task which resolves to the return value of <c>pageFunction</c></returns>94        public static async Task<T> EvaluateFunctionAsync<T>(this JSHandle arrayHandle, string pageFunction, params object[] args)95        {96            if (arrayHandle == null)97            {98                throw new ArgumentNullException(nameof(arrayHandle));99            }100            var result = await arrayHandle.EvaluateFunctionAsync<T>(pageFunction, args).ConfigureAwait(false);101            await arrayHandle.DisposeAsync().ConfigureAwait(false);...

Extensions.cs

Source:Extensions.cs

...56            await elementHandle.DisposeAsync().ConfigureAwait(false);57            return result;58        }59        /// <summary>60        /// Runs <paramref name="pageFunction"/> within the frame and passes it the outcome of <paramref name="arrayHandleTask"/> as the first argument. Use only after <see cref="Page.QuerySelectorAllHandleAsync(string)"/>61        /// </summary>62        /// <param name="arrayHandleTask">A task that returns an <see cref="JSHandle"/> that represents an array of <see cref="ElementHandle"/> that will be used as the first argument in <paramref name="pageFunction"/></param>63        /// <param name="pageFunction">Function to be evaluated in browser context</param>64        /// <param name="args">Arguments to pass to <c>pageFunction</c></param>65        /// <returns>Task</returns>66        public static Task EvaluateFunctionAsync(this Task<JSHandle> arrayHandleTask, string pageFunction, params object[] args)67            => arrayHandleTask.EvaluateFunctionAsync<object>(pageFunction, args);68        /// <summary>69        /// Runs <paramref name="pageFunction"/> within the frame and passes it the outcome of <paramref name="arrayHandleTask"/> as the first argument. Use only after <see cref="Page.QuerySelectorAllHandleAsync(string)"/>70        /// </summary>71        /// <typeparam name="T"></typeparam>72        /// <param name="arrayHandleTask">A task that returns an <see cref="JSHandle"/> that represents an array of <see cref="ElementHandle"/> that will be used as the first argument in <paramref name="pageFunction"/></param>73        /// <param name="pageFunction">Function to be evaluated in browser context</param>74        /// <param name="args">Arguments to pass to <c>pageFunction</c></param>75        /// <returns>Task which resolves to the return value of <c>pageFunction</c></returns>76        public static async Task<T> EvaluateFunctionAsync<T>(this Task<JSHandle> arrayHandleTask, string pageFunction, params object[] args)77            => await (await arrayHandleTask.ConfigureAwait(false)).EvaluateFunctionAsync<T>(pageFunction, args).ConfigureAwait(false);78        /// <summary>79        /// Runs <paramref name="pageFunction"/> within the frame and passes it the outcome of <paramref name="arrayHandle"/> as the first argument. Use only after <see cref="Page.QuerySelectorAllHandleAsync(string)"/>80        /// </summary>81        /// <typeparam name="T"></typeparam>82        /// <param name="arrayHandle">An <see cref="JSHandle"/> that represents an array of <see cref="ElementHandle"/> that will be used as the first argument in <paramref name="pageFunction"/></param>83        /// <param name="pageFunction">Function to be evaluated in browser context</param>84        /// <param name="args">Arguments to pass to <c>pageFunction</c></param>85        /// <returns>Task which resolves to the return value of <c>pageFunction</c></returns>86        public static async Task<T> EvaluateFunctionAsync<T>(this JSHandle arrayHandle, string pageFunction, params object[] args)87        {88            var response = await arrayHandle.JsonValueAsync<object[]>().ConfigureAwait(false);89            var newArgs = new object[args.Length + 1];90            newArgs[0] = arrayHandle;91            args.CopyTo(newArgs, 1);92            var result = await arrayHandle.ExecutionContext.EvaluateFunctionAsync<T>(pageFunction, newArgs).ConfigureAwait(false);93            await arrayHandle.DisposeAsync().ConfigureAwait(false);...

EvaluateFunctionTests.cs

Source:EvaluateFunctionTests.cs

...43        public async Task QuerySelectorAllShouldWork()44        {45            await Page.SetContentAsync("<html><body><div class='tweet'><div class='like'>100</div><div class='like'>10</div></div></body></html>");46            var tweet = await Page.QuerySelectorAsync(".tweet");47            var content = await tweet.QuerySelectorAllHandleAsync(".like")48                .EvaluateFunctionAsync<string[]>("nodes => nodes.map(n => n.innerText)");49            Assert.Equal(new[] { "100", "10" }, content);50        }51        [Fact]52        public async Task QuerySelectorAllShouldRetrieveContentFromSubtree()53        {54            var htmlContent = "<div class='a'>not-a-child-div</div><div id='myId'><div class='a'>a1-child-div</div><div class='a'>a2-child-div</div></div>";55            await Page.SetContentAsync(htmlContent);56            var elementHandle = await Page.QuerySelectorAsync("#myId");57            var content = await elementHandle.QuerySelectorAllHandleAsync(".a")58                .EvaluateFunctionAsync<string[]>("nodes => nodes.map(n => n.innerText)");59            Assert.Equal(new[] { "a1-child-div", "a2-child-div" }, content);60        }61        [Fact]62        public async Task QuerySelectorAllShouldNotThrowInCaseOfMissingSelector()63        {64            var htmlContent = "<div class='a'>not-a-child-div</div><div id='myId'></div>";65            await Page.SetContentAsync(htmlContent);66            var elementHandle = await Page.QuerySelectorAsync("#myId");67            var nodesLength = await elementHandle.QuerySelectorAllHandleAsync(".a")68                .EvaluateFunctionAsync<int>("nodes => nodes.length");69            Assert.Equal(0, nodesLength);70        }71    }72}...

ElementHandleQuerySelectorAllEvalTests.cs

Source:ElementHandleQuerySelectorAllEvalTests.cs

...17        public async Task ShouldWork()18        {19            await Page.SetContentAsync("<html><body><div class='tweet'><div class='like'>100</div><div class='like'>10</div></div></body></html>");20            var tweet = await Page.QuerySelectorAsync(".tweet");21            var content = await tweet.QuerySelectorAllHandleAsync(".like")22                .EvaluateFunctionAsync<string[]>("nodes => nodes.map(n => n.innerText)");23            Assert.Equal(new[] { "100", "10" }, content);24        }25        [PuppeteerTest("queryselector.spec.ts", "ElementHandle.$$eval", "should retrieve content from subtree")]26        [PuppeteerFact]27        public async Task QuerySelectorAllShouldRetrieveContentFromSubtree()28        {29            var htmlContent = "<div class='a'>not-a-child-div</div><div id='myId'><div class='a'>a1-child-div</div><div class='a'>a2-child-div</div></div>";30            await Page.SetContentAsync(htmlContent);31            var elementHandle = await Page.QuerySelectorAsync("#myId");32            var content = await elementHandle.QuerySelectorAllHandleAsync(".a")33                .EvaluateFunctionAsync<string[]>("nodes => nodes.map(n => n.innerText)");34            Assert.Equal(new[] { "a1-child-div", "a2-child-div" }, content);35        }36        [PuppeteerTest("queryselector.spec.ts", "ElementHandle.$$eval", "should not throw in case of missing selector")]37        [PuppeteerFact]38        public async Task QuerySelectorAllShouldNotThrowInCaseOfMissingSelector()39        {40            var htmlContent = "<div class='a'>not-a-child-div</div><div id='myId'></div>";41            await Page.SetContentAsync(htmlContent);42            var elementHandle = await Page.QuerySelectorAsync("#myId");43            var nodesLength = await elementHandle.QuerySelectorAllHandleAsync(".a")44                .EvaluateFunctionAsync<int>("nodes => nodes.length");45            Assert.Equal(0, nodesLength);46        }47    }48}...

QuerySelectorAllHandleAsync

Using AI Code Generation

1var browser = await Puppeteer.LaunchAsync(new LaunchOptions2{3});4var page = await browser.NewPageAsync();5var searchBox = await page.QuerySelectorAsync("input[name='q']");6await searchBox.TypeAsync("PuppeteerSharp");7await page.ClickAsync("input[value='Google Search']");8await page.WaitForSelectorAsync("#resultStats");9var searchResults = await page.QuerySelectorAllHandleAsync(".g .r a");10var properties = await searchResults.GetPropertyAsync("href");11var result = await properties.JsonValueAsync();12Console.WriteLine(result.ToString());13var browser = await Puppeteer.LaunchAsync(new LaunchOptions14{15});16var page = await browser.NewPageAsync();17var searchBox = await page.QuerySelectorAsync("input[name='q']");18await searchBox.TypeAsync("PuppeteerSharp");19await page.ClickAsync("input[value='Google Search']");20await page.WaitForSelectorAsync("#resultStats");21var searchResults = await page.QuerySelectorAllHandleAsync(".g .r a");22var properties = await searchResults.GetPropertyAsync("href");23var result = await properties.JsonValueAsync();24Console.WriteLine(result.ToString());25var browser = await Puppeteer.LaunchAsync(new LaunchOptions26{27});28var page = await browser.NewPageAsync();29var searchBox = await page.QuerySelectorAsync("input[name='q']");30await searchBox.TypeAsync("PuppeteerSharp");31await page.ClickAsync("input[value='Google Search']");32await page.WaitForSelectorAsync("#resultStats");33var searchResults = await page.QuerySelectorAllHandleAsync(".g .r a");34var properties = await searchResults.GetPropertyAsync("href");35var result = await properties.JsonValueAsync();36Console.WriteLine(result.ToString());

QuerySelectorAllHandleAsync

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4{5    {6        static async Task Main(string[] args)7        {8            var browser = await Puppeteer.LaunchAsync(new LaunchOptions9            {10            });11            var page = await browser.NewPageAsync();12            await page.WaitForSelectorAsync("input[name=q]");13            await page.TypeAsync("input[name=q]", "PuppeteerSharp");14            await page.WaitForTimeoutAsync(1000);15            var elements = await page.QuerySelectorAllHandleAsync("div.g");16            Console.WriteLine(elements);17            await browser.CloseAsync();18        }19    }20}

QuerySelectorAllHandleAsync

Using AI Code Generation

1var page = await browser.NewPageAsync();2    var search = await page.QuerySelectorAsync("input[title='Search']");3    await search.TypeAsync("Puppeteer");4    var searchButton = await page.QuerySelectorAsync("input[value='Google Search']");5    await searchButton.ClickAsync();6    var result = await page.QuerySelectorAllHandleAsync("h3");7    var resultCount = await result.CountAsync();8    Console.WriteLine(resultCount);9    var resultText = await result[0].EvaluateFunctionAsync<string>("(x) => x.textContent");10    Console.WriteLine(resultText);11var page = await browser.NewPageAsync();12    var search = await page.QuerySelectorAsync("input[title='Search']");13    await search.TypeAsync("Puppeteer");14    var searchButton = await page.QuerySelectorAsync("input[value='Google Search']");15    await searchButton.ClickAsync();16    var result = await page.QuerySelectorAllHandleAsync("h3");17    var resultCount = await result.CountAsync();18    Console.WriteLine(resultCount);19    var resultText = await result[0].EvaluateFunctionAsync<string>("(x) => x.textContent");20    Console.WriteLine(resultText);21var page = await browser.NewPageAsync();22    var search = await page.QuerySelectorAsync("input[title='Search']");23    await search.TypeAsync("Puppeteer");24    var searchButton = await page.QuerySelectorAsync("input[value='Google Search']");25    await searchButton.ClickAsync();26    var result = await page.QuerySelectorAllAsync("h3");27    var resultCount = await result.CountAsync();28    Console.WriteLine(resultCount);29    var resultText = await result[0].EvaluateFunctionAsync<string>("(x) => x.textContent");30    Console.WriteLine(resultText);31var page = await browser.NewPageAsync();32    var search = await page.QuerySelectorAsync("input[title

QuerySelectorAllHandleAsync

Using AI Code Generation

1using System;2using System.Collections.Generic;3using System.Linq;4using System.Text;5using System.Threading.Tasks;6using PuppeteerSharp;7{8    {9        static void Main(string[] args)10        {11            MainAsync(args).GetAwaiter().GetResult();12        }13        static async Task MainAsync(string[] args)14        {15            var browser = await Puppeteer.LaunchAsync(new LaunchOptions16            {17            });18            var page = await browser.NewPageAsync();19            var elementHandle = await page.QuerySelectorAsync(".gb_P");20            var elementHandles = await elementHandle.QuerySelectorAllHandleAsync(".gb_P");21            var texts = await elementHandles[0].EvaluateFunctionAsync<string[]>("elements => elements.map(element => element.textContent)", elementHandles);22            Console.WriteLine(texts[0]);23            Console.WriteLine(texts[1]);24            Console.WriteLine(texts[2]);25            Console.WriteLine(texts[3]);26            Console.WriteLine(texts[4]);27            Console.WriteLine(texts[5]);28            Console.WriteLine(texts[6]);29            Console.WriteLine(texts[7]);30            Console.WriteLine(texts[8]);31            Console.WriteLine(texts[9]);32            Console.WriteLine(texts[10]);33            Console.WriteLine(texts[11]);34            Console.WriteLine(texts[12]);35            Console.WriteLine(texts[13]);36            Console.WriteLine(texts[14]);37            Console.WriteLine(texts[15]);38            Console.WriteLine(texts[16]);39            Console.WriteLine(texts[17]);40            Console.WriteLine(texts[18]);41            Console.WriteLine(texts[19]);42            Console.WriteLine(texts[20]);43            Console.WriteLine(texts[21]);44            Console.WriteLine(texts[22]);45            Console.WriteLine(text

QuerySelectorAllHandleAsync

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4{5    {6        static async Task Main(string[] args)7        {8            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);9            using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false }))10            {11                using (var page = await browser.NewPageAsync())12                {13                    var elements = await page.QuerySelectorAllHandleAsync("a");14                    var firstElement = await elements.GetPropertiesAsync();15                    var firstElementInnerText = await firstElement["0"].AsElement().GetPropertyAsync("innerText");16                    Console.WriteLine(firstElementInnerText);17                }18            }19        }20    }21}22using System;23using System.Threading.Tasks;24using PuppeteerSharp;25{26    {27        static async Task Main(string[] args)28        {29            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);30            using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false }))31            {32                using (var page = await browser.NewPageAsync())33                {34                    var elements = await page.QuerySelectorAllHandleAsync("a");35                    var firstElement = await elements.GetPropertiesAsync();36                    var firstElementInnerText = await firstElement["0"].AsElement().GetPropertyAsync("innerText");37                    Console.WriteLine(firstElementInnerText);38                }39            }40        }41    }42}43using System;44using System.Threading.Tasks;45using PuppeteerSharp;46{47    {48        static async Task Main(string[] args)49        {

QuerySelectorAllHandleAsync

Using AI Code Generation

1public async Task<Dictionary<string, string>> GetElementsTexts(2{3    var page = await browser.NewPageAsync();4    await page.GoToAsync(url + page);5    var texts = new Dictionary<string, string>();6    foreach (var element in elements)7    {8        var elementHandle = await page.QuerySelectorAllHandleAsync(element);9        var text = await elementHandle.JsonValueAsync();10        texts.Add(element, text);11    }12    return texts;13}14public async Task<Dictionary<string, string>> GetElementsTexts(15{16    var page = await browser.NewPageAsync();17    await page.GoToAsync(url + page);18    var texts = new Dictionary<string, string>();19    foreach (var element in elements)20    {21        var elementHandle = await page.QuerySelectorAllHandleAsync(element);22        var text = await elementHandle.JsonValueAsync();23        texts.Add(element, text);24    }25    return texts;26}27public async Task<Dictionary<string, string>> GetElementsTexts(

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.