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

Copied to Clipboard!

How to use ScreenshotStreamAsync method of PuppeteerSharp.ElementHandle class

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

Page.cs

Source:Page.cs

...791        /// <summary>792        /// Takes a screenshot of the page793        /// </summary>794        /// <returns>Task which resolves to a <see cref="Stream"/> containing the image data.</returns>795        public Task<Stream> ScreenshotStreamAsync() => ScreenshotStreamAsync(new ScreenshotOptions());796        /// <summary>797        /// Takes a screenshot of the page798        /// </summary>799        /// <returns>Task which resolves to a <see cref="Stream"/> containing the image data.</returns>800        /// <param name="options">Screenshot options.</param>801        public async Task<Stream> ScreenshotStreamAsync(ScreenshotOptions options)802            => new MemoryStream(await ScreenshotDataAsync(options));803        /// <summary>804        /// Takes a screenshot of the page805        /// </summary>806        /// <returns>Task which resolves to a <see cref="byte"/>[] containing the image data.</returns>807        public Task<byte[]> ScreenshotDataAsync() => ScreenshotDataAsync(new ScreenshotOptions());808        /// <summary>809        /// Takes a screenshot of the page810        /// </summary>811        /// <returns>Task which resolves to a <see cref="byte"/>[] containing the image data.</returns>812        /// <param name="options">Screenshot options.</param>813        public async Task<byte[]> ScreenshotDataAsync(ScreenshotOptions options)814        {815            string screenshotType = null;...

Program.cs

Source:Program.cs

