stack.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  6. <link rel="stylesheet" href="test.css">
  7. <title>Zepto Stack unit tests</title>
  8. <script src="../vendor/evidence.js"></script>
  9. <script src="evidence_runner.js"></script>
  10. <script>
  11. // avoid caching
  12. (function(){
  13. function load(scripts){
  14. scripts.split(' ').forEach(function(script){
  15. document.write('<script src="../src/'+script+'.js?'+(+new Date)+'"></scr'+'ipt>')
  16. })
  17. }
  18. load('zepto stack ie')
  19. })()
  20. </script>
  21. </head>
  22. <body>
  23. <h1>Zepto Stack unit tests</h1>
  24. <p id="results">
  25. Running… see browser console for results
  26. </p>
  27. <div id="fixtures">
  28. <div id="end_test">
  29. <div class="end_one"><b><span></span></b></div>
  30. <div class="end_two"><b><span>1</span><span>2</span></b></div>
  31. </div>
  32. <div id="andself_test">
  33. <div class="one"></div>
  34. <div class="two"></div>
  35. <div class="three"></div>
  36. <div class="four"></div>
  37. </div>
  38. </div><!-- fixtures -->
  39. <script>
  40. (function(){
  41. Evidence('ZeptoTest', {
  42. testEnd: function (t) {
  43. t.assert($().end().length == 0)
  44. var $endTest = $('#end_test')
  45. var $endTest2 = $('#end_test').find('div').find('span').end().end()
  46. t.assertEqual($endTest.length, $endTest2.length)
  47. t.assertEqual($endTest.get(0), $endTest2.get(0))
  48. },
  49. testAndSelf: function (t) {
  50. var testDiv = $('#andself_test'),
  51. secondEl = $('.two', testDiv),
  52. thirdEl = $('.three', testDiv),
  53. nextAndSelf = secondEl.next().andSelf()
  54. t.assert(secondEl.get(0), nextAndSelf.get(0))
  55. t.assert(thirdEl.get(0), nextAndSelf.get(1))
  56. }
  57. })
  58. })()
  59. </script>
  60. </body>
  61. </html>