| Torne (Richard Coles) | 5c87bf8 | 2012-11-14 11:46:17 +0000 | [diff] [blame] | 1 | <html> |
| 2 | <head> |
| 3 | <style> |
| 4 | div.block { height: 100px; border: 1px solid black; margin:10px; } |
| 5 | </style> |
| 6 | <script> |
| 7 | var resizecount = 0; |
| 8 | var loaded = false; |
| 9 | window.onresize = function() { |
| 10 | resizecount++; |
| 11 | document.getElementById('count1').innerHTML = resizecount; |
| 12 | } |
| 13 | </script> |
| 14 | </head> |
| 15 | <body> |
| 16 | <div> |
| 17 | Test how many resize events are emitted during page load and dynamic content generation. |
| 18 | |
| 19 | Do not resize the page. It invalidates the test. |
| 20 | <p style="text-indent: 10px" id=result1> |
| 21 | Resize events (should be 0 or 1): <span id=count1>0</span> |
| 22 | </div> |
| 23 | <div id=expandingblock> |
| 24 | </div> |
| 25 | <script> |
| 26 | var blockcount = 0; |
| 27 | function addBlock() { |
| 28 | var el = document.createElement('div'); |
| 29 | el.setAttribute('class','block'); |
| 30 | document.getElementById('expandingblock').appendChild(el); |
| 31 | if (++blockcount < 30) |
| 32 | setTimeout(addBlock, 20); |
| 33 | else |
| 34 | finish(); |
| 35 | } |
| 36 | function finish() { |
| 37 | var result; |
| 38 | // 0 or 1 resize events are acceptable. |
| 39 | if (resizecount < 2) |
| 40 | result = '<p style="color: green">PASS'; |
| 41 | else |
| 42 | result = '<p style="color: red">FAIL'; |
| 43 | var resultElement = document.getElementById('result1') |
| 44 | resultElement.innerHTML += result; |
| 45 | } |
| 46 | onload = addBlock; |
| 47 | </script> |
| 48 | </body> |