Bug 1516590 [wpt PR 14679] - [css-text] Check interraction of tab-size, letter-spacing, word-spacing, a=testonly
authorFlorian Rivoal <git@florian.rivoal.net>
Thu, 31 Jan 2019 18:31:07 +0000
changeset 457957 aa5cd411e7c9e02c08b509b7b6625ebfe51201e7
parent 457956 38f392d2fdee5f048b219e8aad3a7630b2199d97
child 457958 219f48cded4474b4f4a00d44fe0360e7699db11b
push id35518
push useropoprus@mozilla.com
push dateFri, 08 Feb 2019 09:55:14 +0000
treeherdermozilla-central@3a3e393396f4 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1516590, 14679
milestone67.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 1516590 [wpt PR 14679] - [css-text] Check interraction of tab-size, letter-spacing, word-spacing, a=testonly Automatic update from web-platform-tests [css-text] Check interraction of tab-size, letter-spacing, word-spacing (#14679) -- wpt-commits: 30213696b7cfb0ffe40eff17cae3b48fe866d04a wpt-pr: 14679
testing/web-platform/tests/css/css-text/tab-size/tab-size-spacing-001-ref.html
testing/web-platform/tests/css/css-text/tab-size/tab-size-spacing-001.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/tab-size/tab-size-spacing-001-ref.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Text level 3 Test reference</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
+<style>
+div {
+  font-family: monospace;
+  width: 20px;
+  height: 20px;
+  background: green;
+  margin-left: calc( 8ch + 8 * 2px + 8 * 10px );
+}
+</style>
+
+<p>Test passes if there is a green square and no red.
+<div></div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/tab-size/tab-size-spacing-001.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Text level 3 Test: tab-size, word-spacing and letter-spacing</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#tab-size-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#word-spacing-property">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#letter-spacing-property">
+<link rel="match" href="tab-size-spacing-001-ref.html">
+<meta name="assert" content="For the tab-size property, a <number> represents the measure as a multiple of the space character’s advance width (U+0020) including its associated letter-spacing and word-spacing">
+<style>
+.test {
+  white-space: pre;
+  tab-size: 8; /* the initial value, but since we're measuring against it, we might as well be sure */
+  font-family: monospace; /* because the ch unit is based on the size of the 0 character,
+                             and we want to measure space characters
+                             so they need to be the same size. */
+  letter-spacing: 2px;
+  word-spacing: 10px;
+}
+span {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: green;
+}
+.ref {
+  position: absolute;
+  z-index: -1;
+  width: 20px;
+  height: 20px;
+  background: red;
+  margin-left: calc( 8ch + 8 * 2px + 8 * 10px );
+
+   /* this is to avoid antialiasing effects at the edge */
+   box-sizing: border-box;
+   border: 2px solid white;
+}
+</style>
+
+<p>Test passes if there is a green square and no red.
+<div class=ref></div>
+<div class=test>&#x09;<span></span></div>