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 Github

copy

Full Screen

...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}...

Full Screen

Full Screen

CSSCoverage.cs

Source:CSSCoverage.cs Github

copy

Full Screen

...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)...

Full Screen

Full Screen

Coverage.cs

Source:Coverage.cs Github

copy

Full Screen

...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,...

Full Screen

Full Screen

CSSResetOnNavigationTests.cs

Source:CSSResetOnNavigationTests.cs Github

copy

Full Screen

...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}...

Full Screen

Full Screen

CSSCoverage

Using AI Code Generation

copy

Full Screen

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

Full Screen

Full Screen

CSSCoverage

Using AI Code Generation

copy

Full Screen

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();

Full Screen

Full Screen

CSSCoverage

Using AI Code Generation

copy

Full Screen

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();

Full Screen

Full Screen

CSSCoverage

Using AI Code Generation

copy

Full Screen

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

Full Screen

Full Screen

CSSCoverage

Using AI Code Generation

copy

Full Screen

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}

Full Screen

Full Screen

CSSCoverage

Using AI Code Generation

copy

Full Screen

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}

Full Screen

Full Screen

CSSCoverage

Using AI Code Generation

copy

Full Screen

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();

Full Screen

Full Screen

CSSCoverage

Using AI Code Generation

copy

Full Screen

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();

Full Screen

Full Screen

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.

LambdaTest Learning Hubs:

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run Puppeteer-sharp automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful