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

Copied to Clipboard!

How to use StartCSSCoverageAsync method of PuppeteerSharp.PageCoverage.Coverage class

Best Puppeteer-sharp code snippet using PuppeteerSharp.PageCoverage.Coverage.StartCSSCoverageAsync

CSSCoverageTests.cs

Source:CSSCoverageTests.cs

...16        }17        [Fact]18        public async Task ShouldWork()19        {20            await Page.Coverage.StartCSSCoverageAsync();21            await Page.GoToAsync(TestConstants.ServerUrl + "/csscoverage/simple.html");22            var coverage = await Page.Coverage.StopCSSCoverageAsync();23            Assert.Single(coverage);24            Assert.Contains("/csscoverage/simple.html", coverage[0].Url);25            Assert.Equal(new CoverageEntryRange[]26            {27                new CoverageEntryRange28                {29                    Start = 1,30                    End = 2231                }32            }, coverage[0].Ranges);33            var range = coverage[0].Ranges[0];34            Assert.Equal("div { color: green; }", coverage[0].Text.Substring(range.Start, range.End - range.Start));35        }36        [Fact]37        public async Task ShouldReportSourceUrls()38        {39            await Page.Coverage.StartCSSCoverageAsync();40            await Page.GoToAsync(TestConstants.ServerUrl + "/csscoverage/sourceurl.html");41            var coverage = await Page.Coverage.StopCSSCoverageAsync();42            Assert.Single(coverage);43            Assert.Equal("nicename.css", coverage[0].Url);44        }45        [Fact]46        public async Task ShouldReportMultipleStylesheets()47        {48            await Page.Coverage.StartCSSCoverageAsync();49            await Page.GoToAsync(TestConstants.ServerUrl + "/csscoverage/multiple.html");50            var coverage = await Page.Coverage.StopCSSCoverageAsync();51            Assert.Equal(2, coverage.Length);52            var orderedList = coverage.OrderBy(c => c.Url);53            Assert.Contains("/csscoverage/stylesheet1.css", orderedList.ElementAt(0).Url);54            Assert.Contains("/csscoverage/stylesheet2.css", orderedList.ElementAt(1).Url);55        }56        [Fact]57        public async Task ShouldReportStylesheetsThatHaveNoCoverage()58        {59            await Page.Coverage.StartCSSCoverageAsync();60            await Page.GoToAsync(TestConstants.ServerUrl + "/csscoverage/unused.html");61            var coverage = await Page.Coverage.StopCSSCoverageAsync();62            Assert.Single(coverage);63            var entry = coverage[0];64            Assert.Contains("unused.css", entry.Url);65            Assert.Empty(entry.Ranges);66        }67        [Fact]68        public async Task ShouldWorkWithMediaQueries()69        {70            await Page.Coverage.StartCSSCoverageAsync();71            await Page.GoToAsync(TestConstants.ServerUrl + "/csscoverage/media.html");72            var coverage = await Page.Coverage.StopCSSCoverageAsync();73            Assert.Single(coverage);74            var entry = coverage[0];75            Assert.Contains("/csscoverage/media.html", entry.Url);76            Assert.Equal(new CoverageEntryRange[]77            {78                new CoverageEntryRange79                {80                    Start = 17,81                    End = 3882                }83            }, coverage[0].Ranges);84        }85        [Fact]86        public async Task ShouldWorkWithComplicatedUsecases()87        {88            const string involved = @"[89              {90                ""Url"": ""http://localhost:<PORT>/csscoverage/involved.html"",91                ""Ranges"": [92                  {93                    ""Start"": 149,94                    ""End"": 29795                  },96                  {97                    ""Start"": 327,98                    ""End"": 43399                  }100                ],101                ""Text"": ""\n @charset \""utf - 8\"";\n@namespace svg url(http://www.w3.org/2000/svg);\n@font-face {\n  font-family: \""Example Font\"";\n src: url(\""./Dosis-Regular.ttf\"");\n}\n\n#fluffy {\n  border: 1px solid black;\n  z-index: 1;\n  /* -webkit-disabled-property: rgb(1, 2, 3) */\n  -lol-cats: \""dogs\"" /* non-existing property */\n}\n\n@media (min-width: 1px) {\n  span {\n    -webkit-border-radius: 10px;\n    font-family: \""Example Font\"";\n    animation: 1s identifier;\n  }\n}\n""102              }103            ]";104            await Page.Coverage.StartCSSCoverageAsync();105            await Page.GoToAsync(TestConstants.ServerUrl + "/csscoverage/involved.html");106            var coverage = await Page.Coverage.StopCSSCoverageAsync();107            Assert.Equal(108                TestUtils.CompressText(involved),109                Regex.Replace(TestUtils.CompressText(JsonConvert.SerializeObject(coverage)), @":\d{4}\/", ":<PORT>/"));110        }111        [Fact]112        public async Task ShouldIgnoreInjectedStylesheets()113        {114            await Page.Coverage.StartCSSCoverageAsync();115            await Page.AddStyleTagAsync(new AddTagOptions116            {117                Content = "body { margin: 10px;}"118            });119            // trigger style recalc120            var margin = await Page.EvaluateExpressionAsync<string>("window.getComputedStyle(document.body).margin");121            Assert.Equal("10px", margin);122            var coverage = await Page.Coverage.StopCSSCoverageAsync();123            Assert.Empty(coverage);124        }125    }126}...

Coverage.cs

Source:Coverage.cs

...35        /// Starts CSS coverage36        /// </summary>37        /// <param name="options">Set of configurable options for coverage</param>38        /// <returns>A task that resolves when coverage is started</returns>39        public Task StartCSSCoverageAsync(CoverageStartOptions options = null)40            => _cssCoverage.StartAsync(options ?? new CoverageStartOptions());41        /// <summary>42        /// Stops JS coverage and returns coverage reports for all non-anonymous scripts43        /// </summary>44        /// <returns>Task that resolves to the array of coverage reports for all stylesheets</returns>45        /// <remarks>46        /// JavaScript Coverage doesn't include anonymous scripts; however, scripts with sourceURLs are reported.47        /// </remarks>48        public Task<CoverageEntry[]> StopCSSCoverageAsync() => _cssCoverage.StopAsync();49        internal static CoverageEntryRange[] ConvertToDisjointRanges(List<CoverageResponseRange> nestedRanges)50        {51            var points = new List<CoverageEntryPoint>();52            foreach (var range in nestedRanges)53            {...

CSSResetOnNavigationTests.cs

Source:CSSResetOnNavigationTests.cs

...15        }16        [Fact]17        public async Task ShouldReportStylesheetsAcrossNavigationsWhenDisabled()18        {19            await Page.Coverage.StartCSSCoverageAsync(new CoverageStartOptions20            {21                ResetOnNavigation = false22            });23            await Page.GoToAsync(TestConstants.ServerUrl + "/csscoverage/multiple.html");24            await Page.GoToAsync(TestConstants.EmptyPage);25            var coverage = await Page.Coverage.StopCSSCoverageAsync();26            Assert.Equal(2, coverage.Length);27        }28        [Fact]29        public async Task ShouldNotReportScriptsAcrossNavigationsWhenEnabled()30        {31            await Page.Coverage.StartCSSCoverageAsync();32            await Page.GoToAsync(TestConstants.ServerUrl + "/csscoverage/multiple.html");33            await Page.GoToAsync(TestConstants.EmptyPage);34            var coverage = await Page.Coverage.StopCSSCoverageAsync();35            Assert.Empty(coverage);36        }37    }38}...

