How to use ScreenshotBase64Async method of PuppeteerSharp.ElementHandle class

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

Page.cs

Source:Page.cs

...877        /// <summary>878        /// Takes a screenshot of the page879        /// </summary>880        /// <returns>Task which resolves to a <see cref="string"/> containing the image data as base64.</returns>881        public Task<string> ScreenshotBase64Async() => ScreenshotBase64Async(new ScreenshotOptions());882        /// <summary>883        /// Takes a screenshot of the page884        /// </summary>885        /// <returns>Task which resolves to a <see cref="string"/> containing the image data as base64.</returns>886        /// <param name="options">Screenshot options.</param>887        public Task<string> ScreenshotBase64Async(ScreenshotOptions options)888        {889            var screenshotType = options.Type;890            if (!screenshotType.HasValue)891            {892                screenshotType = ScreenshotType.Png;893            }894            if (options.Quality.HasValue)895            {896                if (screenshotType != ScreenshotType.Jpeg)897                {898                    throw new ArgumentException($"options.Quality is unsupported for the {screenshotType} screenshots");899                }900                if (options.Quality < 0 || options.Quality > 100)901                {902                    throw new ArgumentException($"Expected options.quality to be between 0 and 100 (inclusive), got {options.Quality}");903                }904            }905            if (options.Clip != null && options.FullPage)906            {907                throw new ArgumentException("options.clip and options.fullPage are exclusive");908            }909            return _screenshotTaskQueue.Enqueue(() => PerformScreenshot(screenshotType.Value, options));910        }911        /// <summary>912        /// Takes a screenshot of the page913        /// </summary>914        /// <returns>Task which resolves to a <see cref="byte"/>[] containing the image data.</returns>915        public Task<byte[]> ScreenshotDataAsync() => ScreenshotDataAsync(new ScreenshotOptions());916        /// <summary>917        /// Takes a screenshot of the page918        /// </summary>919        /// <returns>Task which resolves to a <see cref="byte"/>[] containing the image data.</returns>920        /// <param name="options">Screenshot options.</param>921        public async Task<byte[]> ScreenshotDataAsync(ScreenshotOptions options)922            => Convert.FromBase64String(await ScreenshotBase64Async(options).ConfigureAwait(false));923        /// <summary>924        /// Returns page's title925        /// </summary>926        /// <returns>page's title</returns>927        /// <see cref="Frame.GetTitleAsync"/>928        public Task<string> GetTitleAsync() => MainFrame.GetTitleAsync();929        /// <summary>930        /// Closes the page.931        /// </summary>932        /// <returns>Task.</returns>933        public Task CloseAsync(PageCloseOptions options = null)934        {935            if (!(Client?.Connection?.IsClosed ?? true))936            {...

Program.cs

Source:Program.cs

