Join the 1-day Testing & QA Summit featuring 15+ Expert Speakers.Register for FREE! Join TestMu Conference

How to use CSSCoverage method of PuppeteerSharp.PageCoverage.CSSCoverage class

Best Puppeteer-sharp code snippet using PuppeteerSharp.PageCoverage.CSSCoverage.CSSCoverage

CSSCoverageTests.cs

Source:CSSCoverageTests.cs

...5using Newtonsoft.Json;6using PuppeteerSharp.PageCoverage;7using Xunit;8using Xunit.Abstractions;9namespace PuppeteerSharp.Tests.CSSCoverageTests10{11    [Collection("PuppeteerLoaderFixture collection")]12    public class CSSCoverageTests : PuppeteerPageBaseTest13    {14        public CSSCoverageTests(ITestOutputHelper output) : base(output)15        {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}...

CSSCoverage.cs

Source:CSSCoverage.cs

...5using PuppeteerSharp.Helpers;6using PuppeteerSharp.Messaging;7namespace PuppeteerSharp.PageCoverage8{9    internal class CSSCoverage10    {11        private readonly CDPSession _client;12        private readonly Dictionary<string, string> _stylesheetURLs;13        private readonly Dictionary<string, string> _stylesheetSources;14        private readonly ILogger _logger;15        private bool _enabled;16        private bool _resetOnNavigation;17        public CSSCoverage(CDPSession client)18        {19            _client = client;20            _enabled = false;21            _stylesheetURLs = new Dictionary<string, string>();22            _stylesheetSources = new Dictionary<string, string>();23            _logger = _client.Connection.LoggerFactory.CreateLogger<CSSCoverage>();24            _resetOnNavigation = false;25        }26        internal Task StartAsync(CoverageStartOptions options)27        {28            if (_enabled)29            {30                throw new InvalidOperationException("CSSCoverage is already enabled");31            }32            _resetOnNavigation = options.ResetOnNavigation;33            _enabled = true;34            _stylesheetURLs.Clear();35            _stylesheetSources.Clear();36            _client.MessageReceived += client_MessageReceived;37            return Task.WhenAll(38                _client.SendAsync("DOM.enable"),39                _client.SendAsync("CSS.enable"),40                _client.SendAsync("CSS.startRuleUsageTracking")41            );42        }43        internal async Task<CoverageEntry[]> StopAsync()44        {45            if (!_enabled)46            {47                throw new InvalidOperationException("CSSCoverage is not enabled");48            }49            _enabled = false;50            var ruleTrackingResponseTask = _client.SendAsync<CSSStopRuleUsageTrackingResponse>("CSS.stopRuleUsageTracking");51            await Task.WhenAll(52                ruleTrackingResponseTask,53                _client.SendAsync("CSS.disable"),54                _client.SendAsync("DOM.disable")55            ).ConfigureAwait(false);56            _client.MessageReceived -= client_MessageReceived;57            var styleSheetIdToCoverage = new Dictionary<string, List<CoverageResponseRange>>();58            foreach (var entry in ruleTrackingResponseTask.Result.RuleUsage)59            {60                styleSheetIdToCoverage.TryGetValue(entry.StyleSheetId, out var ranges);61                if (ranges == null)...

Coverage.cs

Source:Coverage.cs

...9    /// </summary>10    public class Coverage11    {12        private readonly JSCoverage _jsCoverage;13        private readonly CSSCoverage _cssCoverage;14        internal Coverage(CDPSession client)15        {16            _jsCoverage = new JSCoverage(client);17            _cssCoverage = new CSSCoverage(client);18        }19        /// <summary>20        /// Starts JS coverage21        /// </summary>22        /// <param name="options">Set of configurable options for coverage</param>23        /// <returns>A task that resolves when coverage is started</returns>24        public Task StartJSCoverageAsync(CoverageStartOptions options = null)25            => _jsCoverage.StartAsync(options ?? new CoverageStartOptions());26        /// <summary>27        /// Stops JS coverage and returns coverage reports for all scripts28        /// </summary>29        /// <returns>Task that resolves to the array of coverage reports for all stylesheets</returns>30        /// <remarks>31        /// JavaScript Coverage doesn't include anonymous scripts by default; however, scripts with sourceURLs are reported.32        /// </remarks>33        public Task<CoverageEntry[]> StopJSCoverageAsync() => _jsCoverage.StopAsync();34        /// <summary>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            {54                points.Add(new CoverageEntryPoint55                {56                    Offset = range.StartOffset,57                    Type = 0,58                    Range = range59                });60                points.Add(new CoverageEntryPoint61                {62                    Offset = range.EndOffset,...

CSSResetOnNavigationTests.cs

Source:CSSResetOnNavigationTests.cs

...4using Newtonsoft.Json;5using PuppeteerSharp.PageCoverage;6using Xunit;7using Xunit.Abstractions;8namespace PuppeteerSharp.Tests.CSSCoverageTests9{10    [Collection("PuppeteerLoaderFixture collection")]11    public class CSSResetOnNavigationTests : PuppeteerPageBaseTest12    {13        public CSSResetOnNavigationTests(ITestOutputHelper output) : base(output)14        {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}...

CSSCoverage

Using AI Code Generation

1using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true }))2{3    var page = await browser.NewPageAsync();4    var cssCoverage = await page.CSSCoverage.StartAsync();5    var cssCoverageResult = await cssCoverage.StopAsync();6    foreach (var entry in cssCoverageResult)7    {8        Console.WriteLine(entry.Text);9    }10}11using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true }))12{13    var page = await browser.NewPageAsync();14    var cssCoverage = await page.CSSCoverage.StartAsync();15    var cssCoverageResult = await cssCoverage.StopAsync();16    foreach (var entry in cssCoverageResult)17    {18        Console.WriteLine(entry.Text);19    }20}21/*# sourceMappingURL=main.css.map */.nQFZ7c{display:flex;align-items:center}.nQFZ7c>*{flex:1}.nQFZ7c>*:first-child{margin-right:8px}.nQFZ7c>*:last-child{margin-left:8px}.nQFZ7c .Tg7LZd{display:flex;align-items:center}.nQFZ7c .Tg

CSSCoverage

Using AI Code Generation

1using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true }))2{3    var page = await browser.NewPageAsync();4    var cssCoverage = await page.Coverage.StartCSSCoverageAsync();5    var cssCoverageResult = await page.Coverage.StopCSSCoverageAsync();6    await browser.CloseAsync();7}8using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true }))9{10    var page = await browser.NewPageAsync();11    var cssCoverage = await page.Coverage.StartCSSCoverageAsync();12    var cssCoverageResult = await page.Coverage.StopCSSCoverageAsync();13    await browser.CloseAsync();14}15using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true }))16{17    var page = await browser.NewPageAsync();

CSSCoverage

Using AI Code Generation

1using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true }))2{3    var page = await browser.NewPageAsync();4    var cssCoverage = await page.Coverage.StartCSSCoverageAsync();5    var cssCoverageResult = await page.Coverage.StopCSSCoverageAsync();6    await browser.CloseAsync();7}8using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true }))9{10    var page = await browser.NewPageAsync();11    var cssCoverage = await page.Coverage.StartCSSCoverageAsync();12    var cssCoverageResult = await page.Coverage.StopCSSCoverageAsync();13    await browser.CloseAsync();14}15using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true }))16{17    var page = await browser.NewPageAsync();

CSSCoverage

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        public static async Task Main(string[] args)11        {12            var options = new LaunchOptions { Headless = true };13            using (var browser = await Puppeteer.LaunchAsync(options))14            using (var page = await browser.NewPageAsync())15            {9

CSSCoverage

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4using System.IO;5using Newtonsoft.Json;6using System.Linq;7{8    {9        static void Main(string[] args)10        {11            MainAsync(args).GetAwaiter().GetResult();12        }13        static async Task MainAsync(string[] args)14        {15            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);16            using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true }))17            using (var page = await browser.NewPageAsync())18            {19                var cssCoverage = await page.Coverage.StartCSSCoverageAsync();20                var entries = await cssCoverage.StopCSSCoverageAsync();21                foreach (var entry in entries)22                {23                    var text = entry.Text;24                    var url = entry.Url;25                    var ranges = entry.Ranges;26                    Console.WriteLine("URL: " + url);27                    Console.WriteLine("Text: " + text);28                    Console.WriteLine("Ranges: " + JsonConvert.SerializeObject(ranges));29                }30            }31        }32    }33}

