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, page scaling and changing fixed layout size.<br/> | 10 Following actions must not emit resize events: page load, dynamic conten
t generation, and page scaling.<br/> |
11 | 11 |
12 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/> | 12 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/> |
13 However, showing/hiding scrollbars shouldn't be considered a layout size
change. Refer to webkit.org/b/80242<br/> | 13 However, showing/hiding scrollbars shouldn't be considered a layout size
change. Refer to webkit.org/b/80242<br/> |
14 </div> | 14 </div> |
15 <div id=expandingblock> | 15 <div id=expandingblock> |
16 </div> | 16 </div> |
17 <pre id="console"></pre> | 17 <pre id="console"></pre> |
18 <script src="../js/resources/js-test-pre.js"></script> | 18 <script src="../js/resources/js-test-pre.js"></script> |
19 <script> | 19 <script> |
20 var resizeEventCount = 0; | 20 var resizeEventCount = 0; |
(...skipping 13 matching lines...) Expand all Loading... |
34 for (var i = 0; i < 10; i++) { | 34 for (var i = 0; i < 10; i++) { |
35 var el = document.createElement('div'); | 35 var el = document.createElement('div'); |
36 el.setAttribute('class','block'); | 36 el.setAttribute('class','block'); |
37 document.getElementById('expandingblock').appendChild(el); | 37 document.getElementById('expandingblock').appendChild(el); |
38 } | 38 } |
39 setTimeout(scalePage, 20); | 39 setTimeout(scalePage, 20); |
40 } | 40 } |
41 function scalePage() { | 41 function scalePage() { |
42 if (window.eventSender) | 42 if (window.eventSender) |
43 window.eventSender.setPageScaleFactor(3, 0, 0); | 43 window.eventSender.setPageScaleFactor(3, 0, 0); |
44 setTimeout(changeFixedLayoutSize, 20); | |
45 } | |
46 function changeFixedLayoutSize() { | |
47 if (window.testRunner) | |
48 testRunner.setFixedLayoutSize(1600, 1600); | |
49 setTimeout(finish, 20); | 44 setTimeout(finish, 20); |
50 } | 45 } |
51 function finish() { | 46 function finish() { |
52 // No resize events are acceptable. | 47 // No resize events are acceptable. |
53 shouldBe("resizeEventCount", "0"); | 48 shouldBe("resizeEventCount", "0"); |
54 if (window.testRunner) | 49 if (window.testRunner) |
55 testRunner.notifyDone(); | 50 testRunner.notifyDone(); |
56 } | 51 } |
57 window.onload = test; | 52 window.onload = test; |
58 </script> | 53 </script> |
59 </body> | 54 </body> |
60 </html> | 55 </html> |
OLD | NEW |