annotate iframe-resizer/test/resize.width.html @ 9:7300ed4c1481 draft default tip

Uploaded
author saskia-hiltemann
date Mon, 04 Sep 2017 10:49:00 -0400
parents ac5f9272033b
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
1 <!DOCTYPE html>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
2 <html>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
3 <head>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
4 <meta charset="utf-8">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
5 <title>QUnit LoadHide</title>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
6 <link rel="stylesheet" href="resources/qunit.css">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
7 </head>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
8 <body>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
9 <div id="qunit"></div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
10 <div id="qunit-fixture">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
11
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
12 <div style="width:600px;">
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
13 <iframe src="resources/frame.content.html" width="100%" scrolling="no"></iframe>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
14 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
15
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
16 </div>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
17 <script src="resources/qunit.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
18 <script src="resources/jquery.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
19 <script src="../js/iframeResizer.min.js"></script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
20 <script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
21
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
22 'use strict';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
23 var msgId = '[iFrameSizerTest]:';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
24
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
25 function resize(size){
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
26 console.info('Size width:'+size);
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
27 $('#qunit-fixture > div').width(size);
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
28 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
29
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
30 asyncTest( "iFrame Resize Event", function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
31
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
32 var callbackCounter = 0;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
33
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
34 $('iframe').iFrameResize({
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
35 log:true,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
36 interval:1000,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
37 heightCalculationMethod:'max',
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
38 resizedCallback:function(messageData){
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
39
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
40 switch (''+(++callbackCounter)){
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
41 case '1':
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
42 setTimeout(function(){resize(300);},100);
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
43 break;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
44 case '2':
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
45 setTimeout(function(){resize(600)},100);
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
46 ok( 'resize' === messageData.type, '1 Received '+messageData.type+' message back from iFrame. Expected resize');
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
47 ok( '300' === messageData.width, '2 iFrame width = '+messageData.width+'. Expected 300.');
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
48 break;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
49 default:
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
50 ok( 'resetPage' === messageData.type, '3 Received '+messageData.type+' message back from iFrame. Expected resetPage');
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
51 if ('600' === messageData.width){
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
52 ok( '600' === messageData.width, '4 iFrame width = '+messageData.width+'. Expected 600.');
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
53 start();
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
54 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
55 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
56 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
57 });
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
58 });
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
59
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
60
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
61 </script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
62 </body>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
63 </html>