diff iframe-resizer/test/size.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/size.html	Tue Jul 01 11:42:23 2014 -0400
@@ -0,0 +1,64 @@
+<!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="../js/iframeResizer.min.js"></script>
+  <script>
+
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+
+    asyncTest( "iFrame size Event", function() {
+
+      var callbackCounter = 0;
+
+      $('iframe').iFrameResize({
+        log:true,
+        doWidth:true,
+        enablePublicMethods:true,
+        interval:0,
+        resizedCallback:function(messageData){
+          var msgType = 'size';
+
+          switch  (''+(++callbackCounter)){
+            case '1':
+              document.getElementsByTagName('iframe')[0].contentWindow.postMessage( msgId + msgType, '*' );
+              break;
+            case '2':
+              ok( msgType === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected '+msgType);
+              document.getElementsByTagName('iframe')[0].contentWindow.postMessage( msgId + 'size100', '*' );
+              break;
+            case '3':
+              ok( msgType === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected '+msgType);
+              ok( '100' === messageData.height, 'Height received = 100');
+              //ok( 100 === $('iframe').height(), 'IFrame height = 100'); Works in phaatomJS, but not chrome!
+              document.getElementsByTagName('iframe')[0].contentWindow.postMessage( msgId + 'size200300', '*' );
+              break;
+            case '4':
+              ok( msgType === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected '+msgType);
+              ok( '200' === messageData.height, 'Height received = 200');
+              ok( '300' === messageData.width, 'Width received = 300');
+              start();
+          }
+        }
+      });
+    });
+
+		
+  </script>
+</body>
+</html>
\ No newline at end of file