| <!DOCTYPE html> |
| <meta charset=utf-8> |
| <title>text field selection</title> |
| <link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org"> |
| <link rel=help href="https://html.spec.whatwg.org/multipage/#textFieldSelection"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <div id="log"></div> |
| <script> |
| var types = ["hidden", "email", "datetime", "date", "month", "week", "time", "number", "range", "color", "checkbox", "radio", "file", "submit", "image", "reset", "button"]; //types for which the API doesn't apply |
| var types2 = ["text", "search", "tel", "url", "password"]; //types for which the API applies |
| |
| types.forEach(function(type){ |
| test(function(){ |
| var el = document.createElement("input"); |
| el.type = type; |
| assert_throws("InvalidStateError", function(){ |
| el.selectionStart; |
| }); |
| assert_throws("InvalidStateError", function(){ |
| el.selectionEnd; |
| }); |
| assert_throws("InvalidStateError", function(){ |
| el.selectionDirection; |
| }); |
| assert_throws("InvalidStateError", function(){ |
| el.setRangeText("foobar"); |
| }); |
| assert_throws("InvalidStateError", function(){ |
| el.setSelectionRange(0, 1); |
| }); |
| }, "text field selection for the input " + type); |
| }); |
| |
| types2.forEach(function(type) { |
| test(function() { |
| var el = document.createElement("input"); |
| el.type = type; |
| assert_equals(el.selectionStart, 0); |
| assert_equals(el.selectionEnd, 0); |
| el.selectionStart = 1; |
| el.selectionEnd = 1; |
| el.selectionDirection = "forward"; |
| el.setRangeText("foobar"); |
| el.setSelectionRange(0, 1); |
| }, "text field selection for the input " + type); |
| }); |
| </script> |