diff iframe-resizer/test/margin.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/margin.html	Tue Jul 01 11:42:23 2014 -0400
@@ -0,0 +1,73 @@
+<!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:1600px;">
+      <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';
+    var msgId = '[iFrameSizerTest]:';
+
+    var margins = [
+      '10px 5em',
+      '15px 5ex',
+      '20px',
+      '25px',
+      '75px'
+    ];
+
+    function Counter(){
+        var i=0;
+        return function(){return i++};
+    }
+
+    var counter = Counter();
+
+    for (var i=0; i !== margins.length; i++){
+      asyncTest( "Margin " + margins[i], function() {
+        var 
+          height = 0,
+          i      = counter(), //counteract async
+          margin = margins[i];
+
+        iFrameResize({
+          log:true,
+          enablePublicMethods:true,
+          bodyMargin:margin,
+          resizedCallback:function(messageData){
+            ok( true, 'Receive message back from iFrame.' );
+            height=parseInt(messageData.height,10);
+            sendMessage('chkHeight');
+          },
+          messageCallback:function(messageData){
+            var 
+              marginCheck = 2 *parseInt(margin,10),
+              bodyHeight  = parseInt(messageData.message,10);
+
+            ok(height === (marginCheck + bodyHeight), 'Margin = ' + margin);
+            console.log('.');
+            start();
+          }
+        });
+      });
+
+    }
+    
+  </script>
+</body>
+</html>
\ No newline at end of file