Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-16 10:55:34 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision ac3d096a5972dea5ecca1c43e324086895db7c6f

Browse source
This commit is contained in:
WPT Sync Bot 2019-05-25 10:23:28 +00:00
parent 1c74a80e28
commit db54f176d0
47 changed files with 860 additions and 246 deletions
Download patch file Download diff file Expand all files Collapse all files

3
tests/wpt/web-platform-tests/css/css-contain/contain-layout-baseline-005.html
View file

@ -13,6 +13,7 @@
contain: layout;
background: cyan;
font-size: 20px;
vertical-align: baseline;
}
.wrapper > :nth-child(1) {
background: magenta;
@ -49,7 +50,7 @@ fieldset, details {
</div>
<div class="wrapper">
<canvas></canvas>
<input value="foo"></input>
<input value="foo" size="3"></input>
<input type="file"></input>
</div>
<div class="wrapper">

8
tests/wpt/web-platform-tests/css/css-contain/contain-layout-button-001.html
View file

@ -3,12 +3,16 @@
<title>CSS Containment Test: Layout containment on button</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-layout">
<link rel="help" href="https://drafts.csswg.org/css2/visudet.html#propdef-vertical-align">
<link rel="match" href="reference/contain-layout-button-001-ref.html">
<meta name=assert content="Layout containment does apply to buttons, thus their baseline is the same than if they don't have contents.">
<meta name=assert content="Layout containment does apply to buttons, thus their baseline is their margin-bottom edge.">
<style>
button {
border: 5px solid green;
padding: 0;
/* We use a nonzero margin-bottom to be sure we're synthesizing a baseline
from the margin-box rather than from the border-box: */
margin-bottom: 2px;
contain: layout;
color: transparent;
width: 0;
@ -16,5 +20,5 @@ button {
}
</style>
<p>This test passes if it has the same output as the reference. You see the word "before", a 10px green square at the bottom, and then the word "after".</p>
<p>This test passes if it has the same output as the reference. You see the word "before", a 10px green square aligned 2px above the text's baseline, and then the word "after".</p>
before<button>b</button>after

2
tests/wpt/web-platform-tests/css/css-contain/reference/contain-layout-baseline-005-ref.html
View file

@ -46,7 +46,7 @@ fieldset, details {
</div>
<div class="wrapper">
<canvas></canvas>
<input value="foo"></input>
<input value="foo" size="3"></input>
<input type="file"></input>
</div>
<div class="wrapper">

8
tests/wpt/web-platform-tests/css/css-contain/reference/contain-layout-button-001-ref.html
View file

@ -3,9 +3,11 @@
<title>CSS Containment Test: Reference file</title>
<link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
<style>
button {
div.fakeButton {
display: inline-block;
border: 5px solid green;
padding: 0;
margin-bottom: 2px;
color: transparent;
width: 0;
height: 0px;
@ -15,5 +17,5 @@ button {
}
</style>
<p>This test passes if it has the same output as the reference. You see the word "before", a 10px green square at the bottom, and then the word "after".</p>
before<button></button>after
<p>This test passes if it has the same output as the reference. You see the word "before", a 10px green square aligned 2px above the text's baseline, and then the word "after".</p>
before<div class="fakeButton"></div>after