libs/js/jquery-mobile-1.2.0/tests/unit/dialog/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <meta name="viewport" content="width=device-width, initial-scale=1">
   6         <title>jQuery Mobile Dialog Test Suite</title>
   7         <script src="../../../external/requirejs/require.js"></script>
   8         <script src="../../../js/jquery.tag.inserter.js"></script>
   9         <script>
  10                 $(document).bind('mobileinit',function(){
  11                         // Expect content to inherit this theme when not explicitly set
  12                         $.mobile.page.prototype.options.contentTheme = "d";
  13                 });
  14         </script>
  15         <script src="../jquery.setNameSpace.js"></script>
  16         <script src="../../jquery.testHelper.js"></script>
  17         <script src="../../../external/qunit.js"></script>
  18         <script>
  19                 $.testHelper.asyncLoad([
  20                         [
  21                                 "widgets/dialog",
  22                                 "widgets/page",
  23                                 "widgets/page.sections"
  24                         ],
  25                         [ "jquery.mobile.init" ],
  26                         [
  27                                 "dialog_events.js"
  28                         ]
  29                 ]);
  30         </script>
  31
  32
  33         <link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile.css"/>
  34         <link rel="stylesheet" href="../../../external/qunit.css"/>
  35
  36         <script src="../swarminject.js"></script>
  37         <script src="../../../../../../tests/jqm-tchelper/tizen.testHelper.js"></script>
  38 </head>
  39 <body>
  40
  41 <h1 id="qunit-header">jQuery Mobile Dialog Test Suite</h1>
  42 <h2 id="qunit-banner"></h2>
  43 <h2 id="qunit-userAgent"></h2>
  44 <ol id="qunit-tests">
  45 </ol>
  46
  47 <div id="mypage" data-nstest-role="page" data-nstest-theme="a">
  48         <a href="#foo-dialog" id="foo-dialog-link" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog"></a>
  49         <a href="#dialog-a" id="link-a" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog">no theme set</a>
  50         <a href="#dialog-b" id="link-b" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog">data-theme set</a>
  51         <a href="#dialog-c" id="link-c" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog">data-theme & data-nstest-overlay-theme set</a>
  52 </div>
  53
  54 <div id="doubleCloseTestPage" data-nstest-role="page">
  55         <div data-nstest-role="content">
  56                 <a id="doubleCloseDialogOpener" href="#foo-dialog" data-nstest-rel="dialog">Dialog</a>
  57         </div>
  58 </div>
  59
  60 <div id="foo-dialog" data-nstest-role="dialog" data-nstest-theme="b">
  61         <div  data-nstest-role="header" data-nstest-position="inline">
  62                 <h1>Dialog</h1>
  63         </div>
  64         <div data-nstest-role="content" >
  65                 <a href="#" id="internal-link">foo</a>
  66         </div>
  67         <div data-nstest-role="footer">
  68                 footer
  69         </div>
  70 </div>
  71
  72 <div data-nstest-role="page" id="dialog-a">
  73         <div data-nstest-role="header" data-nstest-position="inline">
  74                 <h1> No theme set </h1>
  75         </div>
  76         <div data-nstest-role="content">
  77                  Some text here....
  78         </div>
  79         <div data-nstest-role="footer">
  80                 footer
  81         </div>
  82 </div>
  83
  84 <div data-nstest-role="page" data-nstest-theme="e" id="dialog-b">
  85         <div data-nstest-role="header">
  86                 <h1> data-nstest-theme set </h1>
  87         </div>
  88         <div data-nstest-role="content">
  89                  Some text here....
  90         </div>
  91         <div data-nstest-role="footer">
  92                 footer
  93         </div>
  94 </div>
  95
  96 <div data-nstest-role="page" id="dialog-c" data-nstest-overlay-theme="b" data-nstest-theme="e">
  97         <div data-nstest-role="header">
  98                 <h1> data-nstest-theme & data-nstest-overlay-theme set </h1>
  99         </div>
 100         <div data-nstest-role="content">
 101                  Some text here....
 102         </div>
 103         <div data-nstest-role="footer">
 104                 footer
 105         </div>
 106 </div>
 107
 108 </body>
 109 </html>