author | Manuel Rego Casasnovas <rego@igalia.com> |
Wed, 13 May 2020 09:45:43 +0000 | |
changeset 531141 | 8db0cdde1d281d407b6df3f94b715417e2d76480 |
parent 531140 | bbff8a3ac01236bd57bde28f8f842e81e8e2cc48 |
child 531142 | 56b03c5d981273f70e61294027c763cbac6a351c |
push id | 116503 |
push user | wptsync@mozilla.com |
push date | Wed, 20 May 2020 10:37:27 +0000 |
treeherder | autoland@135acd548abf [default view] [failures only] |
perfherder | [talos] [build metrics] [platform microbench] (compared to previous push) |
reviewers | testonly |
bugs | 1636045, 23420, 1078539, 2182471, 766312 |
milestone | 78.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-ui/outline-024.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Basic User Interface: outline with padding</title> +<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> +<link rel="help" href="https://drafts.csswg.org/css-ui/#outline-props"> +<link rel="match" href="reference/outline-024-ref.html"> +<meta name="assert" content="Test checks that 'auto' outline works as expected in an element with padding and overflowing inline block descendant."> +<meta name="flags" content="ahem"> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<p>Test passes if the outline is wrapping all the green boxes.</p> +<div style="width: 50px; height: 50px; padding: 10px; outline: auto;"> + <div style="display: inline-block; font: 50px/1 Ahem; color: green;">XX</div> +</div>
new file mode 100644 --- /dev/null +++ b/testing/web-platform/tests/css/css-ui/outline-025.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Basic User Interface: outline with padding</title> +<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> +<link rel="help" href="https://drafts.csswg.org/css-ui/#outline-props"> +<link rel="match" href="reference/outline-024-ref.html"> +<meta name="assert" content="Test checks that 'auto' outline works as expected in an element with padding and overflowing inline descendant."> +<meta name="flags" content="ahem"> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<p>Test passes if the outline is wrapping all the green boxes.</p> +<div style="width: 50px; height: 50px; padding: 10px; outline: auto;"> + <div style="display: inline; font: 50px/1 Ahem; color: green;">XX</div> +</div>
new file mode 100644 --- /dev/null +++ b/testing/web-platform/tests/css/css-ui/outline-026.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Basic User Interface: outline with padding</title> +<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> +<link rel="help" href="https://drafts.csswg.org/css-ui/#outline-props"> +<link rel="match" href="reference/outline-024-ref.html"> +<meta name="assert" content="Test checks that 'auto' outline works as expected in an element with padding and overflowing SPAN descendant."> +<meta name="flags" content="ahem"> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<p>Test passes if the outline is wrapping all the green boxes.</p> +<div style="width: 50px; height: 50px; padding: 10px; outline: auto;"> + <span style="font: 50px/1 Ahem; color: green;">XX</span> +</div>
new file mode 100644 --- /dev/null +++ b/testing/web-platform/tests/css/css-ui/reference/outline-024-ref.html @@ -0,0 +1,11 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Basic User Interface: Reference test for outline with padding</title> +<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> +<meta name="flags" content="ahem"> +<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> +<p>Test passes if the outline is wrapping all the green boxes.</p> +<div style="width: 50px; height: 50px; padding: 10px; outline: auto;"> + <div style="font: 50px/1 Ahem; color: green;">XX</div> +</div> +