93 lines
2.6 KiB
HTML
Executable File
93 lines
2.6 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>QUnit LoadHide</title>
|
|
<link rel="stylesheet" href="resources/qunit.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="qunit"></div>
|
|
<div id="qunit-fixture">
|
|
<div style="width:600px;">
|
|
<iframe
|
|
src="resources/frame.content.html"
|
|
height="100%"
|
|
scrolling="no"
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
<script src="resources/qunit.js"></script>
|
|
<script src="resources/jquery.js"></script>
|
|
<script src="resources/testLib.js"></script>
|
|
<script src="../js/ie8.polyfils.min.js"></script>
|
|
<script src="../js/iframeResizer.min.js"></script>
|
|
<script>
|
|
'use strict'
|
|
var msgId = '[iFrameSizerTest]:'
|
|
|
|
var MutationObserver =
|
|
window.MutationObserver ||
|
|
window.WebKitMutationObserver ||
|
|
window.MozMutationObserver
|
|
|
|
function mutationObserverTest() {
|
|
asyncTest('iFrame late image load', function() {
|
|
var evtCounter = 0
|
|
|
|
$('iframe').iFrameResize({
|
|
//log:true,
|
|
sizeHeight: false,
|
|
sizeWidth: true,
|
|
interval: 1,
|
|
onResized: function(messageData) {
|
|
switch ('' + ++evtCounter) {
|
|
case '1':
|
|
sendMessage('image')
|
|
break
|
|
case '2':
|
|
break
|
|
case '3':
|
|
ok('imageLoad' === messageData.type, 'type = imageLoad')
|
|
start()
|
|
}
|
|
}
|
|
})
|
|
})
|
|
|
|
asyncTest('iFrame late image load with other mutations', function() {
|
|
var evtCounter = 0
|
|
|
|
$('iframe').iFrameResize({
|
|
//log:true,
|
|
sizeHeight: false,
|
|
sizeWidth: true,
|
|
interval: 1,
|
|
onResized: function(messageData) {
|
|
switch ('' + ++evtCounter) {
|
|
case '1':
|
|
sendMessage('imageAsSecondMutation')
|
|
break
|
|
case '2':
|
|
break
|
|
case '3':
|
|
ok('imageLoad' === messageData.type, 'type = imageLoad')
|
|
start()
|
|
}
|
|
}
|
|
})
|
|
})
|
|
}
|
|
|
|
// if (MutationObserver)
|
|
// mutationObserverTest()
|
|
// else{
|
|
// console.warn('(MutationObserver not supported in this browser! Unable to run test)');
|
|
// test('iFrame MutationObserver',function(){
|
|
// ok(true,'MutationObserver not supported in this browser! Unable to run test.');
|
|
// });
|
|
// }
|
|
</script>
|
|
</body>
|
|
</html>
|