How to use EmulateMediaFeaturesAsync method of PuppeteerSharp.Page class

Best Puppeteer-sharp code snippet using PuppeteerSharp.Page.EmulateMediaFeaturesAsync

Page.cs

Source:Page.cs

...723        /// <param name="features">Features to apply</param>724        /// <example>725        /// <code>726        /// <![CDATA[727        /// await page.EmulateMediaFeaturesAsync(new MediaFeature[]{ new MediaFeature { MediaFeature =  MediaFeature.PrefersColorScheme, Value = "dark" }});728        /// await page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: dark)').matches)");729        /// // â true730        /// await page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: light)').matches)");731        /// // â false732        /// await page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: no-preference)').matches)");733        /// // â false734        /// await page.EmulateMediaFeaturesAsync(new MediaFeature[]{ new MediaFeature { MediaFeature = MediaFeature.PrefersReducedMotion, Value = "reduce" }});735        /// await page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-reduced-motion: reduce)').matches)");736        /// // â true737        /// await page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: no-preference)').matches)");738        /// // â false739        /// await page.EmulateMediaFeaturesAsync(new MediaFeature[]740        /// { 741        ///   new MediaFeature { MediaFeature = MediaFeature.PrefersColorScheme, Value = "dark" },742        ///   new MediaFeature { MediaFeature = MediaFeature.PrefersReducedMotion, Value = "reduce" },743        /// });744        /// await page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: dark)').matches)");745        /// // â true746        /// await page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: light)').matches)");747        /// // â false748        /// await page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: no-preference)').matches)");749        /// // â false750        /// await page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-reduced-motion: reduce)').matches)");751        /// // â true752        /// await page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: no-preference)').matches)");753        /// // â false754        /// ]]>755        /// </code>756        /// </example>757        /// <returns>Emulate features task</returns>758        public Task EmulateMediaFeaturesAsync(IEnumerable<MediaFeatureValue> features)759            => Client.SendAsync("Emulation.setEmulatedMedia", new EmulationSetEmulatedMediaFeatureRequest { Features = features });760        /// <summary>761        /// Sets the viewport.762        /// In the case of multiple pages in a single browser, each page can have its own viewport size.763        /// <see cref="SetViewportAsync(ViewPortOptions)"/> will resize the page. A lot of websites don't expect phones to change size, so you should set the viewport before navigating to the page.764        /// </summary>765        /// <example>766        ///<![CDATA[767        /// using(var page = await browser.NewPageAsync())768        /// {769        ///     await page.SetViewPortAsync(new ViewPortOptions770        ///     {771        ///         Width = 640, 772        ///         Height = 480, ...

EmulateMediaFeaturesTests.cs

Source:EmulateMediaFeaturesTests.cs

...4using Xunit.Abstractions;5namespace PuppeteerSharp.Tests.PageTests6{7    [Collection(TestConstants.TestFixtureCollectionName)]8    public class EmulateMediaFeaturesAsyncTests : PuppeteerPageBaseTest9    {10        public EmulateMediaFeaturesAsyncTests(ITestOutputHelper output) : base(output)11        {12        }13        [Fact]14        public async Task ShouldWork()15        {16            await Page.EmulateMediaFeaturesAsync(new MediaFeatureValue[] {17                new MediaFeatureValue { MediaFeature = MediaFeature.PrefersReducedMotion, Value = "reduce" },18            });19            Assert.True(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-reduced-motion: reduce)').matches"));20            Assert.False(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-reduced-motion: no-preference)').matches"));21            await Page.EmulateMediaFeaturesAsync(new MediaFeatureValue[] {22                new MediaFeatureValue { MediaFeature = MediaFeature.PrefersColorScheme, Value = "light" },23            });24            Assert.True(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: light)').matches"));25            Assert.False(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: dark)').matches"));26            Assert.False(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: no-preference)').matches"));27            await Page.EmulateMediaFeaturesAsync(new MediaFeatureValue[] {28                new MediaFeatureValue { MediaFeature = MediaFeature.PrefersColorScheme, Value = "dark" },29            });30            Assert.True(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: dark)').matches"));31            Assert.False(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: light)').matches"));32            Assert.False(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: no-preference)').matches"));33            await Page.EmulateMediaFeaturesAsync(new MediaFeatureValue[] {34                new MediaFeatureValue { MediaFeature = MediaFeature.PrefersReducedMotion, Value = "reduce" },35                new MediaFeatureValue { MediaFeature = MediaFeature.PrefersColorScheme, Value = "light" },36            });37            Assert.True(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-reduced-motion: reduce)').matches"));38            Assert.False(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-reduced-motion: no-preference)').matches"));39            Assert.True(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: light)').matches"));40            Assert.False(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: dark)').matches"));41            Assert.False(await Page.EvaluateFunctionAsync<bool>("() => matchMedia('(prefers-color-scheme: no-preference)').matches"));42        }43    }44}

MediaFeature.cs

Source:MediaFeature.cs

