diff options
| author | wolfbeast <mcwerewolf@wolfbeast.com> | 2019-02-20 00:19:09 +0100 |
|---|---|---|
| committer | wolfbeast <mcwerewolf@wolfbeast.com> | 2019-02-20 00:19:09 +0100 |
| commit | 833be88a6dfe1d52ab6a22ec498d515293c9d034 (patch) | |
| tree | 48fcf78459f6748ec419287113d2162e2a69de7f /testing/web-platform/tests/html/form-elements | |
| parent | c7585afb94921239aefbaf88f35f19cb17a75db5 (diff) | |
| download | UXP-833be88a6dfe1d52ab6a22ec498d515293c9d034.tar UXP-833be88a6dfe1d52ab6a22ec498d515293c9d034.tar.gz UXP-833be88a6dfe1d52ab6a22ec498d515293c9d034.tar.lz UXP-833be88a6dfe1d52ab6a22ec498d515293c9d034.tar.xz UXP-833be88a6dfe1d52ab6a22ec498d515293c9d034.zip | |
Update webplatform tests for multiline placeholder.
Note: MANIFEST updated per the normal procedure using
`mach wpt-manifest-update`
lint.whitelist updated to reflect intentional use of CR in these tests.
Resolves #977
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 */ +} |