| 
0
 | 
     1 <!DOCTYPE html>
 | 
| 
 | 
     2 <html>
 | 
| 
 | 
     3 <head>
 | 
| 
 | 
     4   <meta charset="utf-8">
 | 
| 
 | 
     5   <title>QUnit LoadHide</title>
 | 
| 
 | 
     6   <link rel="stylesheet" href="resources/qunit.css">
 | 
| 
 | 
     7 </head>
 | 
| 
 | 
     8 <body>
 | 
| 
 | 
     9   <div id="qunit"></div>
 | 
| 
 | 
    10   <div id="qunit-fixture">
 | 
| 
 | 
    11 
 | 
| 
 | 
    12     <div style="width:600px;">
 | 
| 
 | 
    13       <iframe src="resources/frame.content.html" height="100%" scrolling="no"></iframe>
 | 
| 
 | 
    14     </div>
 | 
| 
 | 
    15 
 | 
| 
 | 
    16   </div>
 | 
| 
 | 
    17   <script src="resources/qunit.js"></script>
 | 
| 
 | 
    18   <script src="resources/jquery.js"></script>
 | 
| 
 | 
    19   <script src="resources/testLib.js"></script>
 | 
| 
 | 
    20   <script src="../js/iframeResizer.min.js"></script>
 | 
| 
 | 
    21   <script>
 | 
| 
 | 
    22   
 | 
| 
 | 
    23     'use strict';
 | 
| 
 | 
    24     var msgId = '[iFrameSizerTest]:';
 | 
| 
 | 
    25     
 | 
| 
 | 
    26     asyncTest( "iFrame Resize height", function() {
 | 
| 
 | 
    27 
 | 
| 
 | 
    28       var callbackCounter = 0;
 | 
| 
 | 
    29 
 | 
| 
 | 
    30       $('iframe').iFrameResize({
 | 
| 
 | 
    31         log:true,
 | 
| 
 | 
    32         sizeHeight:false,
 | 
| 
 | 
    33         sizeWidth:true,
 | 
| 
 | 
    34         interval:1,
 | 
| 
 | 
    35         resizedCallback:function(messageData){
 | 
| 
 | 
    36           switch  (''+(++callbackCounter)){
 | 
| 
 | 
    37             case '1':
 | 
| 
 | 
    38               sendMessage('width');
 | 
| 
 | 
    39               break;
 | 
| 
 | 
    40             case '2':
 | 
| 
 | 
    41               ok( 3000 < parseInt(messageData.width,10), 'iFrame width<3000');
 | 
| 
 | 
    42               start();
 | 
| 
 | 
    43           }
 | 
| 
 | 
    44         }
 | 
| 
 | 
    45       });
 | 
| 
 | 
    46     });
 | 
| 
 | 
    47     
 | 
| 
 | 
    48   </script>
 | 
| 
 | 
    49 </body>
 | 
| 
 | 
    50 </html> |