examples/htdocs/jasmine-cms-popup.html

   1 <html>
   2   <head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4     <title>MKWS demo: CMS popup plugin with jasmine test framework</title>
   5     <!-- test like a CMS, with jquery modifications -->
   6
   7     <script type="text/javascript" src="//code.jquery.com/jquery-1.10.0.min.js"></script>
   8     <script>
   9       // create a function in external jquery object
  10       $.extend({
  11         mkws_external_jquery_object: function () { return true; }
  12       });
  13     </script>
  14
  15     <script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
  16     <script>var _jquery = jQuery; $ = jQuery = mkws.$; </script>
  17     <script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
  18     <script>jQuery = $ = _jquery; </script>
  19
  20     <link rel="stylesheet" type="text/css" href="//mkws.indexdata.com/mkws.css" />
  21     <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  22
  23     <link rel="shortcut icon" type="image/png" href="jasmine/lib/jasmine-1.3.1/jasmine_favicon.png">
  24     <link rel="stylesheet" type="text/css" href="jasmine/lib/jasmine-1.3.1/jasmine.css">
  25
  26     <script type="text/javascript" src="jasmine/lib/jasmine-1.3.1/jasmine.js"></script>
  27     <script type="text/javascript" src="jasmine/lib/jasmine-1.3.1/jasmine-html.js"></script>
  28
  29     <script type="text/javascript" src="test/spec/true.spec.js"></script>
  30     <script type="text/javascript" src="test/spec/mkws-config.js"></script>
  31     <script type="text/javascript" src="test/spec/mkws-pazpar2.js"></script>
  32
  33     <script type="text/javascript" src="test/js/mkws-jasmine-run.js"></script>
  34
  35     <style type="text/css">
  36       body > div > form > input.ui-state-default { background: none; }
  37     </style>
  38   </head>
  39
  40   <body>
  41     <script>
  42       // jquery.js from <head> section
  43       if (!($.mkws_external_jquery_object && $.mkws_external_jquery_object())) {
  44         alert("External jquery(1) mis-match!!!");
  45       }
  46       if (mkws.$.mkws_external_jquery_object && mkws.$.mkws_external_jquery_object()) {
  47         alert("Internal jquery(1) mis-match!!!");
  48       }
  49     </script>
  50
  51     <script type="text/javascript">
  52     var mkws_config = {
  53       service_proxy_auth: "//sp-mkws.indexdata.com/service-proxy/?command=auth&action=login&username=mkwstest&password=mkwstest",
  54       perpage_default: 10
  55     };
  56
  57     var jasmine_config = {
  58       search_query: "freebsd",
  59       expected_hits: 20,
  60       check_motd: false,
  61       show_record_url: true
  62     };
  63     </script>
  64
  65     <h2>MKWS Jasmine regression tests</h2>
  66
  67     <div class="mkws-search"></div>
  68     <div class="mkws-popup" popup_width="990" popup_height="760" popup_modal="0" popup_autoOpen="0" popup_button="input.mkws-button">
  69       <div class="mkws-switch"></div>
  70       <div class="mkws-lang"></div>
  71       <div class="mkws-progress"></div>
  72       <div class="mkws-results"></div>
  73       <div class="mkws-targets"></div>
  74       <div class="mkws-stat"></div>
  75       <div class="mkws-builder"></div>
  76     </div>
  77
  78       <!-- include jquery again -->
  79       <script type="text/javascript" src="//code.jquery.com/jquery-1.10.0.js"></script>
  80       <script>
  81         $(document).ready(function() {
  82           // now the second jquery is used
  83           if ($.mkws_external_jquery_object && $.mkws_external_jquery_object()) {
  84             alert("External jquery(2) mis-match!!!");
  85           }
  86           if (mkws.$.mkws_external_jquery_object && mkws.$.mkws_external_jquery_object()) {
  87             alert("Internal jquery(2) mis-match!!!");
  88           }
  89
  90           // jquery null test
  91           $ = undefined;
  92           jQuery = undefined;
  93
  94           if (!mkws.$) {
  95             alert("MKWS jquery(3) is not set!!!");
  96           }
  97
  98         });
  99       </script>
 100   </body>
 101 </html>