48 lines
1.5 KiB
HTML
48 lines
1.5 KiB
HTML
<html>
|
|
<head>
|
|
<style>
|
|
div.block { height: 100px; border: 1px solid black; margin:10px; }
|
|
</style>
|
|
<script>
|
|
var resizecount = 0;
|
|
var loaded = false;
|
|
window.onresize = function() {
|
|
resizecount++;
|
|
document.getElementById('count1').innerHTML = resizecount;
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
Test how many resize events are emitted during page load and dynamic content generation.
|
|
|
|
Do not resize the page. It invalidates the test.
|
|
<p style="text-indent: 10px" id=result1>
|
|
Resize events (should be 0 or 1): <span id=count1>0</span>
|
|
</div>
|
|
<div id=expandingblock>
|
|
</div>
|
|
<script>
|
|
var blockcount = 0;
|
|
function addBlock() {
|
|
var el = document.createElement('div');
|
|
el.setAttribute('class','block');
|
|
document.getElementById('expandingblock').appendChild(el);
|
|
if (++blockcount < 30)
|
|
setTimeout(addBlock, 20);
|
|
else
|
|
finish();
|
|
}
|
|
function finish() {
|
|
var result;
|
|
// 0 or 1 resize events are acceptable.
|
|
if (resizecount < 2)
|
|
result = '<p style="color: green">PASS';
|
|
else
|
|
result = '<p style="color: red">FAIL';
|
|
var resultElement = document.getElementById('result1')
|
|
resultElement.innerHTML += result;
|
|
}
|
|
onload = addBlock;
|
|
</script>
|
|
</body> |