...3using Newtonsoft.Json.Converters;4namespace PuppeteerSharp5{6    /// <summary>7    /// Meadia Feature. See <see cref="Page.EmulateMediaFeaturesAsync(System.Collections.Generic.IEnumerable{MediaFeatureValue})"/>8    /// </summary>9    [JsonConverter(typeof(StringEnumConverter))]10    public enum MediaFeature11    {12        /// <summary>13        /// prefers-color-scheme media feature.14        /// </summary>15        [EnumMember(Value = "prefers-color-scheme")]16        PrefersColorScheme,17        /// <summary>18        /// prefers-reduced-motion media feature.19        /// </summary>20        [EnumMember(Value = "prefers-reduced-motion")]21        PrefersReducedMotion...

MediaFeatureValue.cs

Source:MediaFeatureValue.cs

1ï»¿using Newtonsoft.Json;2namespace PuppeteerSharp3{4    /// <summary>5    /// Media Feature. <see cref="Page.EmulateMediaFeaturesAsync(System.Collections.Generic.IEnumerable{MediaFeatureValue})"/>6    /// </summary>7    public class MediaFeatureValue8    {9        /// <summary>10        /// The CSS media feature name. Supported names are `'prefers-colors-scheme'` and `'prefers-reduced-motion'`.11        /// </summary>12        [JsonProperty(PropertyName = "name")]13        public MediaFeature MediaFeature { get; set; }14        /// <summary>15        /// The value for the given CSS media feature.16        /// </summary>17        public string Value { get; set; }18    }19}...

EmulateMediaFeaturesAsync

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4{5    static async Task Main(string[] args)6    {7        await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);8        var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false });9        var page = await browser.NewPageAsync();10        await page.EmulateMediaFeaturesAsync(new MediaFeature[] { new MediaFeature { Name = "prefers-color-scheme", Value = "dark" } });11        await page.ScreenshotAsync("1.png", new ScreenshotOptions { FullPage = true });12        await browser.CloseAsync();13    }14}

EmulateMediaFeaturesAsync

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            var browser = await Puppeteer.LaunchAsync(new LaunchOptions10            {11            });12            var page = await browser.NewPageAsync();13            await page.EmulateMediaFeaturesAsync(new MediaFeature[] {14                new MediaFeature(){15                }16            });17            await page.ScreenshotAsync("google.png");18            await browser.CloseAsync();19        }20    }21}22using System;23using System.Threading.Tasks;24using PuppeteerSharp;25{26    {27        static async Task Main(string[] args)28        {29            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);30            var browser = await Puppeteer.LaunchAsync(new LaunchOptions31            {32            });33            var page = await browser.NewPageAsync();34            await page.EmulateMediaFeaturesAsync(new MediaFeature[] {35                new MediaFeature(){36                }37            });38            await page.ScreenshotAsync("google.png");39            await browser.CloseAsync();40        }41    }42    {43        public string Name { get; set; }44        public string Value { get; set; }45    }46}

EmulateMediaFeaturesAsync

Using AI Code Generation

1using System.Threading.Tasks;2using PuppeteerSharp;3{4    {5        static async Task Main(string[] args)6        {7            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);8            var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false });9            var page = await browser.NewPageAsync();10            await page.EmulateMediaFeaturesAsync(new MediaFeature[] { new MediaFeature { Name = "prefers-color-scheme", Value = "dark" } });11        }12    }13}14using System.Threading.Tasks;15using PuppeteerSharp;16{17    {18        static async Task Main(string[] args)19        {20            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);21            var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false });22            var page = await browser.NewPageAsync();23            await page.EmulateMediaAsync(new MediaType[] { MediaType.Print });24        }25    }26}27using System.Threading.Tasks;28using PuppeteerSharp;29{30    {31        static async Task Main(string[] args)32        {33            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);34            var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false });35            var page = await browser.NewPageAsync();36            await page.EmulateMediaAsync(new MediaType[] { MediaType.Screen });37        }38    }39}40using System.Threading.Tasks;41using PuppeteerSharp;42{43    {44        static async Task Main(string[] args)45        {46            await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);47            var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false });

EmulateMediaFeaturesAsync

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.EmulateMediaFeaturesAsync(new MediaFeature[] { new MediaFeature { Name = "prefers-color-scheme", Value = "dark" } });14                await page.ScreenshotAsync("google.png");15            }16        }17    }18}19using System;20using System.Threading.Tasks;21using PuppeteerSharp;22{23    {24        static async Task Main(string[] args)25        {26            {27            };28            using (var browser = await Puppeteer.LaunchAsync(options))29            {30                var page = await browser.NewPageAsync();31                await page.EmulateMediaAsync(new MediaFeature[] { new MediaFeature { Name = "prefers-color-scheme", Value = "dark" } });32                await page.ScreenshotAsync("google.png");33            }34        }35    }36}37using System;38using System.Threading.Tasks;39using PuppeteerSharp;40{41    {42        static async Task Main(string[] args)43        {44            {45            };46            using (var browser = await Puppeteer.LaunchAsync(options))47            {48                var page = await browser.NewPageAsync();49                await page.EmulateMediaTypeAsync(MediaType.Print);50                await page.ScreenshotAsync("google.png");51            }52        }53    }54}

EmulateMediaFeaturesAsync

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4{5    {6        static async Task Main(string[] args)7        {8            var options = new LaunchOptions()9            {10            };11            using (var browser = await Puppeteer.LaunchAsync(options))12            {13                var page = await browser.NewPageAsync();14                await page.EmulateMediaFeaturesAsync(new MediaFeature[] { new MediaFeature() { Name = "prefers-color-scheme", Value = "dark" } });15            }16        }17    }18}

EmulateMediaFeaturesAsync

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.EmulateMediaFeaturesAsync(new MediaFeature[] { MediaFeature.PrefersColorSchemeDark });13                await page.WaitForTimeoutAsync(5000);14            }15        }16    }17}

EmulateMediaFeaturesAsync

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4{5    {6        static void Main(string[] args)7        {8            MainAsync().Wait();9        }10        private static async Task MainAsync()11        {12            var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false });13            var page = await browser.NewPageAsync();14            await page.EmulateMediaAsync(PuppeteerSharp.MediaType.Print);15            await page.ScreenshotAsync("google.png");16            await page.EmulateMediaAsync(PuppeteerSharp.MediaType.Screen);17            await page.ScreenshotAsync("google.png");

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.