Index: third_party/WebKit/LayoutTests/fast/dom/viewport/read-viewport-size-in-iframe-causes-layout.html |
diff --git a/third_party/WebKit/LayoutTests/fast/dom/viewport/read-viewport-size-in-iframe-causes-layout.html b/third_party/WebKit/LayoutTests/fast/dom/viewport/read-viewport-size-in-iframe-causes-layout.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..72e9dd11e4e84f5b60f7f89b1dae288bd3391360 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/dom/viewport/read-viewport-size-in-iframe-causes-layout.html |
@@ -0,0 +1,35 @@ |
+<!DOCTYPE html> |
+<script src="../../../resources/testharness.js"></script> |
+<script src="../../../resources/testharnessreport.js"></script> |
+<style> |
+ iframe { |
+ width: 200px; |
+ height: 300px; |
+ } |
+</style> |
+ |
+<h4>This test checks that requesting the viewport size in an iframe causes any pending layout to occur.</h4> |
+<iframe srcdoc="<!DOCTYPE html><style>html{height:100%}</style>"></iframe> |
+<script> |
+ async_test(function(t) { |
+ window.onload = t.step_func(function() { |
+ assert_equals(frames[0].window.visualViewport.clientWidth, 200, |
+ "Reading width of iframe viewport should match iframe width."); |
+ assert_equals(frames[0].window.visualViewport.clientHeight, 300, |
+ "Reading height of iframe viewport should match iframe height."); |
+ |
+ // Add overflow so scrollbars appear. |
+ frames[0].window.document.body.style.width = "2000px"; |
+ frames[0].window.document.body.style.height = "2000px"; |
+ |
+ var viewportWidth = frames[0].window.visualViewport.clientWidth; |
+ var viewportHeight = frames[0].window.visualViewport.clientHeight; |
+ |
+ assert_equals(viewportWidth, frames[0].window.document.documentElement.clientWidth, |
+ "Reading width of iframe viewport should cause a layout and exclude the new scrollbar."); |
+ assert_equals(viewportHeight, frames[0].window.document.documentElement.clientHeight, |
+ "Reading height of iframe viewport should cause a layout and exclude the new scrollbar."); |
+ t.done(); |
+ }); |
+ }); |
+</script> |