| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 div.block { height: 400px; border: 1px solid black; margin:10px; } | 5 div.block { height: 400px; border: 1px solid black; margin:10px; } |
| 6 </style> | 6 </style> |
| 7 </head> | 7 </head> |
| 8 <body> | 8 <body> |
| 9 <div> | 9 <div> |
| 10 Following actions must not emit resize events: page load, dynamic conten
t generation and page scaling.<br/> | 10 Following actions must not emit resize events: page load, dynamic conten
t generation and page scaling.<br/> |
| 11 | 11 |
| 12 When fixed layout is enabled, changing fixed layout size must emit resiz
e event.<br/> | 12 When fixed layout is enabled, changing fixed layout size must emit resiz
e event.<br/> |
| 13 | 13 |
| 14 The spec DOM Level 2 Events states that the resize event occurs when doc
ument view size (a.k.a layout size) is changed. Refer to http://www.w3.org/TR/DO
M-Level-2-Events/events.html<br/> | 14 The spec DOM Level 2 Events states that the resize event occurs when doc
ument view size (a.k.a layout size) is changed. Refer to http://www.w3.org/TR/DO
M-Level-2-Events/events.html<br/> |
| 15 However, showing/hiding scrollbars shouldn't be considered a layout size
change. Refer to webkit.org/b/80242<br/> | 15 However, showing/hiding scrollbars shouldn't be considered a layout size
change. Refer to webkit.org/b/80242<br/> |
| 16 </div> | 16 </div> |
| 17 <div id=expandingblock> | 17 <div id=expandingblock> |
| 18 </div> | 18 </div> |
| 19 <pre id="console"></pre> | 19 <pre id="console"></pre> |
| 20 <script src="../js/resources/js-test-pre.js"></script> | 20 <script src="../js/resources/js-test-pre.js"></script> |
| 21 <script> | 21 <script> |
| 22 var resizeEventCount = 0; | 22 var resizeEventCount = 0; |
| 23 window.onresize = function() { | 23 window.onresize = function() { |
| 24 resizeEventCount++; | 24 resizeEventCount++; |
| 25 } | 25 } |
| 26 | 26 |
| 27 if (window.testRunner) { | 27 if (window.testRunner) { |
| 28 testRunner.dumpAsText(); | 28 testRunner.dumpAsText(); |
| 29 testRunner.enableFixedLayoutMode(true); | |
| 30 testRunner.setFixedLayoutSize(700, 240); | 29 testRunner.setFixedLayoutSize(700, 240); |
| 31 testRunner.waitUntilDone(); | 30 testRunner.waitUntilDone(); |
| 32 } | 31 } |
| 33 function test() { | 32 function test() { |
| 34 setTimeout(showScrollbar, 20); | 33 setTimeout(showScrollbar, 20); |
| 35 } | 34 } |
| 36 // Add many div blocks to increase document height more than view height
. | 35 // Add many div blocks to increase document height more than view height
. |
| 37 function showScrollbar() { | 36 function showScrollbar() { |
| 38 for (var i = 0; i < 10; i++) { | 37 for (var i = 0; i < 10; i++) { |
| 39 var el = document.createElement('div'); | 38 var el = document.createElement('div'); |
| (...skipping 14 matching lines...) Expand all Loading... |
| 54 } | 53 } |
| 55 function finish() { | 54 function finish() { |
| 56 // setFixedLayoutSize() must emit a resize event. | 55 // setFixedLayoutSize() must emit a resize event. |
| 57 shouldBe("resizeEventCount", "1"); | 56 shouldBe("resizeEventCount", "1"); |
| 58 if (window.testRunner) | 57 if (window.testRunner) |
| 59 testRunner.notifyDone(); | 58 testRunner.notifyDone(); |
| 60 } | 59 } |
| 61 window.onload = test; | 60 window.onload = test; |
| 62 </script> | 61 </script> |
| 63 </body> | 62 </body> |
| 64 </html> | 63 </html> |
| OLD | NEW |