...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        {392            await using (browser)393            {...

ElementHandle.cs

Source:ElementHandle.cs

...66        /// This method scrolls element into view if needed, and then uses <seealso cref="Page.ScreenshotDataAsync(ScreenshotOptions)"/> to take a screenshot of the element. 67        /// If the element is detached from DOM, the method throws an error.68        /// </summary>69        /// <returns>Task which resolves to a <see cref="Stream"/> containing the image data.</returns>70        public Task<Stream> ScreenshotStreamAsync() => ScreenshotStreamAsync(new ScreenshotOptions());71        /// <summary>72        /// This method scrolls element into view if needed, and then uses <seealso cref="Page.ScreenshotDataAsync(ScreenshotOptions)"/> to take a screenshot of the element. 73        /// If the element is detached from DOM, the method throws an error.74        /// </summary>75        /// <returns>Task which resolves to a <see cref="Stream"/> containing the image data.</returns>76        /// <param name="options">Screenshot options.</param>77        public async Task<Stream> ScreenshotStreamAsync(ScreenshotOptions options)78            => new MemoryStream(await ScreenshotDataAsync(options).ConfigureAwait(false));79        /// <summary>80        /// This method scrolls element into view if needed, and then uses <seealso cref="Page.ScreenshotDataAsync(ScreenshotOptions)"/> to take a screenshot of the element. 81        /// If the element is detached from DOM, the method throws an error.82        /// </summary>83        /// <returns>Task which resolves to a <see cref="byte"/>[] containing the image data.</returns>84        public Task<byte[]> ScreenshotDataAsync() => ScreenshotDataAsync(new ScreenshotOptions());85        /// <summary>86        /// This method scrolls element into view if needed, and then uses <seealso cref="Page.ScreenshotDataAsync(ScreenshotOptions)"/> to take a screenshot of the element. 87        /// If the element is detached from DOM, the method throws an error.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)...

ElementHandleScreenshotTests.cs

Source:ElementHandleScreenshotTests.cs

...138        {139            await Page.SetContentAsync("<h1>remove this</h1>");140            var elementHandle = await Page.QuerySelectorAsync("h1");141            await Page.EvaluateFunctionAsync("element => element.remove()", elementHandle);142            var exception = await Assert.ThrowsAsync<PuppeteerException>(elementHandle.ScreenshotStreamAsync);143            Assert.Equal("Node is either not visible or not an HTMLElement", exception.Message);144        }145        [PuppeteerFact]146        public async Task ShouldNotHangWithZeroWidthHeightElement()147        {148            await Page.SetContentAsync(@"<div style='width: 50px; height: 0'></div>");149            var elementHandle = await Page.QuerySelectorAsync("div");150            var exception = await Assert.ThrowsAsync<PuppeteerException>(elementHandle.ScreenshotDataAsync);151            Assert.Equal("Node has 0 height.", exception.Message);152        }153        [PuppeteerFact]154        public async Task ShouldWorkForAnElementWithFractionalDimensions()155        {156            await Page.SetContentAsync("<div style=\"width:48.51px;height:19.8px;border:1px solid black;\"></div>");...

AbilityImageService.cs

Source:AbilityImageService.cs

...40                await page.GoToAsync(url);41                await Task.Delay(TimeSpan.FromSeconds(10));42                var elements = await page.QuerySelectorAllAsync(".ability-background");43                var element = await GetElement(elements, name);44                var stream = await element.ScreenshotStreamAsync(new ScreenshotOptions() { Type = ScreenshotType.Png });45                var key = Guid.NewGuid();46                var client = new BlobClient(this.connectionString, CONTAINER_NAME, $"{key}.png");47                await client.UploadAsync(stream);48                return client.Uri;49            }50            catch(Exception)51            {52                return null;53            }54            finally55            {56                await browser.CloseAsync();57                await browser.DisposeAsync();58            }59        }60        private async Task<Stream> GetWikiCard(string id)61        {62            var abilityId = int.Parse(id);63            var collection = this.metaClient.GetAbilities();64            var ability = collection.FirstOrDefault(_ => _.Id == abilityId);65            if (ability is null)66                throw new UserFriendlyException($"Unable to find ability {id}");67            var hero = this.metaClient.GetHero(ability.HeroId);68            if(hero is null)69                throw new UserFriendlyException($"Unable to find hero {ability.HeroId}");70            var browser = await Puppeteer.ConnectAsync(this.puppeteerConfuration);71            try72            {73                var page = await browser.NewPageAsync();74                page.DefaultNavigationTimeout = 0;75                await page.SetViewportAsync(new ViewPortOptions { Width = 1920, Height = 1080 });76                var slug = hero.Name.Replace(" ", "_");77                if (slug == "Invoker") slug = "Invoker/Ability_Draft";78                await page.GoToAsync($"https://dota2.fandom.com/wiki/{slug}");79                await Task.Delay(TimeSpan.FromSeconds(5));80                var elements = await page.QuerySelectorAllAsync(".ability-background");81                var element = await GetElement(elements, ability.Name);82                var stream = await element.ScreenshotStreamAsync(new ScreenshotOptions() { Type = ScreenshotType.Png });83                return stream;84            }85            finally86            {87                await browser.CloseAsync();88                await browser.DisposeAsync();89            }90        }91        private static async Task<ElementHandle> GetElement(ElementHandle[] elements, string name)92        {93            foreach (var element in elements)94            {95                var property = await element.GetPropertyAsync("innerText");96                var body = await property.JsonValueAsync<string>();...

ScreenshotTests.cs

Source:ScreenshotTests.cs

...102        {103            await Page.SetContentAsync("<h1>remove this</h1>");104            var elementHandle = await Page.QuerySelectorAsync("h1");105            await Page.EvaluateFunctionAsync("element => element.remove()", elementHandle);106            var exception = await Assert.ThrowsAsync<PuppeteerException>(elementHandle.ScreenshotStreamAsync);107            Assert.Equal("Node is detached from document", exception.Message);108        }109    }110}...

VerifyPuppeteer.cs

Source:VerifyPuppeteer.cs

...8        VerifierSettings.RegisterFileConverter<Page>(PageToImage);9    }10    static async Task<ConversionResult> PageToImage(Page page, IReadOnlyDictionary<string, object> context)11    {12        var screenshot = page.ScreenshotStreamAsync();13        var html = page.GetContentAsync();14        return new(15            null,16            new List<Target>17            {18                new("html", await html, null),19                new("png", await screenshot, null)20            }21        );22    }23    static async Task<ConversionResult> ElementToImage(ElementHandle element, IReadOnlyDictionary<string, object> context)24    {25        var screenshot = await element.ScreenshotStreamAsync();26        var html = await element.EvaluateFunctionAsync<string>("element => element.innerHTML");27        return new(28            null,29            new List<Target>30            {31                new("html", html, null),32                new("png", screenshot, null)33            }34        );35    }36}...

ScreenshotStreamAsync

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            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);10            using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true }))11            {12                using (var page = await browser.NewPageAsync())13                {14                    await page.WaitForSelectorAsync("input[name='q']");15                    var elementHandle = await page.QuerySelectorAsync("input[name='q']");16                    var stream = await elementHandle.ScreenshotStreamAsync();17                    var screenshot = await elementHandle.ScreenshotDataAsync();18                    File.WriteAllBytes("screenshot.png", screenshot);19                    using (var fileStream = File.Create("screenshot.png"))20                    {21                        await stream.CopyToAsync(fileStream);22                    }23                }24            }25        }26    }27}28PuppeteerSharp Microsoft Open Source Code of Conduct Incident Reporting Form (Chinese)29PuppeteerSharp Microsoft Open Source Code of Conduct Incident Reporting Form (Japanese)30PuppeteerSharp Microsoft Open Source Code of Conduct Incident Reporting Form (Korean)

