OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../js/resources/js-test-pre.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
5 </head> | 5 </head> |
6 <body> | 6 <body> |
7 <p id="description">Clicking middle of input type=range with padding should set
the value to middle.</p> | 7 <p id="description">Clicking middle of input type=range with padding should set
the value to middle.</p> |
8 <div id="console"></div> | 8 <div id="console"></div> |
9 <input id="ltr" type=range min=0 max=50 step=1 value="0" style="width: 100px; pa
dding: 0 40px;"> | 9 <input id="ltr" type=range min=0 max=50 step=1 value="0" style="width: 100px; pa
dding: 0 40px;"> |
10 <input id="rtl" dir="rtl" type=range min=0 max=50 step=1 value="0" style="width:
100px; padding: 0 40px;"> | 10 <input id="rtl" dir="rtl" type=range min=0 max=50 step=1 value="0" style="width:
100px; padding: 0 40px;"> |
11 <input id="vertical_ltr" type=range min=0 max=50 step=1 value="0" style="-webkit
-appearance:slider-vertical; width: 20px; height: 100px; padding: 40px 0;"> | 11 <input id="vertical_ltr" type=range min=0 max=50 step=1 value="0" style="-webkit
-appearance:slider-vertical; width: 20px; height: 100px; padding: 40px 0;"> |
12 <input id="vertical_rtl" dir="rtl" type=range min=0 max=50 step=1 value="0" styl
e="-webkit-appearance:slider-vertical; width: 20px; height: 100px; padding: 40px
0;"> | 12 <input id="vertical_rtl" dir="rtl" type=range min=0 max=50 step=1 value="0" styl
e="-webkit-appearance:slider-vertical; width: 20px; height: 100px; padding: 40px
0;"> |
13 <script> | 13 <script> |
14 function clickHorizontalSlider(input, offsetLeft) { | 14 function clickHorizontalSlider(input, offsetLeft) { |
(...skipping 26 matching lines...) Expand all Loading... |
41 clickVerticalSlider(input_vertical_ltr, 90); // top padding (40px) + middle (50p
x) | 41 clickVerticalSlider(input_vertical_ltr, 90); // top padding (40px) + middle (50p
x) |
42 shouldBe('input_vertical_ltr.value', '"25"'); | 42 shouldBe('input_vertical_ltr.value', '"25"'); |
43 | 43 |
44 var input_vertical_rtl = document.getElementById("vertical_rtl"); | 44 var input_vertical_rtl = document.getElementById("vertical_rtl"); |
45 clickVerticalSlider(input_vertical_rtl, 90); // top padding (40px) + middle (50p
x) | 45 clickVerticalSlider(input_vertical_rtl, 90); // top padding (40px) + middle (50p
x) |
46 shouldBe('input_vertical_rtl.value', '"25"'); | 46 shouldBe('input_vertical_rtl.value', '"25"'); |
47 </script> | 47 </script> |
48 | 48 |
49 </body> | 49 </body> |
50 </html> | 50 </html> |
OLD | NEW |