view iframe-resizer/test/margin.html @ 8:86219e4aa239 draft

Uploaded
author saskia-hiltemann
date Mon, 28 Aug 2017 10:23:21 -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: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>