CSSCoverage

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4using System.IO;5using Newtonsoft.Json;6using System.Linq;7{8    {9        static void Main(string[] args)10        {11            MainAsync(args).GetAwaiter().GetResult();12        }13        static async Task MainAsync(string[] args)14        {15            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);16            using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true }))17            using (var page = await browser.NewPageAsync())18            {19                var cssCoverage = await page.Coverage.StartCSSCoverageAsync();20                var entries = await cssCoverage.StopCS CoverageAsync();21                foreach (var entry in entries)22                {23                    var text = entry.Text;24                    var url = entry.Url;25                    var ranges = en ry.R nges;26                    Console.WriteLine("URL: " + url);27                    Console.W i eLine("Text  " + text);28                    Console.WriteLine("Ranges: " + JsonConvert.SerializeObject(ranges));29                }30            }31        }32    }33}34                await page.Coverage.StartCSSCoverageAsync();35                var coverage = await page.Coverage.StopCSSCoverageAsync();36                foreach (var entry in coverage)37                {38                    Console.WriteLine(entry.Url);39                    foreach (var range in entry.Ranges)40                    {41                        Console.WriteLine($"Start: {range.Start}, End: {range.End}");42                    }43                }44            }45        }46    }47}

CSSCoverage

Using AI Code Generation

