RubyGems - j1m_app - Versions diffs - 0.0.1 - Mend

j1m_app 0.0.1

Files changed (99) hide show

data/assets/themes/j1/iframe_resizer/test-main.js ADDED Viewed

@@ -0,0 +1,33 @@
+var allTestFiles = [];
+var TEST_REGEXP = /(spec|test)\.js$/i;
+// Get a list of all the test files to include
+Object.keys(window.__karma__.files).forEach(function(file) {
+  if (TEST_REGEXP.test(file)) {
+    // Normalize paths to RequireJS module names.
+    // If you require sub-dependencies of test files to be loaded as-is (requiring file extension)
+    // then do not normalize the paths
+    var normalizedTestModule = file.replace(/^\/base\/|\.js$/g, '');
+    allTestFiles.push(normalizedTestModule);
+  }
+});
+require.config({
+  // Karma serves files under /base, which is the basePath from your config file
+  baseUrl: '/base',
+  paths: {
+    jquery                  : 'node_modules/jquery/dist/jquery',
+    iframeResizerMin        : 'js/iframeResizer.min',
+    iframeResizer           : 'src/iframeResizer',
+    iframeResizerContentMin : 'js/iframeResizer.contentWindow.min',
+    iframeResizerContent    : 'src/iframeResizer.contentWindow'
+  },
+  // dynamically load all test files
+  deps: allTestFiles,
+  // we have to kickoff jasmine, as it is asynchronous
+  callback: window.__karma__.start
+});

data/assets/themes/j1/iframe_resizer/test/_init.html ADDED Viewed

