<!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"
width="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/iframeResizer.min.js"></script>
<script>
'use strict'
function mutationObserverTest() {
asyncTest('iFrame MutationObserver', function() {
var evtCounter = 0
$('iframe').iFrameResize({
//log:true,
onResized: function(messageData) {
switch ('' + ++evtCounter) {
case '1':
sendMessage('changeContent')
break
case '2':
ok(true, 'iFrame detected content change')
ok(
'mutationObserver' === messageData.type,
'Received ' +
messageData.type +
' message back from iFrame. Expected mutationObserver'
)
start()
}
}
})
})
}
var msgId = '[iFrameSizerTest]:'
var MutationObserver =
window.MutationObserver ||
window.WebKitMutationObserver ||
window.MozMutationObserver
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>