Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-24 17:14:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision aac1cd51245c0c469325988a0446985a2f1e476c

Browse source
This commit is contained in:
Ms2ger 2016-04-07 09:58:26 +02:00
parent 1a6245828a
commit 7deaeea707
540 changed files with 24009 additions and 6637 deletions
Download patch file Download diff file Expand all files Collapse all files

2
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/css-flexbox-column-ref.htm
View file

@ -25,7 +25,7 @@
<div class="item">４５６</div>
<div class="item">ｄｅｆ</div>
<div class="item">７８９</div>
<div class="item">ｇｈｉ</div>
<div class="item">ｓｔｕ</div>
</div>

26
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-table-fixup-001-ref.htm
View file

@ -2,22 +2,17 @@
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
--><!-- Reference case for table-fixup on table parts inside of a
flex container. --><html>
--><!-- Reference case for ensuring table-fixup does not happen to adjacent
table parts directly inside of a flex container. --><html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
<style>
div.flexbox {
border: 1px dashed blue;
}
<!-- NOTE: table-fixup pads each td element by 1px on each side. We
override that for top & bottom, for simplicity. So the td makes us
generate a box that's 2px wider than its contents. -->
td {
padding-top: 0px;
padding-bottom: 0px;
width: 200px;
display: flex;
justify-content: space-around;
}
.a {
@ -37,14 +32,11 @@
</style>
</head>
<body>
<!-- Just 2 adjacent table cells (they end up in the same table) -->
<div class="flexbox" style="padding-left: 50px; width: 150px"><td class="a">cell1</td><td class="b">cell2</td></div>
<!-- In each example here, we simply use blocks instead of table parts -->
<div class="flexbox"><div class="a">cell1</div><div class="b">cell2</div></div>
<!-- Table cell followed by tbody (they end up in the same table) -->
<div class="flexbox" style="padding-left: 75px; width: 125px"><td class="a">cell1</td><tbody class="b">t</tbody></div>
<div class="flexbox"><div class="a">cell1</div><div class="b">t</div></div>
<!-- Empty table cell (ends up occupying 2px of width), followed by div,
followed by nonempty table cell. (3 flex items). -->
<div class="flexbox" style="padding-left: 52px; width: 148px"><div style="display: inline-block;" class="c">div</div><div style="display: inline-table; margin-left: 50px"><td class="b">cell1</td></div></div>
<div class="flexbox"><div></div><div class="b">cell1</div></div>
</body>
</html>

4
tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-with-pseudo-elements-003-ref.htm
View file

@ -23,10 +23,14 @@
.fakeBefore {
content: 'b';
background: yellow;
align-self: center;
order: 1;
}
.fakeAfter {
content: 'a';
background: lightblue;
align-self: center;
order: -1;
}
</style>
</head>