output-validity.html (1007B)
1 <!DOCTYPE HTML> 2 <title>:valid and :invalid pseudo-class on output element</title> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 6 <output id='output_test'></output> 7 8 <script> 9 10 test(() => { 11 let output = document.getElementById("output_test"); 12 assert_false(output.matches(":valid"), "should not match :valid pseudo-class"); 13 assert_false(output.matches(":invalid"), "should not match :invalid pseudo-class"); 14 15 output.setCustomValidity("custom error"); 16 assert_equals(output.validationMessage, "", "should not have a validation message"); 17 assert_true(output.validity.customError, "should have a custom error"); 18 assert_false(output.validity.valid, "should not be valid with a custom error"); 19 assert_false(output.matches(":valid"), "should still not match :valid pseudo-class"); 20 assert_false(output.matches(":invalid"), "should still not match :invalid pseudo-class"); 21 }, ":valid and :invalid pseudo-class on output element") 22 23 </script>