tests/additional-unit-tests/datetimepicker/index.html

   1 <!DOCTYPE html>
   2 <html>
   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.2.0/external/qunit.css" />
  12
  13         <script src="../../../libs/js/jquery-mobile-1.1.0/tests/jquery.testHelper.js"></script>
  14         <script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
  15         <script src="datetimepicker-tests.js"></script>
  16
  17         <title>Date Time Picker</title>
  18 </head>
  19
  20 <body>
  21
  22 <h1 id="qunit-header">Date Time Picker</h1>
  23 <h2 id="qunit-banner"></h2>
  24 <div id="qunit-testrunner-toolbar"></div>
  25 <h2 id="qunit-userAgent"></h2>
  26 <ol id="qunit-tests"></ol>
  27
  28 <div id="qunit-fixture">
  29         <div data-role="page" id="dummy-page">
  30                 <div data-role="header" data-position="fixed">
  31                         <h1>Dummy</h1>
  32                 </div>
  33                 <div data-role="contents">
  34                 </div>
  35         </div>
  36         <div data-role="page" id="page-1">
  37                 <div data-role="header" data-position="fixed">
  38                         <h1>Date Time Picker</h1>
  39                 </div>
  40                 <div data-role="content">
  41                         <ul data-role="listview">
  42                                 <li class="ui-li-2line-sub-main">
  43                                         <span class="ui-li-text-main">
  44                                                 <input type="datetime" id="datetime" />
  45                                         </span>
  46                                         <span class="ui-li-text-sub">DateTimePicker</span>
  47                                 </li>
  48                                 <li class="ui-li-2line-sub-main">
  49                                         <span class="ui-li-text-main">
  50                                                 <input type="date" id="date"/>
  51                                         </span>
  52                                         <span class="ui-li-text-sub">DatePicker</span>
  53                                 </li>
  54                                 <li class="ui-li-2line-sub-main">
  55                                         <span class="ui-li-text-main">
  56                                                 <input type="time" id="time"/>
  57                                         </span>
  58                                         <span class="ui-li-text-sub">TimePicker</span>
  59                                 </li>
  60                                 <li class="ui-li-2line-sub-main">
  61                                         <span class="ui-li-text-main">
  62                                                 <input type="datetime" id="custom" data-format="MMM dd yyyy hh:mm tt" value="2012-06-30T00:00:00+00:00" />
  63                                         </span>
  64                                         <span class="ui-li-text-sub">DateTimePicker</span>
  65                                 </li>
  66                         </ul>
  67                 </div>
  68         </div>
  69
  70 </div>
  71
  72 </body>
  73 </html>
  74