hardkoded
diff --git a/‎lib/PuppeteerSharp.TestServer/wwwroot/picture.html‎
Lines changed: 6 additions & 0 deletions b/‎lib/PuppeteerSharp.TestServer/wwwroot/picture.html‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎lib/PuppeteerSharp.TestServer/wwwroot/resolution.html‎
Lines changed: 23 additions & 0 deletions b/‎lib/PuppeteerSharp.TestServer/wwwroot/resolution.html‎
Lines changed: 23 additions & 0 deletions
diff --git a/‎lib/PuppeteerSharp.Tests/EmulationTests/PageViewPortTests.cs‎
Lines changed: 37 additions & 4 deletions b/‎lib/PuppeteerSharp.Tests/EmulationTests/PageViewPortTests.cs‎
Lines changed: 37 additions & 4 deletions
diff --git a/‎lib/PuppeteerSharp.Tests/Screenshots/golden-chromium/device-pixel-ratio1.png‎
3.17 KB b/‎lib/PuppeteerSharp.Tests/Screenshots/golden-chromium/device-pixel-ratio1.png‎
3.17 KB
diff --git a/‎lib/PuppeteerSharp.Tests/Screenshots/golden-chromium/device-pixel-ratio2.png‎
10 KB b/‎lib/PuppeteerSharp.Tests/Screenshots/golden-chromium/device-pixel-ratio2.png‎
10 KB
diff --git a/‎lib/PuppeteerSharp.Tests/Screenshots/golden-chromium/device-pixel-ratio3.png‎
20.5 KB b/‎lib/PuppeteerSharp.Tests/Screenshots/golden-chromium/device-pixel-ratio3.png‎
20.5 KB
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<img
+    srcset="logo-1x.png, logo-2x.png 2x, logo-3x.png 3x"
+    src="logo-1x.png"
+    height="320"
+    width="320" />
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<style>
+    p {
+        color: transparent;
+    }
+    @media (resolution: 1dppx) {
+        p {
+            font-size: 1px;
+        }
+    }
+    @media (resolution: 2dppx) {
+        p {
+            font-size: 2px;
+        }
+    }
+    @media (resolution: 3dppx) {
+        p {
+            font-size: 3px;
+        }
+    }
+</style>
+<p>Test</p>
+
@@ -6,10 +6,6 @@ namespace PuppeteerSharp.Tests.EmulationTests
 {
     public class PageViewPortTests : PuppeteerPageBaseTest
     {
-        public PageViewPortTests() : base()
-        {
-        }
-
         [Test, Retry(2), PuppeteerTest("emulation.spec", "Emulation Page.viewport", "should get the proper viewport size")]
         public async Task ShouldGetTheProperViewPortSize()
         {
@@ -99,5 +95,42 @@ public async Task ShouldSupportLandscapeEmulation()
             await Page.SetViewportAsync(new ViewPortOptions { Width = 100, Height = 100 });
             Assert.AreEqual("portrait-primary", await Page.EvaluateExpressionAsync<string>("screen.orientation.type"));
         }
+
+        [Test, Retry(2), PuppeteerTest("emulation.spec", "Emulation Page.viewport", "should update media queries when resoltion changes")]
+        public async Task ShouldUpdateMediaQueriesWhenResolutionChanges()
+        {
+            foreach (var dpr in new[] { 1, 2, 3 })
+            {
+                await Page.SetViewportAsync(new ViewPortOptions { Width = 800, Height = 600, DeviceScaleFactor = dpr });
+
+                await Page.GoToAsync(TestConstants.ServerUrl + "/resolution.html");
+                Assert.AreEqual(dpr, await GetFontSizeAsync());
+                var screenshot = await Page.ScreenshotDataAsync(new ScreenshotOptions() { FullPage = false });
+                Assert.True(ScreenshotHelper.PixelMatch($"device-pixel-ratio{dpr}.png", screenshot));
+            }
+        }
+
+        [Test, Retry(2), PuppeteerTest("emulation.spec", "Emulation Page.viewport", "should load correct pictures when emulation dpr")]
+        public async Task ShouldLoadCorrectPicturesWhenEmulationDpr()
+        {
+            foreach (var dpr in new[] { 1, 2, 3 })
+            {
+                await Page.SetViewportAsync(new ViewPortOptions { Width = 800, Height = 600, DeviceScaleFactor = dpr });
+
+                await Page.GoToAsync(TestConstants.ServerUrl + "/picture.html");
+                StringAssert.EndsWith($"logo-{dpr}x.png", await GetCurrentSrc());
+
+            }
+        }
+
+        private Task<int> GetFontSizeAsync()
+            => Page.EvaluateFunctionAsync<int>(@"() => {
+                return parseInt(window.getComputedStyle(document.querySelector('p')).fontSize, 10);
+            }");
+
+        private Task<string> GetCurrentSrc()
+            => Page.EvaluateFunctionAsync<string>(@"() => {
+                return document.querySelector('img').currentSrc;
+            }");
     }
 }