diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-ui/text-overflow-026-ref.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-ui/text-overflow-026-ref.html | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-ui/text-overflow-026-ref.html b/testing/web-platform/tests/css/css-ui/text-overflow-026-ref.html new file mode 100644 index 0000000000..f2db8c747f --- /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> … +</div> + +<div class="ellipsize"> + … +</div> + +<div class="ellipsize"> + a… +</div> + +</body> +</html> |