libs/js/jquery-mobile-1.1.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                                 "jquery.mobile.dialog",
  22                                 "jquery.mobile.page",
  23                                 "jquery.mobile.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 </head>
  38 <body>
  39
  40 <h1 id="qunit-header">jQuery Mobile Dialog Test Suite</h1>
  41 <h2 id="qunit-banner"></h2>
  42 <h2 id="qunit-userAgent"></h2>
  43 <ol id="qunit-tests">
  44 </ol>
  45
  46 <div id="mypage" data-nstest-role="page" data-nstest-theme="a">
  47         <a href="#foo-dialog" id="foo-dialog-link" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog"></a>
  48         <a href="#dialog-a" id="link-a" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog">no theme set</a>
  49         <a href="#dialog-b" id="link-b" data-nstest-role="button" data-nstest-inline="true" data-nstest-rel="dialog">data-theme set</a>
  50         <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>
  51 </div>
  52
  53 <div id="foo-dialog" data-nstest-role="dialog" data-nstest-theme="b">
  54         <div  data-nstest-role="header" data-nstest-position="inline">
  55                 <h1>Dialog</h1>
  56         </div>
  57         <div data-nstest-role="content" >
  58                 <a href="#" id="internal-link">foo</a>
  59         </div>
  60         <div data-nstest-role="footer">
  61                 footer
  62         </div>
  63 </div>
  64
  65 <div data-nstest-role="page" id="dialog-a">
  66         <div data-nstest-role="header" data-nstest-position="inline">
  67                 <h1> No theme set </h1>
  68         </div>
  69         <div data-nstest-role="content">
  70                  Some text here....
  71         </div>
  72         <div data-nstest-role="footer">
  73                 footer
  74         </div>
  75 </div>
  76
  77 <div data-nstest-role="page" data-nstest-theme="e" id="dialog-b">
  78         <div data-nstest-role="header">
  79                 <h1> data-nstest-theme set </h1>
  80         </div>
  81         <div data-nstest-role="content">
  82                  Some text here....
  83         </div>
  84         <div data-nstest-role="footer">
  85                 footer
  86         </div>
  87 </div>
  88
  89 <div data-nstest-role="page" id="dialog-c" data-nstest-overlay-theme="b" data-nstest-theme="e">
  90         <div data-nstest-role="header">
  91                 <h1> data-nstest-theme & data-nstest-overlay-theme set </h1>
  92         </div>
  93         <div data-nstest-role="content">
  94                  Some text here....
  95         </div>
  96         <div data-nstest-role="footer">
  97                 footer
  98         </div>
  99 </div>
 100
 101 </body>
 102 </html>