summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/forms/the-output-element/output-validity.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/html/semantics/forms/the-output-element/output-validity.html')
-rw-r--r--testing/web-platform/tests/html/semantics/forms/the-output-element/output-validity.html23
1 files changed, 23 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/forms/the-output-element/output-validity.html b/testing/web-platform/tests/html/semantics/forms/the-output-element/output-validity.html
new file mode 100644
index 0000000000..c59a055ecf
--- /dev/null
+++ b/testing/web-platform/tests/html/semantics/forms/the-output-element/output-validity.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML>
+<title>:valid and :invalid pseudo-class on output element</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+
+<output id='output_test'></output>
+
+<script>
+
+test(() => {
+ let output = document.getElementById("output_test");
+ assert_false(output.matches(":valid"), "should not match :valid pseudo-class");
+ assert_false(output.matches(":invalid"), "should not match :invalid pseudo-class");
+
+ output.setCustomValidity("custom error");
+ assert_equals(output.validationMessage, "", "should not have a validation message");
+ assert_true(output.validity.customError, "should have a custom error");
+ assert_false(output.validity.valid, "should not be valid with a custom error");
+ assert_false(output.matches(":valid"), "should still not match :valid pseudo-class");
+ assert_false(output.matches(":invalid"), "should still not match :invalid pseudo-class");
+}, ":valid and :invalid pseudo-class on output element")
+
+</script>