view iframe-resizer/test/mutationObserver.html @ 5:4e21ce709269 draft

Uploaded
author saskia-hiltemann
date Tue, 07 Oct 2014 08:49:14 -0400
parents ac5f9272033b
children
line wrap: on
line source

<!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="../js/iframeResizer.min.js"></script>
  <script>
  
    'use strict';

     function mutationObserverTest(){ 
      asyncTest( "iFrame MutationObserver", function() {

        var callbackCounter = 0;

        $('iframe').iFrameResize({
        log:true,
          resizedCallback:function(messageData){
            
            switch  (''+(++callbackCounter)){
              case '1':
                document.getElementsByTagName('iframe')[0].contentWindow.postMessage( msgId + '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>