annotate iframe-resizer/test/mutationObserver.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
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
24 function mutationObserverTest(){
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
25 asyncTest( "iFrame MutationObserver", function() {
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
26
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
27 var callbackCounter = 0;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
28
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
29 $('iframe').iFrameResize({
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
30 log:true,
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
31 resizedCallback:function(messageData){
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
32
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
33 switch (''+(++callbackCounter)){
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
34 case '1':
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
35 document.getElementsByTagName('iframe')[0].contentWindow.postMessage( msgId + 'changeContent', '*' );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
36 break;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
37 case '2':
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
38 ok( true, 'iFrame detected content change');
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
39 ok( 'mutationObserver' === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected mutationObserver' );
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
40 start();
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
41 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
42 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
43 });
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
44 });
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
45 }
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
46
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
47 var msgId = '[iFrameSizerTest]:';
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
48
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
49 var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
50
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
51 if (MutationObserver)
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
52 mutationObserverTest()
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
53 else{
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
54 console.warn('(MutationObserver not supported in this browser! Unable to run test)');
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
55 test('iFrame MutationObserver',function(){
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
56 ok(true,'MutationObserver not supported in this browser! Unable to run test.');
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 </script>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
61 </body>
ac5f9272033b first upload
saskia-hiltemann
parents:
diff changeset
62 </html>