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

How to use MediaFeatureValue class of PuppeteerSharp package

Best Puppeteer-sharp code snippet using PuppeteerSharp.MediaFeatureValue

Page.cs

Source:Page.cs

...754        /// ]]>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

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

EmulationSetEmulatedMediaFeatureRequest.cs

Source:EmulationSetEmulatedMediaFeatureRequest.cs

...4namespace PuppeteerSharp.Messaging5{6    internal class EmulationSetEmulatedMediaFeatureRequest7    {8        public IEnumerable<MediaFeatureValue> Features { get; set; }9    }10}...

MediaFeatureValue

Using AI Code Generation

1var browser = await Puppeteer.LaunchAsync(new LaunchOptions2{3    Args = new string[] { "--start-maximized" }4});5var page = await browser.NewPageAsync();6var mediaFeatureValue = await page.EvaluateFunctionHandleAsync(@"(feature) => {7    return window.matchMedia(feature).matches;8}", "screen and (max-width: 600px)");9var value = await mediaFeatureValue.JsonValueAsync();10Console.WriteLine(value);11await browser.CloseAsync();12var browser = await Puppeteer.LaunchAsync(new LaunchOptions13{14    Args = new string[] { "--start-maximized" }15});16var page = await browser.NewPageAsync();17var mediaFeatureValue = await page.EvaluateFunctionHandleAsync(@"(feature) => {18    return window.matchMedia(feature).matches;19}", "screen and (max-width: 600px)");20var value = await mediaFeatureValue.JsonValueAsync();21Console.WriteLine(value);22await browser.CloseAsync();23var browser = await Puppeteer.LaunchAsync(new LaunchOptions24{25    Args = new string[] { "--start-maximized" }26});27var page = await browser.NewPageAsync();28var mediaFeatureValue = await page.EvaluateFunctionHandleAsync(@"(feature) => {29    return window.matchMedia(feature).matches;30}", "screen and (max-width: 600px)");31var value = await mediaFeatureValue.JsonValueAsync();32Console.WriteLine(value);33await browser.CloseAsync();34var browser = await Puppeteer.LaunchAsync(new LaunchOptions35{36    Args = new string[] { "--start-maximized" }37});38var page = await browser.NewPageAsync();39var mediaFeatureValue = await page.EvaluateFunctionHandleAsync(@"(feature) => {

MediaFeatureValue

Using AI Code Generation

1var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true });2var page = await browser.NewPageAsync();3var mediaFeatureValue = await page.EvaluateFunctionAsync<MediaFeatureValue>("() => window.matchMedia('(prefers-color-scheme: dark)').matches");4Console.WriteLine(mediaFeatureValue.Matches);5await browser.CloseAsync();6var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true });7var page = await browser.NewPageAsync();8var mediaFeatureValue = await page.EvaluateFunctionAsync<MediaFeatureValue>("() => window.matchMedia('(prefers-color-scheme: dark)').media");9Console.WriteLine(mediaFeatureValue.Media);10await browser.CloseAsync();11var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true });12var page = await browser.NewPageAsync();13var mediaFeatureValue = await page.EvaluateFunctionAsync<MediaFeatureValue>("() => window.matchMedia('(prefers-color-scheme: dark)').media");14Console.WriteLine(mediaFeatureValue.Media);15await browser.CloseAsync();16var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true });17var page = await browser.NewPageAsync();18var mediaFeatureValue = await page.EvaluateFunctionAsync<MediaFeatureValue>("() => window.matchMedia('(prefers-color-scheme: dark)')");19Console.WriteLine(mediaFeatureValue);20await browser.CloseAsync();21var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true });22var page = await browser.NewPageAsync();23var mediaFeatureValue = await page.EvaluateFunctionAsync<MediaFeatureValue>("() => window.matchMedia('(prefers-color-scheme: dark)')");24Console.WriteLine(mediaFeatureValue);25await browser.CloseAsync();

MediaFeatureValue

Using AI Code Generation

