You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

127 lines
3.7 KiB

1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  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. </style>
  28. </head>
  29. <body>
  30. <div style="
  31. margin-left: 2000px;
  32. ">
  33. <input id="offRightEdgeSliderInput" type="text"/>
  34. </div>
  35. <input id="testSliderGeneric" type="text"/>
  36. <!-- Slider used for PublicMethodsSpec and EventsSpec -->
  37. <input id="testSlider1" type="text"/>
  38. <input id="testSlider2" type="text"/>
  39. <input id="testSlider3" type="text"/>
  40. <input id="testSlider4" type="text"/>
  41. <!-- Note: Two input elements with class 'makeSlider' are required for tests to run properly -->
  42. <input class="makeSlider" type="text"/>
  43. <input class="makeSlider" type="text"/>
  44. <!-- Sliders used for ElementDataSttributesSpec -->
  45. <input id="minSlider" type="text" data-slider-min="5"/>
  46. <input id="maxSlider" type="text" data-slider-max="5"/>
  47. <input id="orientationSlider" type="text" data-slider-orientation="vertical"/>
  48. <input id="stepSlider" type="text" data-slider-step="5"/>
  49. <input id="precisionSlider" type="text" data-slider-precision="2"/>
  50. <input id="valueSlider" type="text" data-slider-value="5"/>
  51. <input id="sliderWithTickMarksAndLabels" type="text" data-slider-ticks="[0, 100, 200, 300, 400]" data-slider-ticks-labels='["$0", "$100", "$200", "$300", "$400"]'/>
  52. <input id="selectionSlider" type="text" data-slider-selection="after"/>
  53. <input id="tooltipSlider" type="text" data-slider-tooltip="hide"/>
  54. <input id="handleSlider" type="text" data-slider-handle="triangle"/>
  55. <input id="customHandleSlider" type="text" data-slider-handle="custom"/>
  56. <input id="reversedSlider" type="text" data-slider-reversed="true"/>
  57. <input id="disabledSlider" type="text" data-slider-enabled="false"/>
  58. <input id="changeOrientationSlider" type="text"/>
  59. <input id="makeRangeSlider" type="text"/>
  60. <div id="autoregisterSliderContainer">
  61. <input id="autoregisterSlider" data-provide="slider" data-slider-value="1"/>
  62. </div>
  63. <div id="relayoutSliderContainer" style="display: none">
  64. <input id="relayoutSliderInput" type="text"/>
  65. </div>
  66. <div id="relayoutSliderContainerTickLabels" style="display: none">
  67. <input id="relayoutSliderInputTickLabels" type="text"/>
  68. </div>
  69. <div id="scrollable-div">
  70. <p>just a row</p>
  71. <p>just a row</p>
  72. <input id="ex1" data-slider-id='ex1Slider' type="text"/>
  73. </div>
  74. <div id="low-div">
  75. <input id="veryLowPositionedSlider" type="text"/>
  76. </div>
  77. <!-- Sliders used by resize -->
  78. <input id="resizeSlider" type="text"/>
  79. <input id="resizeSliderVertical" data-slider-orientation="vertical" type="text"/>
  80. <!-- Sliders used for AccessibilitySpec -->
  81. <div>
  82. <span id="accessibilitySliderLabelA">Label A</span>
  83. <span id="accessibilitySliderLabelB">Label B</span>
  84. <input id="accessibilitySliderA" type="text" data-slider-labelledby="accessibilitySliderLabelA" />
  85. <input id="accessibilitySliderB" type="text" data-slider-labelledby='["accessibilitySliderLabelA", "accessibilitySliderLabelB"]' />
  86. <input id="accessibilitySliderC" type="text" />
  87. </div>
  88. <!-- Sliders used for rtl -->
  89. <div dir="rtl">
  90. <input id="rtlSlider" type="text" />
  91. </div>
  92. <% with (scripts) { %>
  93. <% [].concat(polyfills, jasmine, boot, vendor, helpers, src, specs,reporters).forEach(function(script){ %>
  94. <script src="<%= script %>"></script>
  95. <% }) %>
  96. <% }; %>
  97. </body>
  98. </html>