Bug 1403986 part 2 - [css-ui] Add a 'text-overflow' web platform test.
authorMats Palmgren <mats@mozilla.com>
Thu, 04 Jan 2018 20:43:57 +0100
changeset 449671 47098bf648b46df0c3de105884421684dc4ace32
parent 449670 11ad483f7e4f29e5eed16261700c893e7a289ac8
child 449672 1762939d90bb34bcb5f50a1e735bc1eb2bc17d7b
push id8527
push userCallek@gmail.com
push dateThu, 11 Jan 2018 21:05:50 +0000
treeherdermozilla-beta@95342d212a7a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs1403986
milestone59.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 1403986 part 2 - [css-ui] Add a 'text-overflow' web platform test.
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/css/css-ui/text-overflow-026-ref.html
testing/web-platform/tests/css/css-ui/text-overflow-026.html
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -143616,16 +143616,28 @@
       [
        "/css/css-ui/text-overflow-025-ref.html",
        "=="
       ]
      ],
      {}
     ]
    ],
+   "css/css-ui/text-overflow-026.html": [
+    [
+     "/css/css-ui/text-overflow-026.html",
+     [
+      [
+       "/css/css-ui/text-overflow-026-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "css/css-values/attr-color-invalid-cast.html": [
     [
      "/css/css-values/attr-color-invalid-cast.html",
      [
       [
        "/css/css-values/reference/200-200-green.html",
        "=="
       ]
@@ -250171,16 +250183,21 @@
      {}
     ]
    ],
    "css/css-ui/text-overflow-025-ref.html": [
     [
      {}
     ]
    ],
+   "css/css-ui/text-overflow-026-ref.html": [
+    [
+     {}
+    ]
+   ],
    "css/css-ui/text-overflow-ref.html": [
     [
      {}
     ]
    ],
    "css/css-values/OWNERS": [
     [
      {}
@@ -504532,29 +504549,37 @@
    "095f78700529b34397887722b57b56dd7dd97861",
    "reftest"
   ],
   "css/css-ui/text-overflow-023.html": [
    "4fd38a517e41851216d12db8c6b732d96f76e325",
    "testharness"
   ],
   "css/css-ui/text-overflow-024-ref.html": [
-   "458105b3deb397f37c1664d373c86e5ea869a414",
+   "c43715bf1ea3dd118f7b71479bd5239e01bbb314",
    "support"
   ],
   "css/css-ui/text-overflow-024.html": [
-   "bedd5c72400a578e09387dd5dd8afaf63c91c76b",
+   "7c18a786a3bfc9d1a8e9cc108ae228b979cacb6e",
    "reftest"
   ],
   "css/css-ui/text-overflow-025-ref.html": [
-   "907c7d52cc9b872253aa544d3041329e13dc7f5b",
+   "13056acc82d5e59310d10af30da8e46f73929e5f",
    "support"
   ],
   "css/css-ui/text-overflow-025.html": [
-   "b03fc53093345268573b21cccc82d841f66c192f",
+   "b4a2e0d1b86fd8893421de4335c9b6f36df1fc4d",
+   "reftest"
+  ],
+  "css/css-ui/text-overflow-026-ref.html": [
+   "1a7d6d524a217d8fc2252e6434ac1b8fb3d5af2f",
+   "support"
+  ],
+  "css/css-ui/text-overflow-026.html": [
+   "34cb2b690321f6f93763de2841ebdf5a9275f515",
    "reftest"
   ],
   "css/css-ui/text-overflow-ref.html": [
    "db55b0b95a7406e9c4f00081b3e2cbe6b07363f7",
    "support"
   ],
   "css/css-ui/text-overflow.html": [
    "d3a6c835c23b82a85398e7981461a0cd3a75b861",
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/text-overflow-026-ref.html
@@ -0,0 +1,62 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Reference: text-overflow with leading white-space</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1403986">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace;
+}
+
+.ellipsize {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100px;
+  border: 1px solid;
+}
+
+.inline-block {
+  display: inline-block;
+  background: red;
+}
+  </style>
+</head>
+<body>
+
+<pre>
+The test PASS if all of the following are true:
+1. there are no red areas
+2. the first two blocks display "PASS" but no ellipsis
+3. the last three blocks display an ellipsis
+</pre>
+
+<div class="ellipsize" style="text-overflow: clip">
+  <span style="margin-left:5px"></span><span class="inline-block" style="background:lime">
+    PASS PASS PASS PASS PASS</span>
+</div>
+
+<div class="ellipsize" style="text-overflow: clip">
+  <span style="margin-left:5px"></span>
+  <span class="inline-block" style="background:lime">
+    PASS PASS PASS PASS PASS</span>
+</div>
+
+<div class="ellipsize">
+  <span style="margin-left:10px"></span>&nbsp;&#x2026;
+</div>
+
+<div class="ellipsize">
+  &nbsp;&#x2026;
+</div>
+
+<div class="ellipsize">
+  a&#x2026;
+</div>
+
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/text-overflow-026.html
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<html><head>
+  <meta charset="utf-8">
+  <title>Test: text-overflow with leading white-space</title>
+  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1403986">
+  <link rel="help" href="https://www.w3.org/TR/css3-ui/#text-overflow" title="5.2. the 'text-overflow' property">
+  <link rel="match" href="text-overflow-026-ref.html">
+  <style type="text/css">
+html,body {
+  color:black; background-color:white; font:16px/1 monospace;
+}
+
+.ellipsize {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100px;
+  border: 1px solid;
+}
+
+.inline-block {
+  display: inline-block;
+  background: red;
+}
+  </style>
+</head>
+<body>
+
+<pre>
+The test PASS if all of the following are true:
+1. there are no red areas
+2. the first two blocks display "PASS" but no ellipsis
+3. the last three blocks display an ellipsis
+</pre>
+
+<div class="ellipsize">
+  <span style="margin-left:5px"></span><span class="inline-block" style="background:lime">
+    PASS PASS PASS PASS PASS</span>
+</div>
+
+<div class="ellipsize">
+  <span style="margin-left:5px"></span>
+  <span class="inline-block" style="background:lime">
+    PASS PASS PASS PASS PASS</span>
+</div>
+
+<div class="ellipsize">
+  <span style="margin-left:10px"></span>&nbsp;<span class="inline-block">
+    FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL </span>
+</div>
+
+<div class="ellipsize">
+  &nbsp;<span class="inline-block">
+    FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL </span>
+</div>
+
+<div class="ellipsize">
+  a<span class="inline-block">
+    FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL </span>
+</div>
+
+</body>
+</html>