tests/unit-tests/optionheader/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <script src="../../../build/tizen-web-ui-fw/latest/js/jquery.js"></script>
   5         <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
   6         <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
   7                 data-framework-theme="tizen-white"
   8                 data-framework-viewport-scale=false>
   9         </script>
  10
  11         <link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.1.0/external/qunit.css" />
  12
  13         <script src="../../../libs/js/jquery-mobile-1.1.0/external/qunit.js"></script>
  14
  15   <script src="optionheader-tests.js"></script>
  16 </head>
  17 <body>
  18
  19 <h1 id="qunit-header">jQuery Mobile Option Header Tests</h1>
  20 <h2 id="qunit-banner"></h2>
  21 <h2 id="qunit-userAgent"></h2>
  22 <ol id="qunit-tests">
  23 </ol>
  24
  25 <div data-nstest-role="page" id="optionheader1line2btn" data-add-back-btn="true">
  26         <div data-nstest-role="header" data-nstest-position="fixed">
  27                 <a id="123">TestBtn</a>
  28                 <h1>Option header - 2 buttons</h1>
  29                 <a id="opt_text" data-icon="optiontray"></a>
  30                 <a id="1234">TestBtn</a>
  31
  32                 <div id="myoptionheader1" data-nstest-role="optionheader" data-for="opt_text">
  33                         <div class="ui-grid-a ">
  34                                 <div class="ui-block-a"><a data-role="button">Save</a></div>
  35                                 <div class="ui-block-b"><a data-role="button">Next</a></div>
  36                         </div>
  37                 </div>
  38         </div>
  39         <div data-nstest-role="content">
  40                 <p>Some content would be here</p>
  41         </div>
  42 </div>
  43
  44 <div data-nstest-role="page" id="optionheader1line3btn" data-add-back-btn="true">
  45         <div data-nstest-role="header" data-nstest-position="fixed">
  46                 <a id="123">TestBtn</a>
  47                 <h1>Option header - 2 buttons</h1>
  48                 <a id="1234">TestBtn</a>
  49
  50                 <div id="myoptionheader2" data-nstest-role="optionheader" data-for="opt_text">
  51                         <div class="ui-grid-b">
  52                                 <div class="ui-block-a"><a data-role="button">Previous</a></div>
  53                                 <div class="ui-block-b"><a data-role="button">Save</a></div>
  54                                 <div class="ui-block-c"><a data-role="button">Next</a></div>
  55                         </div>
  56                 </div>
  57         </div>
  58         <div data-nstest-role="content">
  59                 <p>Some content would be here</p>
  60         </div>
  61 </div>
  62
  63 <div data-nstest-role="page" id="optionheader1line4btn" data-add-back-btn="true">
  64         <div data-nstest-role="header" data-nstest-position="fixed">
  65                 <a id="123">TestBtn</a>
  66                 <h1>Option header - 2 buttons</h1>
  67                 <a id="opt_text" data-icon="optiontray"></a>
  68                 <a id="1234">TestBtn</a>
  69
  70                 <div id="myoptionheader3" data-nstest-role="optionheader" data-for="opt_text">
  71                         <div class="ui-grid-c">
  72                                 <div class="ui-block-a"><a data-role="button">Previous</a></div>
  73                                 <div class="ui-block-b"><a data-role="button">Save</a></div>
  74                                 <div class="ui-block-c"><a data-role="button">Undo</a></div>
  75                                 <div class="ui-block-d"><a data-role="button">Next</a></div>
  76                         </div>
  77                 </div>
  78         </div>
  79         <div data-nstest-role="content">
  80                 <p>Some content would be here</p>
  81         </div>
  82 </div>
  83 </body>
  84 </html>