1using System;2using System.Threading.Tasks;3using PuppeteerSharp;4{5    {6        static void Main(string[] args)7        {8            var task = RunAsync();9            task.Wait();10        }11        static async Task RunAsync()12        {13            var browser = await Puppeteer.LaunchAsync(new LaunchOptions14            {15            });16            var page = await browser.NewPageAsync();17            await page.WaitForSelectorAsync("input[title='Search']");18            await page.TypeAsync("input[title='Search']", "puppeteer");19            await page.Keyboard.PressAsync("Enter");20            await page.WaitForNavigationAsync();21            await page.ScreenshotAsync("screenshot.png");22            var media = await page.EvaluateFunctionAsync<MediaFeatureValue>("() => matchMedia('screen and (min-width: 640px)').matches");23            Console.WriteLine(media);24            await browser.CloseAsync();25        }26    }27}28var media = await page.EvaluateFunctionAsync<MediaFeatureValue>("() => matchMedia('screen and (min-width: 640px)').matches");29   at PuppeteerSharp.Helpers.JsonHelper.ToObject[T](String json)30   at PuppeteerSharp.Page.EvaluateFunctionAsync[T](String pageFunction, Object[] args)31   at PuppeteerSharp_Console.Program.RunAsync() in C:\Users\gurneet.kaur\source\repos\PuppeteerSharp_Console\PuppeteerSharp_Console\Program.cs:line 3632   at PuppeteerSharp_Console.Program.Main(String[] args) in C:\Users\gurneet.kaur\source\repos\PuppeteerSharp_Console\PuppeteerSharp_Console\Program.cs:line 10

MediaFeatureValue

Using AI Code Generation

1var options = new LaunchOptions { Headless = true };2var browser = await Puppeteer.LaunchAsync(options);3var page = await browser.NewPageAsync();4var mediaFeatureValue = await page.EvaluateFunctionAsync<MediaFeatureValue>("window.matchMedia(\"(prefers-color-scheme: dark)\")");5Console.WriteLine(mediaFeatureValue.Features["prefers-color-scheme"]);6await browser.CloseAsync();7var options = new LaunchOptions { Headless = true };8var browser = await Puppeteer.LaunchAsync(options);9var page = await browser.NewPageAsync();10var mediaFeatureValue = await page.EvaluateFunctionAsync<MediaFeatureValue>("window.matchMedia(\"(prefers-color-scheme: dark)\")");11Console.WriteLine(mediaFeatureValue.Features["prefers-color-scheme"]);12await browser.CloseAsync();13var options = new LaunchOptions { Headless = true };14var browser = await Puppeteer.LaunchAsync(options);15var page = await browser.NewPageAsync();16var mediaFeatureValue = await page.EvaluateFunctionAsync<MediaFeatureValue>("window.matchMedia(\"(prefers-color-scheme: dark)\")");17Console.WriteLine(mediaFeatureValue.Features["prefers-color-scheme"]);18await browser.CloseAsync();19var options = new LaunchOptions { Headless = true };20var browser = await Puppeteer.LaunchAsync(options);21var page = await browser.NewPageAsync();22var mediaFeatureValue = await page.EvaluateFunctionAsync<MediaFeatureValue>("window.matchMedia(\"(prefers-color-scheme: dark)\")");23Console.WriteLine(mediaFeatureValue.Features["prefers-color-scheme"]);24await browser.CloseAsync();25var options = new LaunchOptions { Headless = true };26var browser = await Puppeteer.LaunchAsync(options);27var page = await browser.NewPageAsync();

MediaFeatureValue

Using AI Code Generation

1var browserFetcher = new BrowserFetcher();2await browserFetcher.DownloadAsync(BrowserFetcher.DefaultRevision);3var browser = await Puppeteer.LaunchAsync(new LaunchOptions4{5    ExecutablePath = browserFetcher.GetExecutablePath(BrowserFetcher.DefaultRevision),6    Args = new string[] { "--start-maximized" }7});8var page = await browser.NewPageAsync();9await page.SetViewportAsync(new ViewPortOptions { Width = 1920, Height = 1080 });10var mediaFeatureValue = await page.EvaluateFunctionAsync<MediaFeatureValue>("(feature) => window.matchMedia(feature).matches", "(max-width: 1000px)");11if (mediaFeatureValue.Value)12{13    Assert.Pass();14}15{16    Assert.Fail();17}18var browserFetcher = new BrowserFetcher();19await browserFetcher.DownloadAsync(BrowserFetcher.DefaultRevision);20var browser = await Puppeteer.LaunchAsync(new LaunchOptions21{22    ExecutablePath = browserFetcher.GetExecutablePath(BrowserFetcher.DefaultRevision),23    Args = new string[] { "--start-maximized" }24});25var page = await browser.NewPageAsync();26await page.SetViewportAsync(new ViewPortOptions { Width = 1920, Height = 1080 });27var mediaFeatureValue = await page.EvaluateFunctionAsync<MediaFeatureValue>("(feature) => window.matchMedia(feature).matches", "(min-width: 1000px)");28if (mediaFeatureValue.Value)29{30    Assert.Pass();31}32{33    Assert.Fail();34}

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.