PageRenderTime 27ms CodeModel.GetById 33ms RepoModel.GetById 0ms app.codeStats 0ms

/src/event/tests/test-cloudy.html

https://github.com/timeflows/kissy
HTML | 78 lines | 71 code | 6 blank | 1 comment | 0 complexity | 00fa3a3486c77c937a80b8591e34e983 MD5 | raw file
    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8">
    5. 

  5. <title>Test Runner</title>
    6. 

  6. <link rel="stylesheet" href="../../../tools/jasmine/jasmine.css">
    7. 

  7. <script src="http://a.tbcdn.cn/p/cloudyrun/1.0/cloudyrun-jasmine-pkg.js"></script>
    8. 

  8. 

  9. <script src="../../../build/seed.js"></script>
    10. 

  10. <script src="../../../build/ua.js"></script>
    11. 

  11. <script src="../../../build/dom.js"></script>
    12. 

  12. 

  13. <script src="../base.js"></script>
    14. 

  14. <script src="../object.js"></script>
    15. 

  15. <script src="../target.js"></script>
    16. 

  16. <script src="../focusin.js"></script>
    17. 

  17. <script src="../mouseenter.js"></script>
    18. 

  18. <script src="../delegate.js"></script>
    19. 

  19. <script src="../hashchange.js"></script>
    20. 

  20. <script src="../valuechange.js"></script>
    21. 

  21. <script src="../../event.js"></script>
    22. 

  22. 

  23. </head>
    24. 

  24. <body>
    25. 

  25. <!-- test data -->
    26. 

  26. <div style="border: 1px solid #ccc; height: 50px; overflow-y: auto; padding: 5px; margin-bottom: 20px">
    27. 

  27.     <p>Test Data:</p>
    28. 

  28.     <div id="foo">
    29. 

  29.         <ul id="bar">
    30. 

  30.             <li><a id="link-a" href="#">link a</a></li>
    31. 

  31.             <li><input type="checkbox" id="checkbox-1"/><input type="checkbox" id="checkbox-2"/></li>
    32. 

  32.             <li id="li-c"><a id="link-c1" href="#">link c1</a> | <a id="link-c2" href="#">link c2</a></li>
    33. 

  33.             <li id="li-d"><a id="link-d1" href="#">link d1</a> | <a id="link-d2" href="#">link d2</a></li>
    34. 

  34.             <li id="li-e"><a id="link-e1" href="#">link e1</a> | <a id="link-e2" href="#">link e2</a></li>
    35. 

  35.             <li><a id="link-f" href="#">link f</a></li>
    36. 

  36.             <li><a id="link-g" href="#">link g</a></li>
    37. 

  37.             <li><a id="link-h" href="#">link h</a></li>
    38. 

  38.             <li><a id="link-s" href="#">link s</a></li>
    39. 

  39.             <li><a id="link-test-this" href="#">link for test this</a></li>
    40. 

  40.             <li><a id="link-test-this-dom" href="#">link for test this</a></li>
    41. 

  41.             <li id="link-test-this-all"><span id="link-test-this-all-span">link for test this</span><span></span></li>
    42. 

  42.         </ul>
    43. 

  43.     </div>
    44. 

  44.     <div id="test-focusin">
    45. 

  45.         test focusin: <input type="text" value="点击我"/>
    46. 

  46.     </div>
    47. 

  47.     <input id="test-focusin-input" type="text" value="另一个输入框"/>
    48. 

  48.     <div style="margin-top: 10px; padding: 30px; background-color: #e3e4e5">
    49. 

  49.         <div id="outer" style="padding: 20px; background-color: #D6EDFC">
    50. 

  50.             <div id="inner" style="padding: 20px; background-color: #FFCC00"></div>
    51. 

  51.         </div>
    52. 

  52.     </div>
    53. 

  53.     <div id="link-detach">
    54. 

  54.         <div>1</div>
    55. 

  55.         <div>2</div>
    56. 

  56.     </div>
    57. 

  57. 

  58.     <div id='test-delegate'>
    59. 

  59.         <div id='test-delegate-outer' class='xx'>
    60. 

  60.             <div style='padding:50px;border:1px solid red;width:100px;height:100px;'
    61. 

  61.                  class='xx' id='test-delegate-inner'>
    62. 

  62.                 <a href='#xx' id='test-delegate-a'>click</a>
    63. 

  63.                 <button id='test-delegate-b'>click</button>
    64. 

  64.             </div>
    65. 

  65.         </div>
    66. 

  66.     </div>
    67. 

  67. </div>
    68. 

  68. 

  69. <h1>KISSY.Event Test Cases</h1>
    70. 

  70. <script src="event-spec.js"></script>
    71. 

  71. <script src="delegate-spec.js"></script>
    72. 

  72. <script src="fire-spec.js"></script>
    73. 

  73. <script>
    74. 

  74.     CloudyRun.runJasmine();
    75. 

  75. </script>
    76. 

  76. 

  77. </body>
    78. 

  78. </html>
    79.