diff options
Diffstat (limited to 'testing/web-platform/mozilla/tests/html/rendering/non-replaced-elements/form-controls/range-snap-to-tick-marks-03.html')
-rw-r--r-- | testing/web-platform/mozilla/tests/html/rendering/non-replaced-elements/form-controls/range-snap-to-tick-marks-03.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/testing/web-platform/mozilla/tests/html/rendering/non-replaced-elements/form-controls/range-snap-to-tick-marks-03.html b/testing/web-platform/mozilla/tests/html/rendering/non-replaced-elements/form-controls/range-snap-to-tick-marks-03.html new file mode 100644 index 0000000000..9397c39e0a --- /dev/null +++ b/testing/web-platform/mozilla/tests/html/rendering/non-replaced-elements/form-controls/range-snap-to-tick-marks-03.html @@ -0,0 +1,46 @@ +<!doctype html> +<meta charset=utf-8> +<meta name=viewport content=width=device-width> +<title>Snap to a vertical slider's tick marks by clicking near them</title> +<link rel=help href="https://html.spec.whatwg.org/multipage/rendering.html#the-input-element-as-a-range-control"> +<link rel=help href="https://bugzilla.mozilla.org/show_bug.cgi?id=1803118"> +<link rel=author href="mailto:zach@zrhoffman.net" title="Zach Hoffman"> +<script src=/resources/testharness.js></script> +<script src=/resources/testharnessreport.js></script> +<script src=/resources/testdriver.js></script> +<script src=/resources/testdriver-actions.js></script> +<script src=/resources/testdriver-vendor.js></script> +<style> + input[type=range] { + writing-mode: vertical-lr; + direction: rtl; /* so the range progresses upwards, not downwards */ + } +</style> +<input type=range list=tickmarks min=-5 max=35> +<datalist id=tickmarks> + <option value=0></option> + <option value=3></option> +</datalist> +<script> + const range = document.querySelector("input[type=range]"); + promise_test(async function snapToVerticalTickMarks() { + const assertions = [[-3, "-3"], [-2, "0"], [1, "0"], [2, "3"], [5, "3"], [6, "6"]]; + const rect = range.getBoundingClientRect(); + const padding = 10; + const bottom = rect.bottom - padding; + const height = rect.height - 2 * padding; + const actions = new test_driver.Actions(); + const min = parseInt(range.min); + const max = parseInt(range.max); + for (const assertion of assertions) { + const moveTo = (bottom - height * (assertion[0] - min) / (max - min)) | 0; + const expected = assertion[1]; + await actions + .pointerMove(rect.left, moveTo) + .pointerDown() + .pointerUp() + .send(); + assert_equals(range.value, expected); + } + }); +</script> |