StartCSSCoverageAsync

Using AI Code Generation

1PuppeteerSharp.PageCoverage.Coverage coverage = await page.StartCSSCoverageAsync();2PuppeteerSharp.PageCoverage.Coverage coverage = await page.StartJSCoverageAsync();3PuppeteerSharp.PageCoverage.Coverage coverage = await page.StartCSSCoverageAsync();4PuppeteerSharp.PageCoverage.Coverage coverage = await page.StartJSCoverageAsync();5PuppeteerSharp.PageCoverage.Coverage coverage = await page.StartCSSCoverageAsync();6PuppeteerSharp.PageCoverage.Coverage coverage = await page.StartJSCoverageAsync();7PuppeteerSharp.PageCoverage.Coverage coverage = await page.StartCSSCoverageAsync();8PuppeteerSharp.PageCoverage.Coverage coverage = await page.StartJSCoverageAsync();9PuppeteerSharp.PageCoverage.Coverage coverage = await page.StartCSSCoverageAsync();10PuppeteerSharp.PageCoverage.Coverage coverage = await page.StartJSCoverageAsync();11PuppeteerSharp.PageCoverage.Coverage coverage = await page.StartCSSCoverageAsync();

StartCSSCoverageAsync

Using AI Code Generation

1using System;2using System.Collections.Generic;3using System.Linq;4using System.Text;5using System.Threading.Tasks;6using PuppeteerSharp;7using PuppeteerSharp.PageCoverage;8{9    {10        static async Task Main(string[] args)11        {12            {13                Args = new[] { "--start-fullscreen" }14            };15            using (var browser = await Puppeteer.LaunchAsync(options))16            using (var page = await browser.NewPageAsync())17            {18                await page.ClickAsync("input[name='q']");19                await page.Keyboard.TypeAsync("Puppeteer");20                await page.Keyboard.PressAsync("Enter");21                await page.WaitForNavigationAsync();22                await page.Coverage.StartCSSCoverageAsync();23                await page.WaitForNavigationAsync();24                var coverage = await page.Coverage.StopCSSCoverageAsync();25                foreach (var entry in coverage)26                {27                    Console.WriteLine(entry.Url);28                    Console.WriteLine(entry.Text);29                }30            }31        }32    }33}34using System;35using System.Collections.Generic;36using System.Linq;37using System.Text;38using System.Threading.Tasks;39using PuppeteerSharp;40using PuppeteerSharp.PageCoverage;41{42    {43        static async Task Main(string[] args)44        {45            {46                Args = new[] { "--start-fullscreen" }47            };48            using (var browser = await Puppeteer.LaunchAsync(options))49            using (var page = await browser.NewPageAsync())50            {51                await page.ClickAsync("input[name='q']");52                await page.Keyboard.TypeAsync("Puppeteer");53                await page.Keyboard.PressAsync("Enter");54                await page.WaitForNavigationAsync();55                await page.Coverage.StartJSCoverageAsync();56                await page.WaitForNavigationAsync();

StartCSSCoverageAsync

Using AI Code Generation

1var page = await browser.NewPageAsync();2await page.StartCSSCoverageAsync();3await page.ClickAsync("input[type='text']");4await page.TypeAsync("input[type='text']", "Hello World");5await page.StopCSSCoverageAsync();6var page = await browser.NewPageAsync();7await page.StartJSCoverageAsync();8await page.ClickAsync("input[type='text']");9await page.TypeAsync("input[type='text']", "Hello World");10await page.StopJSCoverageAsync();11var page = await browser.NewPageAsync();12await page.StartJSCoverageAsync();13await page.ClickAsync("input[type='text']");14await page.TypeAsync("input[type='text']", "Hello World");15await page.StopJSCoverageAsync();16var page = await browser.NewPageAsync();17await page.StartCSSCoverageAsync();18await page.ClickAsync("input[type='text']");19await page.TypeAsync("input[type='text']", "Hello World");20await page.StopCSSCoverageAsync();21var page = await browser.NewPageAsync();22await page.StartJSCoverageAsync();23await page.ClickAsync("input[type='text']");24await page.TypeAsync("input[type='text']", "Hello World");25await page.StopJSCoverageAsync();26var page = await browser.NewPageAsync();27await page.StartCSSCoverageAsync();28await page.ClickAsync("input[type='text']");29await page.TypeAsync("input[type='text']", "Hello

StartCSSCoverageAsync

Using AI Code Generation

1var page = await browser.NewPageAsync();2var coverage = await page.Coverage.StartCSSCoverageAsync();3var cssCoverage = await coverage.StopCSSCoverageAsync();4var page = await browser.NewPageAsync();5var coverage = await page.Coverage.StartJSCoverageAsync();6var jsCoverage = await coverage.StopJSCoverageAsync();7var page = await browser.NewPageAsync();8var coverage = await page.Coverage.StartJSCoverageAsync();9var jsCoverage = await coverage.StopJSCoverageAsync();10var page = await browser.NewPageAsync();11var coverage = await page.Coverage.StartJSCoverageAsync();12var jsCoverage = await coverage.StopJSCoverageAsync();13var page = await browser.NewPageAsync();14var coverage = await page.Coverage.StartJSCoverageAsync();15var jsCoverage = await coverage.StopJSCoverageAsync();16var page = await browser.NewPageAsync();17var coverage = await page.Coverage.StartJSCoverageAsync();18var jsCoverage = await coverage.StopJSCoverageAsync();19var page = await browser.NewPageAsync();20var coverage = await page.Coverage.StartJSCoverageAsync();

StartCSSCoverageAsync

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            var browser = await Puppeteer.LaunchAsync(options);11            var page = await browser.NewPageAsync();12            var coverage = await page.Coverage.StartCSSCoverageAsync();13            await page.EvaluateFunctionAsync("() => {document.querySelector('input').style.border = '3px solid red';}");14            var cssCoverage = await page.Coverage.StopCSSCoverageAsync();15            foreach (var entry in cssCoverage)16            {17                Console.WriteLine(entry.Text);18                foreach (var range in entry.Ranges)19                {20                    Console.WriteLine(range.Start + " " + range.End);21                }22            }23            await browser.CloseAsync();24        }25    }26}27input{border:3px solid red}

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.