SpecRunner.tpl 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Jasmine Spec Runner</title>
  6. <% css.forEach(function(style){ %>
  7. <link rel="stylesheet" type="text/css" href="<%= style %>">
  8. <% }) %>
  9. <style type="text/css">
  10. #low-high-slider-styled .slider-track-low
  11. {
  12. background: rgb(0, 255, 0);
  13. }
  14. #low-high-slider-styled .slider-track-high
  15. {
  16. background: rgb(255, 0, 0);
  17. }
  18. #scrollable-div {
  19. overflow-y: scroll;
  20. width: 300px;
  21. height: 150px;
  22. position: relative;
  23. }
  24. #low-div {
  25. padding: 2000px 0 500px 0;
  26. }
  27. #horz-scroll-div {
  28. overflow-x: scroll;
  29. width: 300px;
  30. height: 150px;
  31. }
  32. #vert-scroll-div {
  33. overflow-y: scroll;
  34. width: 150px;
  35. height: 300px;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40. <div style="
  41. margin-left: 2000px;
  42. ">
  43. <input id="offRightEdgeSliderInput" type="text"/>
  44. </div>
  45. <input id="testSliderGeneric" type="text"/>
  46. <!-- Slider used for PublicMethodsSpec and EventsSpec -->
  47. <input id="testSlider1" type="text"/>
  48. <input id="testSlider2" type="text"/>
  49. <input id="testSlider3" type="text"/>
  50. <input id="testSlider4" type="text"/>
  51. <!-- Note: Two input elements with class 'makeSlider' are required for tests to run properly -->
  52. <input class="makeSlider" type="text"/>
  53. <input class="makeSlider" type="text"/>
  54. <!-- Sliders used for ElementDataSttributesSpec -->
  55. <input id="minSlider" type="text" data-slider-min="5"/>
  56. <input id="maxSlider" type="text" data-slider-max="5"/>
  57. <input id="orientationSlider" type="text" data-slider-orientation="vertical"/>
  58. <input id="stepSlider" type="text" data-slider-step="5"/>
  59. <input id="precisionSlider" type="text" data-slider-precision="2"/>
  60. <input id="valueSlider" type="text" data-slider-value="5"/>
  61. <input id="sliderWithTickMarksAndLabels" type="text" data-slider-ticks="[0, 100, 200, 300, 400]" data-slider-ticks-labels='["$0", "$100", "$200", "$300", "$400"]'/>
  62. <input id="selectionSlider" type="text" data-slider-selection="after"/>
  63. <input id="tooltipSlider" type="text" data-slider-tooltip="hide"/>
  64. <input id="handleSlider" type="text" data-slider-handle="triangle"/>
  65. <input id="customHandleSlider" type="text" data-slider-handle="custom"/>
  66. <input id="reversedSlider" type="text" data-slider-reversed="true"/>
  67. <input id="disabledSlider" type="text" data-slider-enabled="false"/>
  68. <input id="changeOrientationSlider" type="text"/>
  69. <input id="makeRangeSlider" type="text"/>
  70. <div id="autoregisterSliderContainer">
  71. <input id="autoregisterSlider" data-provide="slider" data-slider-value="1"/>
  72. </div>
  73. <div id="relayoutSliderContainer" style="display: none">
  74. <input id="relayoutSliderInput" type="text"/>
  75. </div>
  76. <div id="relayoutSliderContainerTickLabels" style="display: none">
  77. <input id="relayoutSliderInputTickLabels" type="text"/>
  78. </div>
  79. <div id="scrollable-div">
  80. <p>just a row</p>
  81. <p>just a row</p>
  82. <input id="ex1" data-slider-id='ex1Slider' type="text"/>
  83. </div>
  84. <div id="horz-scroll-div">
  85. <input id="horz-touch-slider" type="text"/>
  86. <div style="position: relative; left: 1000px">Text</div>
  87. </div>
  88. <div id="vert-scroll-div">
  89. <input id="vert-touch-slider" type="text"/>
  90. <div style="position: relative; top: 1000px">More text</div>
  91. </div>
  92. <div id="low-div">
  93. <input id="veryLowPositionedSlider" type="text"/>
  94. </div>
  95. <!-- Sliders used by resize -->
  96. <input id="resizeSlider" type="text"/>
  97. <input id="resizeSliderVertical" data-slider-orientation="vertical" type="text"/>
  98. <!-- Sliders used for AccessibilitySpec -->
  99. <div>
  100. <span id="accessibilitySliderLabelA">Label A</span>
  101. <span id="accessibilitySliderLabelB">Label B</span>
  102. <input id="accessibilitySliderA" type="text" data-slider-labelledby="accessibilitySliderLabelA" />
  103. <input id="accessibilitySliderB" type="text" data-slider-labelledby='["accessibilitySliderLabelA", "accessibilitySliderLabelB"]' />
  104. <input id="accessibilitySliderC" type="text" />
  105. </div>
  106. <!-- Sliders used for rtl -->
  107. <div dir="rtl">
  108. <input id="rtlSlider" type="text" />
  109. </div>
  110. <% with (scripts) { %>
  111. <% [].concat(polyfills, jasmine, boot, vendor, helpers, src, specs,reporters).forEach(function(script){ %>
  112. <script src="<%= script %>"></script>
  113. <% }) %>
  114. <% }; %>
  115. </body>
  116. </html>