ScreenshotStreamAsync

Using AI Code Generation

1var screenshot = await element.ScreenshotStreamAsync();2var screenshot = await element.ScreenshotStreamAsync();3var screenshot = await element.ScreenshotStreamAsync();4var screenshot = await element.ScreenshotStreamAsync();5var screenshot = await element.ScreenshotStreamAsync();6var screenshot = await element.ScreenshotStreamAsync();7var screenshot = await element.ScreenshotStreamAsync();8var screenshot = await element.ScreenshotStreamAsync();9var screenshot = await element.ScreenshotStreamAsync();10var screenshot = await element.ScreenshotStreamAsync();11var screenshot = await element.ScreenshotStreamAsync();12var screenshot = await element.ScreenshotStreamAsync();13var screenshot = await element.ScreenshotStreamAsync();14var screenshot = await element.ScreenshotStreamAsync();15var screenshot = await element.ScreenshotStreamAsync();

ScreenshotStreamAsync

Using AI Code Generation

1var page = await browser.NewPageAsync();2var element = await page.QuerySelectorAsync("input[name='q']");3var stream = await element.ScreenshotStreamAsync();4var fileStream = new FileStream("screenshot.png", FileMode.Create);5await stream.CopyToAsync(fileStream);6fileStream.Close();7await browser.CloseAsync();8var page = await browser.NewPageAsync();9var stream = await page.ScreenshotStreamAsync();10var fileStream = new FileStream("screenshot.png", FileMode.Create);11await stream.CopyToAsync(fileStream);12fileStream.Close();13await browser.CloseAsync();14var page = await browser.NewPageAsync();15var stream = await page.ScreenshotStreamAsync();16var fileStream = new FileStream("screenshot.png", FileMode.Create);17await stream.CopyToAsync(fileStream);18fileStream.Close();19await browser.CloseAsync();20var page = await browser.NewPageAsync();21var stream = await page.ScreenshotStreamAsync();22var fileStream = new FileStream("screenshot.png", FileMode.Create);23await stream.CopyToAsync(fileStream);24fileStream.Close();25await browser.CloseAsync();26var page = await browser.NewPageAsync();27var stream = await page.ScreenshotStreamAsync();28var fileStream = new FileStream("screenshot.png", FileMode.Create);29await stream.CopyToAsync(fileStream);30fileStream.Close();31await browser.CloseAsync();32var page = await browser.NewPageAsync();33var stream = await page.ScreenshotStreamAsync();34var fileStream = new FileStream("screenshot.png", FileMode.Create);35await stream.CopyToAsync(fileStream);36fileStream.Close();37await browser.CloseAsync();

ScreenshotStreamAsync

Using AI Code Generation

1var page = await browser.NewPageAsync();2var elementHandle = await page.QuerySelectorAsync("body");3var stream = await elementHandle.ScreenshotStreamAsync();4var screenshot = Image.FromStream(stream);5screenshot.Save("screenshot.png");6var page = await browser.NewPageAsync();7var stream = await page.ScreenshotStreamAsync();8var screenshot = Image.FromStream(stream);9screenshot.Save("screenshot.png");10var page = await browser.NewPageAsync();11var stream = await page.MainFrame.ScreenshotStreamAsync();12var screenshot = Image.FromStream(stream);13screenshot.Save("screenshot.png");14var page = await browser.NewPageAsync();15var stream = await page.MainFrame.ScreenshotStreamAsync();16var screenshot = Image.FromStream(stream);17screenshot.Save("screenshot.png");18var page = await browser.NewPageAsync();19var elementHandle = await page.QuerySelectorAsync("body");20var screenshot = await elementHandle.ScreenshotDataAsync();21File.WriteAllBytes("screenshot.png", screenshot);22var page = await browser.NewPageAsync();23var screenshot = await page.ScreenshotDataAsync();24File.WriteAllBytes("screenshot.png", screenshot);25var page = await browser.NewPageAsync();26var screenshot = await page.MainFrame.ScreenshotDataAsync();27File.WriteAllBytes("screenshot.png", screenshot);28var page = await browser.NewPageAsync();29var screenshot = await page.MainFrame.ScreenshotDataAsync();30File.WriteAllBytes("screenshot.png", screenshot);31var page = await browser.NewPageAsync();32await page.SetViewportAsync(new ViewPortOptions {

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.