...373                await using (var page = await browser.NewPageAsync())374                {375                    await page.GoToAsync(url);376                    await page.ScreenshotAsync(outputFile);377                    //await page.ScreenshotBase64Async(outputFile);378                    //await page.ScreenshotDataAsync(outputFile);379                    //await page.ScreenshotStreamAsync(outputFile);380                };381            };382            return true;383        }384        /// <summary>385        /// ç½é¡µpdfçæ386        /// </summary>387        /// <param name="url">ç½å</param>388        /// <param name="outputFile">è¾åºå°å</param>389        /// <returns></returns>390        public async static Task<bool> GeneratePdf(string url, string outputFile)391        {...

ElementHandle.cs

Source:ElementHandle.cs

...88        /// </summary>89        /// <returns>Task which resolves to a <see cref="byte"/>[] containing the image data.</returns>90        /// <param name="options">Screenshot options.</param>91        public async Task<byte[]> ScreenshotDataAsync(ScreenshotOptions options)92            => Convert.FromBase64String(await ScreenshotBase64Async(options).ConfigureAwait(false));93        /// <summary>94        /// This method scrolls element into view if needed, and then uses <seealso cref="Page.ScreenshotBase64Async(ScreenshotOptions)"/> to take a screenshot of the element. 95        /// If the element is detached from DOM, the method throws an error.96        /// </summary>97        /// <returns>Task which resolves to a <see cref="string"/> containing the image data as base64.</returns>98        public Task<string> ScreenshotBase64Async() => ScreenshotBase64Async(new ScreenshotOptions());99        /// <summary>100        /// This method scrolls element into view if needed, and then uses <seealso cref="Page.ScreenshotBase64Async(ScreenshotOptions)"/> to take a screenshot of the element. 101        /// If the element is detached from DOM, the method throws an error.102        /// </summary>103        /// <returns>Task which resolves to a <see cref="string"/> containing the image data as base64.</returns>104        /// <param name="options">Screenshot options.</param>105        public async Task<string> ScreenshotBase64Async(ScreenshotOptions options)106        {107            var needsViewportReset = false;108            var boundingBox = await BoundingBoxAsync().ConfigureAwait(false);109            if (boundingBox == null)110            {111                throw new PuppeteerException("Node is either not visible or not an HTMLElement");112            }113            var viewport = Page.Viewport;114            if (viewport != null && (boundingBox.Width > viewport.Width || boundingBox.Height > viewport.Height))115            {116                var newRawViewport = JObject.FromObject(viewport);117                newRawViewport.Merge(new ViewPortOptions118                {119                    Width = (int)Math.Max(viewport.Width, Math.Ceiling(boundingBox.Width)),120                    Height = (int)Math.Max(viewport.Height, Math.Ceiling(boundingBox.Height))121                });122                await Page.SetViewportAsync(newRawViewport.ToObject<ViewPortOptions>()).ConfigureAwait(false);123                needsViewportReset = true;124            }125            await ExecutionContext.EvaluateFunctionAsync(@"function(element) {126                element.scrollIntoView({ block: 'center', inline: 'center', behavior: 'instant'});127            }", this).ConfigureAwait(false);128            await ScrollIntoViewIfNeededAsync().ConfigureAwait(false);129            boundingBox = await BoundingBoxAsync().ConfigureAwait(false);130            if (boundingBox == null)131            {132                throw new PuppeteerException("Node is either not visible or not an HTMLElement");133            }134            var getLayoutMetricsResponse = await Client.SendAsync<GetLayoutMetricsResponse>("Page.getLayoutMetrics").ConfigureAwait(false);135            var clip = boundingBox;136            clip.X += getLayoutMetricsResponse.LayoutViewport.PageX;137            clip.Y += getLayoutMetricsResponse.LayoutViewport.PageY;138            options.Clip = boundingBox.ToClip();139            var imageData = await Page.ScreenshotBase64Async(options).ConfigureAwait(false);140            if (needsViewportReset)141            {142                await Page.SetViewportAsync(viewport).ConfigureAwait(false);143            }144            return imageData;145        }146        /// <summary>147        /// Scrolls element into view if needed, and then uses <see cref="Page.Mouse"/> to hover over the center of the element.148        /// </summary>149        /// <returns>Task which resolves when the element is successfully hovered</returns>150        public async Task HoverAsync()151        {152            await ScrollIntoViewIfNeededAsync().ConfigureAwait(false);153            var (x, y) = await ClickablePointAsync().ConfigureAwait(false);...

Methods.cs

Source:Methods.cs

...227        {228            data.Logger.LogHeader();229            var frame = GetFrame(data);230            var elem = await GetElement(frame, findBy, identifier, index);231            var base64 = await elem.ScreenshotBase64Async(new ScreenshotOptions 232            { 233                FullPage = fullPage,234                OmitBackground = omitBackground,235                Type = omitBackground ? ScreenshotType.Png : ScreenshotType.Jpeg,236                Quality = omitBackground ? null : 100237            });238            data.Logger.Log($"Took a screenshot of the element as base64", LogColors.DarkSalmon);239            return base64;240        }241        [Block("Switches to a different iframe", name = "Switch to Frame")]242        public static async Task PuppeteerSwitchToFrame(BotData data, FindElementBy findBy, string identifier, int index)243        {244            data.Logger.LogHeader();245            var frame = GetFrame(data);...

YandexRegistration.cs

Source:YandexRegistration.cs

...261            var svgImage = await page.QuerySelectorAsync("img.captcha__image");262            if (svgImage != null)263            {264                var antiCaptchaOnlineApi = new AntiCaptchaOnlineApi();265                var antiCaptchaResult = antiCaptchaOnlineApi.SolveIm(await svgImage.ScreenshotBase64Async(new ScreenshotOptions { OmitBackground = true }));266                if (antiCaptchaResult.Success)267                {268                    var eInputCaptcha = await page.QuerySelectorAsync("input#captcha");269                    if (eInputCaptcha != null)270                    {271                        await eInputCaptcha.ClickAsync(new ClickOptions { ClickCount=3});272                        await eInputCaptcha.TypeAsync(antiCaptchaResult.Response, _typeOptions);273                    }274                }275            }276        }277        #endregion278    }279}...

ScreenshotBase64Async

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            using (var page = await browser.NewPageAsync())11            {12                await page.ScreenshotAsync("1.png");13                var elementHandle = await page.QuerySelectorAsync("div");14                var screenShot = await elementHandle.ScreenshotBase64Async();15                Console.WriteLine(screenShot);16            }17        }18    }19}20using System;21using System.Threading.Tasks;22using PuppeteerSharp;23{24    {25        static async Task Main(string[] args)26        {27            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);28            using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false }))29            using (var page = await browser.NewPageAsync())30            {31                await page.ScreenshotAsync("1.png");32                var screenShot = await page.ScreenshotBase64Async();33                Console.WriteLine(screenShot);34            }35        }36    }37}38using System;39using System.Threading.Tasks;40using PuppeteerSharp;41{42    {43        static async Task Main(string[] args)44        {45            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);46            using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false }))47            using (var page = await browser.NewPageAsync())48            {49                await page.ScreenshotAsync("1.png");50                var frame = page.MainFrame;51                var screenShot = await frame.ScreenshotBase64Async();52                Console.WriteLine(screenShot);53            }54        }55    }56}

