diff options
Diffstat (limited to 'testing/web-platform/tests/html/form-elements')
5 files changed, 65 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder-cr.html b/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder-cr.html new file mode 100644 index 000000000..f4a5be35a --- /dev/null +++ b/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder-cr.html @@ -0,0 +1 @@ +<!doctype html>
<html class="reftest-wait">
<meta charset="utf-8">
<title>textarea multiline placeholder (CR)</title>
<link rel="help" href="https://html.spec.whatwg.org/multipage/form-elements.html#attr-textarea-placeholder">
<meta name="assert" content="textarea element's placeholder preserves newlines (CR)">
<link rel="match" href="/html/form-elements/the-textarea-element/multiline-placeholder-ref.html">
<link rel="stylesheet" href="support/placeholder.css">
<textarea rows="5" placeholder="this is
a multiline
placeholder"></textarea>
<textarea rows="5" placeholder="this is
a multiline

placeholder"></textarea>
<textarea rows="5" id="dynamic"></textarea>
<script>
document.querySelector("#dynamic")
.setAttribute("placeholder", "this is\ra multiline\r\rplaceholder");
document.documentElement.classList.remove("reftest-wait");
</script>
</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder-crlf.html b/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder-crlf.html new file mode 100644 index 000000000..0fb434fc6 --- /dev/null +++ b/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder-crlf.html @@ -0,0 +1,21 @@ +<!doctype html> +<html class="reftest-wait"> +<meta charset="utf-8"> +<title>textarea multiline placeholder (CRLF)</title> +<link rel="help" href="https://html.spec.whatwg.org/multipage/form-elements.html#attr-textarea-placeholder"> +<meta name="assert" content="textarea element's placeholder preserves newlines (CRLF)"> +<link rel="match" href="/html/form-elements/the-textarea-element/multiline-placeholder-ref.html"> +<link rel="stylesheet" href="support/placeholder.css"> +<textarea rows="5" placeholder="this is +a multiline + +placeholder"></textarea> +<textarea rows="5" placeholder="this is
a multiline

placeholder"></textarea> +<textarea rows="5" id="dynamic"></textarea> +<script> + document.querySelector("#dynamic") + .setAttribute("placeholder", "this is\r\na multiline\r\n\r\nplaceholder"); + document.documentElement.classList.remove("reftest-wait"); +</script> +</html> + diff --git a/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder-ref.html b/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder-ref.html new file mode 100644 index 000000000..0234ed64c --- /dev/null +++ b/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder-ref.html @@ -0,0 +1,15 @@ +<!doctype html> +<meta charset="utf-8"> +<link rel="stylesheet" href="support/placeholder.css"> +<textarea rows="5" class="placeholder">this is +a multiline + +placeholder</textarea> +<textarea rows="5" class="placeholder">this is +a multiline + +placeholder</textarea> +<textarea rows="5" class="placeholder">this is +a multiline + +placeholder</textarea> diff --git a/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder.html b/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder.html new file mode 100644 index 000000000..00bb9696d --- /dev/null +++ b/testing/web-platform/tests/html/form-elements/the-textarea-element/multiline-placeholder.html @@ -0,0 +1,22 @@ +<!doctype html> +<html class="reftest-wait"> +<meta charset="utf-8"> +<title>textarea multiline placeholder</title> +<link rel="help" href="https://html.spec.whatwg.org/multipage/form-elements.html#attr-textarea-placeholder"> +<meta name="assert" content="textarea element's placeholder preserves newlines"> +<link rel="match" href="/html/form-elements/the-textarea-element/multiline-placeholder-ref.html"> +<link rel="stylesheet" href="support/placeholder.css"> +<textarea rows="5" placeholder="this is +a multiline + +placeholder"></textarea> +<textarea rows="5" placeholder="this is
a multiline

placeholder"></textarea> +<textarea rows="5" id="dynamic"></textarea> +<script> + document.querySelector("#dynamic") + .setAttribute("placeholder", "this is\na multiline\n\nplaceholder"); + document.documentElement.classList.remove("reftest-wait"); +</script> +</html> + + diff --git a/testing/web-platform/tests/html/form-elements/the-textarea-element/support/placeholder.css b/testing/web-platform/tests/html/form-elements/the-textarea-element/support/placeholder.css new file mode 100644 index 000000000..9aaed05c8 --- /dev/null +++ b/testing/web-platform/tests/html/form-elements/the-textarea-element/support/placeholder.css @@ -0,0 +1,6 @@ +textarea.placeholder, +textarea::placeholder { + /* revert browser styling of the placeholder */ + color: GrayText; /* blink/webkit use colour */ + opacity: 1.0; /* gecko uses opacity */ +} |