tests/additional-unit-tests/notification/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.2.0/external/qunit.js"></script>
  14         <script src="notification-tests.js"></script>
  15
  16         <title>Notification</title>
  17 </head>
  18
  19 <body>
  20
  21 <h1 id="qunit-header">Notification</h1>
  22 <h2 id="qunit-banner"></h2>
  23 <div id="qunit-testrunner-toolbar"></div>
  24 <h2 id="qunit-userAgent"></h2>
  25 <ol id="qunit-tests"></ol>
  26
  27 <div id="qunit-fixture">
  28
  29         <div data-role="page" id="notifiaction0">
  30                 <div data-role="notification" id="smallpopup" data-type="popup" data-interval='1000'>
  31                         <p>text1</p>
  32                 </div>
  33                 <div data-role="notification" id="smallpopup2" data-type="popup" data-interval='1000'>
  34                         <p>text1</p>
  35                         <p>text2</p>
  36                 </div>
  37                 <div data-role="notification" id="smallpopup3" data-type="popup" data-interval='1000'>
  38                 </div>
  39                 <div data-role="header" data-position="fixed">
  40                         <h1>Notification</h1>
  41                 </div>
  42                 <div data-role="content">
  43                 </div>
  44         </div>
  45
  46         <div data-role="page" id="notification1">
  47                 <div data-role="notification" id="tickernoti" data-type="ticker"  data-icon="02_icon.png" data-interval='5'>
  48                         <p>text1</p>
  49                         <p>text2</p>
  50                 </div>
  51                 <div data-role="notification" id="tickernoti2" data-type="ticker"  data-icon="02_icon.png" data-interval='5'>
  52                         <p>text1</p>
  53                         <p>text2</p>
  54                         <p>text3</p>
  55                         <p>text4</p>
  56                 </div>
  57                 <div data-role="notification" id="tickernoti3" data-type="ticker"  data-icon="02_icon.png" data-interval='5'>
  58                 </div>
  59                 <div data-role="header" data-position="fixed">
  60                         <h1>Notification</h1>
  61                 </div>
  62                 <div data-role="content">
  63                 </div>
  64         </div>
  65
  66
  67 </div>
  68
  69 </body>
  70 </html>