<!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:400px;"> <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/ie8.polyfils.min.js"></script> <script src="../js/iframeResizer.min.js"></script> <script> 'use strict' var msgId = '[iFrameSizerTest]:' jQuery.noConflict() asyncTest('iFrame change page', function() { var evtCounter = 0 jQuery('iframe').iFrameResize({ //log:true, onResized: function(messageData) { switch ('' + ++evtCounter) { case '1': sendMessage('pageChange') break case '2': ok( 'init' === messageData.type, 'Received ' + messageData.type + ' message back from iFrame. Expected init' ) start() } } }) }) </script> </body> </html>