blob: 227413b52888b05a01349802f4f39fd559c5009d [file] [log] [blame]
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="help" href="https://html.spec.whatwg.org/#attr-textarea-wrap">
<link rel="help" href="https://html.spec.whatwg.org/#enumerated-attribute">
<meta name="assert" content="non-standard textarea@wrap values are ASCII case-insensitive">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<!--
Blink says physical and virtual were the names that Netscape used before a
recommendation for HTML 4 extension renamed them to hard and soft.
-->
<form target="child" method="GET" action="wrap-physical-ascii-case-insensitive-child.html">
<textarea name="a" wrap="physical" cols="7">hello world</textarea>
<textarea name="b" wrap="PhYsIcAl" cols="7">hello world</textarea>
<textarea name="c" wrap="phyſical" cols="7">hello world</textarea>
</form>
<iframe name="child"></iframe>
<script>
// #dom-textarea-wrap reflects the content attribute, but it isn’t a nullable
// DOMString, nor is it #limited-to-only-known-values, so we can’t just take
// the shortcut of asserting the IDL attribute like most other attributes
async_test(function() {
// we use a message rather than the iframe’s load event to avoid dealing with
// spurious load events that some browsers dispatch on the initial about:blank
addEventListener("message", this.step_func_done(event => {
const params = new URL(event.data).searchParams;
// #textarea-wrapping-transformation says that a UA-defined algorithm wraps
// values by inserting CRLF pairs, so "hello \r\nworld" and "hello w\r\norld"
// are two of many valid outcomes for cols=7
assert_true(params.get("a").includes("\r\n"), "lowercase “physical” valid");
assert_true(params.get("b").includes("\r\n"), "mixed case “physical” valid");
assert_false(params.get("c").includes("\r\n"), "non-ASCII “physical” invalid");
}));
// we submit the form in GET mode to observe the values [#concept-fe-value] of
// the textareas, because IDL gives us the API value [#concept-fe-api-value],
// which isn’t subject to hard wrapping [#textarea-wrapping-transformation]
document.querySelector("form").submit();
}, "keywords");
</script>