tests/unit-tests/popupwindow_ctxpopup/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.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/tests/jquery.testHelper.js"></script>
  14         <script src="../../../libs/js/jquery-mobile-1.1.0/external/qunit.js"></script>
  15         <script src="ctxpopup-tests.js"></script>
  16
  17         <title>Contextual Popup</title>
  18 </head>
  19
  20 <body>
  21
  22 <h1 id="qunit-header">Contextual Popup</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="page-1">
  30                 <div data-role="header" data-position="fixed">
  31                         <h1>Contextual Popup</h1>
  32                 </div>
  33                 <div data-role="content">
  34                         <a href="#pop_plain" id="btn_plain" data-role="button" data-inline="true" data-rel="popupwindow">Pop_1</a>
  35                         <div id="pop_plain" data-role="popupwindow" data-show-arrow="true">
  36                                 <ul data-role="listview">
  37                                         <li class="ui-li-1line-bigicon">
  38                                                 <span class="ui-li-text-main">Dummy 1</span>
  39                                         </li>
  40                                         <li class="ui-li-1line-bigicon">
  41                                                 <span class="ui-li-text-main">Dummy 2</span>
  42                                         </li>
  43                                 </ul>
  44                         </div>
  45                         <a href="#pop_horizontal" id="btn_horizontal" data-role="button" data-inline="true" data-rel="popupwindow">Pop 2</a>
  46                         <div id="pop_horizontal" class="horizontal" data-role="popupwindow" data-show-arrow="true">
  47                                 <ul>
  48                                         <li class="icon">
  49                                                 <a href="#" data-role="button" data-icon="call"></a>
  50                                         </li>
  51                                         <li class="icon">
  52                                                 <a href="#" data-role="button" data-icon="favorite"></a>
  53                                         </li>
  54                                         <li class="text">
  55                                                 <a href="#">Function</a>
  56                                         </li>
  57                                 </ul>
  58                         </div>
  59                         <a href="#pop_buttons" id="btn_buttons" data-role="button" data-inline="true" data-rel="popupwindow">Pop 3</a>
  60                         <div id="pop_buttons" class="button" data-role="popupwindow" data-show-arrow="true">
  61                                 <table>
  62                                         <tr>
  63                                                 <td>
  64                                                         <a href="#" data-role="button">A</a>
  65                                                 </td>
  66                                                 <td>
  67                                                         <a href="#" data-role="button">B</a>
  68                                                 </td>
  69                                                 <td>
  70                                                         <a href="#" data-role="button">C</a>
  71                                                 </td>
  72                                         </tr>
  73                                         <tr>
  74                                                 <td>
  75                                                         <a href="#" data-role="button">D</a>
  76                                                 </td>
  77                                                 <td>
  78                                                         <a href="#" data-role="button">E</a>
  79                                                 </td>
  80                                                 <td>
  81                                                         <a href="#" data-role="button">F</a>
  82                                                 </td>
  83                                         </tr>
  84                                 </table>
  85                         </div>
  86                         <a href="#pop_not" id="btn_not" data-role="button" data-inline="true" data-rel="popupwindow">Pop 4</a>
  87                         <div id="pop_not" data-role="popupwindow">
  88                                 <div>
  89                                         <span>Dummy</span>
  90                                 </div>
  91                         </div>
  92                 </div>
  93         </div>
  94
  95 </div>
  96
  97 </body>
  98 </html>
  99