Bug 1584421 [wpt PR 19350] - [css-text] Tests for https://github.com/w3c/csswg-drafts/issues/4254, a=testonly
authorFlorian Rivoal <git@florian.rivoal.net>
Fri, 27 Sep 2019 16:54:16 +0000
changeset 495572 c91301bfaa33f175ea294ccb40e6ed659fcd129c
parent 495571 fd35db304a6764dcbf8b8468402e1a3d6b66396d
child 495573 2e76f646854769e0b8265b94be1687fc755c1a0f
push id114135
push userwptsync@mozilla.com
push dateMon, 30 Sep 2019 14:12:42 +0000
treeherdermozilla-inbound@99895cb320b0 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1584421, 19350
milestone71.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1584421 [wpt PR 19350] - [css-text] Tests for https://github.com/w3c/csswg-drafts/issues/4254, a=testonly Automatic update from web-platform-tests [css-text] Tests for https://github.com/w3c/csswg-drafts/issues/4254 These tests exercise the timing of text transform, as well as the phase 2 of white-space processing rules, and the interaction between the two. -- wpt-commits: 8689c5590273e32df27976d86384dd570b192a20 wpt-pr: 19350
testing/web-platform/tests/css/css-text/text-transform/reference/text-transform-fullwidth-008-ref.html
testing/web-platform/tests/css/css-text/text-transform/reference/text-transform-fullwidth-009-ref.html
testing/web-platform/tests/css/css-text/text-transform/text-transform-fullwidth-008.html
testing/web-platform/tests/css/css-text/text-transform/text-transform-fullwidth-009.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/text-transform/reference/text-transform-fullwidth-008-ref.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>test reference</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+div {
+  font: 20px/1 Ahem;
+  margin: 1em 0;
+  white-space: pre;
+}
+</style>
+
+<p>Test passes if all black boxes below have the same width and height and are aligned vertically.
+<div> x<br> x</div>
+<div> x<br> x</div>
+<div> x<br> x</div>
+<div> x<br> x</div>
+<div> x<br> x</div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/text-transform/reference/text-transform-fullwidth-009-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>test reference</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+div {
+  font: 10px/1 Ahem;
+  margin: 1em 0;
+  white-space: pre;
+}
+</style>
+
+<p>Test passes if all black boxes below have the same width and height and are aligned vertically.
+<div> x<br> x</div>
+<div> x<br> x</div>
+<div> x<br> x</div>
+<div> x<br> x</div>
+<div> x<br> x</div>
+<div> x<br> x</div>
+<div> x<br> x</div>
+<div> x<br> x</div>
+<div> x<br> x</div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/text-transform/text-transform-fullwidth-008.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Text level 3 Test: text-transform:fullwidth and trailing spaces</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
+<link rel="help" href="https://www.w3.org/TR/css-text-3/#text-transform-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="match" href="reference/text-transform-fullwidth-008-ref.html">
+<meta name="assert" content="full-width does transforms U+0020 spaces to U+3000 after phase 1, but before phase 2, so that end-of-line transformed spaces get the same treatment as natural ones: hang when white-space is normal.">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+div {
+  font: 20px/1 Ahem;
+  margin: 1em 0;
+}
+.pre {
+  white-space: pre;
+}
+#test, #ref {
+  width: 2em;
+  text-align: right;
+}
+span {
+  text-transform: full-width;
+}
+#test2, #ref2 {
+  width: min-content;
+  margin-left: 1em;
+  background: black;
+}
+</style>
+
+<p>Test passes if all black boxes below have the same width and height and are aligned vertically.
+<div class=pre> x<br> x</div>
+<div id=ref>x&#x3000;x</div>
+<div id=test>x<span> </span>x</div>
+<div id=ref2>x&#x3000;x</div>
+<div id=test2>x<span> </span>x</div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/text-transform/text-transform-fullwidth-009.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Text level 3 Test: text-transform:fullwidth and trailing spaces, with pre-wrap</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
+<link rel="help" href="https://www.w3.org/TR/css-text-3/#text-transform-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
+<link rel="match" href="reference/text-transform-fullwidth-009-ref.html">
+<meta name="assert" content="full-width does transforms U+0020 spaces to U+3000 after phase 1, but before phase 2, so that end-of-line transformed spaces get the same treatment as natural ones: hang at the end of soft-wrapped lines, and conditionally hang before forced breaks when white-space is pre-wrap.">
+<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
+<style>
+div {
+  font: 10px/1 Ahem;
+  margin: 1em 0;
+}
+.pre {
+  white-space: pre;
+}
+#test, #ref,
+#test3, #ref3 {
+  width: 2em;
+  text-align: right;
+  white-space: pre-wrap;
+}
+#test3, #ref3 {
+  margin-left: 1em;
+}
+span {
+  text-transform: full-width;
+}
+#test2, #ref2,
+#test4, #ref4 {
+  width: min-content;
+  margin-left: 1em;
+  white-space: pre-wrap;
+  background: black;
+}
+</style>
+
+<p>Test passes if all black boxes below have the same width and height and are aligned vertically.
+<div class=pre> x<br> x</div>
+<div id=ref>x&#x3000;x</div>
+<div id=test>x<span> </span>x</div>
+<div id=ref2>x&#x3000;x</div>
+<div id=test2>x<span> </span>x</div>
+
+<div id=ref3>x&#x3000;<br>x&#x3000;</div>
+<div id=test3>x<span> </span><br>x<span> </span></div>
+<div id=ref4>x&#x3000;<br>x&#x3000;</div>
+<div id=test4>x<span> </span><br>x<span> </span></div>