use the correct jQuery object for jquery-ui, MKWS-243
[mkws-moved-to-github.git] / examples / htdocs / jasmine-cors-popup.html
1 <html>
2   <head>
3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4     <title>MKWS demo: jQuery popup plugin with jasmine test framework</title>
5
6     <script type="text/javascript" src="//code.jquery.com/jquery-1.10.0.min.js"></script>
7     <script>
8       // create a function in external jquery object
9       $.extend({
10         mkws_external_jquery_object: function () { return true; }
11       });
12     </script>
13
14     <script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
15     <script>var _jquery = jQuery; $ = jQuery = mkws.$; </script>
16     <script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
17     <script>jQuery = $ = _jquery; </script>
18
19     <link rel="stylesheet" type="text/css" href="//mkws.indexdata.com/mkws.css" />
20     <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
21
22     <link rel="shortcut icon" type="image/png" href="jasmine/lib/jasmine-1.3.1/jasmine_favicon.png">
23     <link rel="stylesheet" type="text/css" href="jasmine/lib/jasmine-1.3.1/jasmine.css">
24
25     <script type="text/javascript" src="jasmine/lib/jasmine-1.3.1/jasmine.js"></script>
26     <script type="text/javascript" src="jasmine/lib/jasmine-1.3.1/jasmine-html.js"></script>
27
28     <script type="text/javascript" src="test/spec/true.spec.js"></script>
29     <script type="text/javascript" src="test/spec/mkws-config.js"></script>
30     <script type="text/javascript" src="test/spec/mkws-pazpar2.js"></script>
31
32     <script type="text/javascript" src="test/js/mkws-jasmine-run.js"></script>
33     <script type="text/javascript"> mkws_jasmine_init(500); </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: "//mkws.indexdata.com/service-proxy-testauth",
54       perpage_default: 10
55     };
56
57     var jasmine_config = {
58       search_query: "netbsd",
59       expected_hits: 10,
60       check_motd: false,
61       show_record_url: true
62     };
63     </script>
64
65     <h2>MKWS Jasmine regression tests</h2>
66
67     <div class="mkwsSearch"></div>
68     <div class="mkwsPopup" popup_width="990" popup_height="760" popup_modal="0" popup_autoOpen="0" popup_button="input.mkwsButton">
69       <div class="mkwsSwitch"></div>
70       <div class="mkwsLang"></div>
71       <div class="mkwsProgress"></div>
72       <div class="mkwsResults"></div>
73       <div class="mkwsTargets"></div>
74       <div class="mkwsStat"></div>
75       <div class="mkwsBuilder"></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>