diff iframe-resizer/test/mutationObserver.html @ 0:ac5f9272033b draft

first upload
author saskia-hiltemann
date Tue, 01 Jul 2014 11:42:23 -0400
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/iframe-resizer/test/mutationObserver.html	Tue Jul 01 11:42:23 2014 -0400
@@ -0,0 +1,62 @@
+<!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>
\ No newline at end of file