ScreenshotBase64Async

Using AI Code Generation

1var page = await browser.NewPageAsync();2var screenshot = await page.ScreenshotBase64Async();3Console.WriteLine(screenshot);4var page = await browser.NewPageAsync();5var screenshot = await page.ScreenshotBase64Async();6Console.WriteLine(screenshot);7var page = await browser.NewPageAsync();8var screenshot = await page.MainFrame.ScreenshotBase64Async();9Console.WriteLine(screenshot);10var page = await browser.NewPageAsync();11var element = await page.QuerySelectorAsync("input");12var screenshot = await element.ScreenshotBase64Async();13Console.WriteLine(screenshot);14var page = await browser.NewPageAsync();15var element = await page.QuerySelectorAsync("input");16var screenshot = await page.ScreenshotBase64Async(element);17Console.WriteLine(screenshot);18var page = await browser.NewPageAsync();19var element = await page.QuerySelectorAsync("input");20var screenshot = await page.MainFrame.ScreenshotBase64Async(element);21Console.WriteLine(screenshot);22var page = await browser.NewPageAsync();23var element = await page.QuerySelectorAsync("input");24var screenshot = await element.ScreenshotBase64Async(new ScreenshotOptions25{26    {27    }28});29Console.WriteLine(screenshot);

ScreenshotBase64Async

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.ScreenshotAsync("google.png");14                var element = await page.QuerySelectorAsync("img");15                var base64 = await element.ScreenshotBase64Async();

ScreenshotBase64Async

Using AI Code Generation

1using System;2using System.IO;3using System.Threading.Tasks;4using PuppeteerSharp;5using System.Text;6{7	{8		static async Task Main(string[] args)9		{10			var browserFetcher = new BrowserFetcher();11			await browserFetcher.DownloadAsync(BrowserFetcher.DefaultRevision);12			var browser = await Puppeteer.LaunchAsync(new LaunchOptions13			{14				Args = new[] { "--no-sandbox" }15			});16			var page = await browser.NewPageAsync();17			await page.WaitForSelectorAsync("input[name=q]");18			await page.TypeAsync("input[name=q]", "PuppeteerSharp");19			var elementHandle = await page.QuerySelectorAsync("input[name=q]");20			var base64 = await elementHandle.ScreenshotBase64Async();21			byte[] imageBytes = Convert.FromBase64String(base64);22			File.WriteAllBytes("image.png", imageBytes);23			await browser.CloseAsync();24		}25	}26}

ScreenshotBase64Async

Using AI Code Generation

1using System;2using System.IO;3using System.Threading.Tasks;4using PuppeteerSharp;5{6    {7        static async Task Main(string[] args)8        {9            var browser = await Puppeteer.LaunchAsync(new LaunchOptions10            {11            });12            var page = await browser.NewPageAsync();13            await page.WaitForSelectorAsync("input[name=q]");14            await page.FocusAsync("input[name=q]");15            await page.Keyboard.TypeAsync("PuppeteerSharp");16            await page.Keyboard.PressAsync("Enter");17            await page.WaitForNavigationAsync();18            await page.WaitForSelectorAsync("div.g");19            var element = await page.QuerySelectorAsync("div.g");20            var base64 = await element.ScreenshotBase64Async();21            var image = Convert.FromBase64String(base64);22            var fileName = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.Desktop), "screenshot.png");23            File.WriteAllBytes(fileName, image);24            System.Diagnostics.Process.Start(fileName);25            await Task.Delay(5000);26            File.Delete(fileName);27            await browser.CloseAsync();28        }29    }30}

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.