1using System;2using System.Collections.Generic;3using System.Linq;4using System.Threading.Tasks;5using PuppeteerSharp;6{7    {8        static async Task Main(string[] args)9        {10            var options = new LaunchOptions { Headless = false };11            using (var browser = await Puppeteer.LaunchAsync(options))12            using (var page = await browser.NewPageAsync())13            {14                var cssCoverage = await page.CSSCoverage.StartAsync();15                var jsCoverage = await page.JSCoverage.StartAsync();16                var cssCoverageResult = await cssCoverage.StopAsync();17                var jsCoverageResult = await jsCoverage.StopAsync();18                foreach (var entry in cssCoverageResult)19                {20                    Console.WriteLine(entry.Text);21                }22                foreach (var entry in jsCoverageResult)23                {24                    Console.WriteLine(entry.Text);25                }26            }27        }28    }29}30using System;31using System.Collections.Generic;32using System.Linq;33using System.Threading.Tasks;34using PuppeteerSharp;35{36    {37        static async Task Main(string[] args)38        {39            var options = new LaunchOptions { Headless = false };40            using (var browser = await Puppeteer.LaunchAsync(options))41            using (var page = await browser.NewPageAsync())42            {43                var cssCoverage = await page.CSSCoverage.StartAsync();44                var jsCoverage = await page.JSCoverage.StartAsync();

CSSCoverage

Using AI Code Generation

1PuppeteerSharp.PageCoverage.CSSCoverage cssCoverage = new PuppeteerSharp.PageCoverage.CSSCoverage(page);2var coverage = await cssCoverage.StartAsync();3await cssCoverage.StopAsync();4PuppeteerSharp.PageCoverage.CSSCoverage cssCoverage = new PuppeteerSharp.PageCoverage.CSSCoverage(page);5var coverage = await cssCoverage.StartAsync();6await cssCoverage.StopAsync();7PuppeteerSharp.PageCoverage.CSSCoverage cssCoverage = new PuppeteerSharp.PageCoverage.CSSCoverage(page);8var coverage = await cssCoverage.StartAsync();9await cssCoverage.StopAsync();10PuppeteerSharp.PageCoverage.CSSCoverage cssCoverage = new PuppeteerSharp.PageCoverage.CSSCoverage(page);11var coverage = await cssCoverage.StartAsync();12await cssCoverage.StopAsync();13PuppeteerSharp.PageCoverage.CSSCoverage cssCoverage = new PuppeteerSharp.PageCoverage.CSSCoverage(page);14var coverage = await cssCoverage.StartAsync();15await cssCoverage.StopAsync();16PuppeteerSharp.PageCoverage.CSSCoverage cssCoverage = new PuppeteerSharp.PageCoverage.CSSCoverage(page);17var coverage = await cssCoverage.StartAsync();18await cssCoverage.StopAsync();19PuppeteerSharp.PageCoverage.CSSCoverage cssCoverage = new PuppeteerSharp.PageCoverage.CSSCoverage(page);20var coverage = await cssCoverage.StartAsync();21await cssCoverage.StopAsync();22PuppeteerSharp.PageCoverage.CSSCoverage cssCoverage = new PuppeteerSharp.PageCoverage.CSSCoverage(page);23var coverage = await cssCoverage.StartAsync();24await cssCoverage.StopAsync();

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.