@@ -0,0 +1,44 @@
+<!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:600px;">
+      <iframe src="resources/frame.lateload.html" width="100%" scrolling="no"></iframe>
+    </div>
+  </div>
+  <script src="resources/qunit.js"></script>
+  <script src="resources/jquery.js"></script>
+  <script src="../js/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+		asyncTest( "postMessage Response", function() {
+      iFrameResize({
+        //log:true,
+        bodyBackground:'wheat',
+        heightCalculationMethod:'max',
+        initCallback:function(iframe){
+          ok( true, 'Receive init message back from iFrame.' );
+          ok( 'iFrameResizer0' === iframe.id, 'iFrame id = iFrameResizer0.' );
+          setTimeout(function(){
+            iframe.iFrameResizer.close();
+            start();
+          },10);
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/_init_once.html ADDED Viewed

@@ -0,0 +1,45 @@
+<!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 class="iframe-wrapper" style="width:600px;">
+      <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="../src/iframeResizer.js"></script>
+  <script src="../js/ie8.polyfils.min.js"></script>
+  <script>
+    'use strict';
+    var receivedIframeIds = [];
+    asyncTest( "postMessage Response", function() {
+      iFrameResize({
+        //log:true,
+        bodyBackground:'wheat',
+        heightCalculationMethod:'max',
+        initCallback:function(iframe){
+          ok( true, 'Receive init message back from iFrame.' );
+          receivedIframeIds.push(iframe.id);
+          if (receivedIframeIds.length === 2) {
+            ok( receivedIframeIds.indexOf('iFrameResizer0') > -1, 'iFrame id = iFrameResizer0 is present.' )
+            ok( receivedIframeIds.indexOf('iFrameResizer1') > -1, 'iFrame id = iFrameResizer1 is present.' )
+          } else {
+            start();
+          }
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/_init_once_async.html ADDED Viewed

@@ -0,0 +1,72 @@
+<!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 class="iframe-wrapper" style="width:600px;">
+      <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="../js/ie8.polyfils.min.js"></script>
+  <script src="../src/iframeResizer.js"></script>
+  <script>
+    'use strict';
+    var $iframeFirst = $('iframe');
+    var recievedIframeIds = [];
+    function getIframeFirstAttrs(){
+      var attrs = {};
+      var blacklistedAttrs = { id: true };
+      function cloneAllowedAttr(){
+        var attrName = this.name;
+        if (!(attrName in blacklistedAttrs)) {
+          attrs[attrName] = this.value;
+        }
+      }
+      $.each( $iframeFirst[0].attributes, cloneAllowedAttr );
+      return attrs;
+    }
+    function addSecondIframeAndScript(){
+      var $injectedIframe = $('<iframe/>').attr(getIframeFirstAttrs());
+      var firstScriptSource = $('script[src*=iframeResizer]').attr('src');
+      $iframeFirst.after($injectedIframe);
+      $.getScript(firstScriptSource, function(){
+        iFrameResize({
+          //log:true,
+          bodyBackground:'wheat',
+          heightCalculationMethod:'max',
+          initCallback:function(iframe){
+            ok( true, 'Receive init message back from iFrame1.' );
+            ok( 'iFrameResizer1' === iframe.id, 'iFrame id = iFrameResizer1.' );
+            start();
+          }
+        });
+      });
+    }
+    asyncTest( "postMessage Response", function() {
+      iFrameResize({
+        //log:true,
+        bodyBackground:'wheat',
+        heightCalculationMethod:'max',
+        initCallback:function(iframe){
+          ok( true, 'Receive init message back from iFrame0.' );
+          ok( 'iFrameResizer0' === iframe.id, 'iFrame id = iFrameResizer0.' );
+          addSecondIframeAndScript();
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/background.html ADDED Viewed

@@ -0,0 +1,47 @@
+<!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:600px;">
+      <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/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+    var background='rgb(245, 222, 179)';
+    asyncTest( "getId", function() {
+      iFrameResize({
+        //log:true,
+        bodyBackground:background,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive init message back from iFrame.' );
+          sendMessage('chkBackground');
+        },
+        messageCallback:function(messageData){
+          ok(background === messageData.message, 'Background = '+background );
+          start();
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/changePage.html ADDED Viewed

@@ -0,0 +1,50 @@
+<!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:400px;">
+      <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/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+    jQuery.noConflict();
+    asyncTest( "iFrame change page", function() {
+      var callbackCounter = 0;
+      jQuery('iframe').iFrameResize({
+        //log:true,
+        resizedCallback:function(messageData){
+          switch  (''+(++callbackCounter)){
+            case '1':
+              sendMessage('pageChange');
+              break;
+            case '2':
+              ok( 'init' === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected init');
+              start();
+          }
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/close.html ADDED Viewed

@@ -0,0 +1,44 @@
+<!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:400px;">
+      <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/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    asyncTest( "iFrame close Event", function() {
+      var callbackCounter = 0;
+      $('iframe').iFrameResize({
+        //log:true,
+        initCallback:function(){
+            sendMessage('close');
+        },
+        closedCallback:function(){
+          ok( 0 === $('iframe').length , 'IFrame removed from page');
+          start();
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/getId.html ADDED Viewed

@@ -0,0 +1,44 @@
+<!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:600px;">
+      <iframe id="test" 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/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+		asyncTest( "getId", function() {
+      iFrameResize({
+        //log:true,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive init message back from iFrame.' );
+          sendMessage('chkGetId');
+        },
+        messageCallback:function(messageData){
+          ok(messageData.iframe.id === messageData.message, 'getId method.' );
+          start();
+        }
+      },document.getElementById('test'));
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/interval.html ADDED Viewed

@@ -0,0 +1,56 @@
+<!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:600px;">
+      <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/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+    asyncTest( "iFrame negative inteval timer ", function() {
+      var
+          callbackCounter = 0,
+          started         = false;
+      $('iframe').iFrameResize({
+        //log:true,
+        interval:-1,
+        resizedCallback:function(messageData){
+          switch  (''+(++callbackCounter)){
+            case '1':
+              sendMessage('changeContent');
+              break;
+            default:
+              //ok( true, 'iFrame detected content change');
+              if ('resize' !== messageData.type && (false === started)){
+                started = true;
+                ok( 'interval' === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected interval.' );
+                start();
+              }
+          }
+        }
+      });
+    });
+  </script>
+</body>
+</html>