author | Florian Rivoal <git@florian.rivoal.net> |
Thu, 31 Jan 2019 15:16:58 +0000 | |
changeset 457821 | 3a45bfe01db44a7c2227edf6753f419285f23e3b |
parent 457820 | df3655c7eb9c84b325f89bed3cd87f65a5766809 |
child 457822 | e07322780d2bc09cf0b0ae38e35c65d3266752de |
push id | 35518 |
push user | opoprus@mozilla.com |
push date | Fri, 08 Feb 2019 09:55:14 +0000 |
treeherder | mozilla-central@3a3e393396f4 [default view] [failures only] |
perfherder | [talos] [build metrics] [platform microbench] (compared to previous push) |
reviewers | testonly |
bugs | 1516494, 14677 |
milestone | 67.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
|
new file mode 100644 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/tab-size/tab-size-inheritance-001-ref.html @@ -0,0 +1,15 @@ +<!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 { + margin-left: 50px; + width: 20px; + height: 20px; + background: green; +} +</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-inheritance-001.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 3 Test: tab-size in lengths inherit as absolute lengths</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="match" href="tab-size-inheritance-001-ref.html"> +<meta name="assert" content="tab-size in lengths inherit as absolute lengths"> +<style> +.test { + font-family: monospace; + font-size: 10px; + tab-size: 5em; +} +.test div { + white-space: pre; + font-size: 20px +} +.test span { + display: inline-block; + width: 20px; + height: 20px; + background: green; +} +.ref { + z-index: -1; + margin-left: 50px; + position: absolute; + width: 20px; + height: 20px; + background: red; + + /* 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><div>	<span></span></div></div>