Index: LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/inrange-outofrange.html |
diff --git a/LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/inrange-outofrange.html b/LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/inrange-outofrange.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..1f5b6da5c08db75071c4e618144810beb9a115a0 |
--- /dev/null |
+++ b/LayoutTests/imported/web-platform-tests/html/semantics/selectors/pseudo-classes/inrange-outofrange.html |
@@ -0,0 +1,27 @@ |
+<!DOCTYPE html> |
+<meta charset=utf-8> |
+<title>Selector: pseudo-classes (:in-range, :out-of-range)</title> |
+<link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org" id=link1> |
+<link rel=help href="https://html.spec.whatwg.org/multipage/#pseudo-classes" id=link2> |
+<script src="../../../../../../resources/testharness.js"></script> |
+<script src="../../../../../../resources/testharnessreport.js"></script> |
+<script src="utils.js"></script> |
+<div id="log"></div> |
+<input type=number value=0 min=0 max=10 id=number1> |
+<input type=number value=0 min=0 max=10 id=number2 disabled> |
+<input type=number value=0 min=1 max=10 id=number3> |
+<input type=number value=11 min=0 max=10 id=number4> |
+ |
+<script> |
+ testSelector(":in-range", ["number1"], "':in-range' matches all elements that are candidates for constraint validation, have range limitations, and that are neither suffering from an underflow nor suffering from an overflow"); |
+ |
+ testSelector(":out-of-range", ["number3", "number4"], "':out-of-range' matches all elements that are candidates for constraint validation, have range limitations, and that are either suffering from an underflow or suffering from an overflow"); |
+ |
+ document.getElementById("number1").value = -10; |
+ testSelector(":in-range", [], "':in-range' update number1's value < min"); |
+ testSelector(":out-of-range", ["number1", "number3", "number4"], "':out-of-range' update number1's value < min"); |
+ |
+ document.getElementById("number3").min = 0; |
+ testSelector(":in-range", ["number3"], "':in-range' update number3's min < value"); |
+ testSelector(":out-of-range", ["number1", "number4"], "':out-of-range' update number3's min < value"); |
+</script> |