eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-05-01 03:47:53 +02:00
Code Issues Packages Projects Releases 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

19
tests/wpt/css-tests/css-flexbox-1_dev/html/flexbox-with-pseudo-elements-003.htm
View File

@@ -6,10 +6,9 @@
flex container, specifically when they've got display:table-row or
table-cell.
Note that we *don't* treat the table row or cell frames themselves as flex
items, because they get wrapped in an anonymous table box, and *that* is
the flex item. So, "align-self" and "order" have no effect on the
row/cell. --><html><head>
The table-row / table-cell 'display' values should be blockified, and the
pseudo-elements should be treated as flex items. (They should not get
wrapped in an anonymous table box.) --><html><head>
<title>CSS Test: Testing that generated content nodes with table-part display types are wrapped with an anonymous table, which forms a flex item</title>
<link href="mailto:dholbert@mozilla.com" rel="author" title="Daniel Holbert">
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-items" rel="help">
@@ -29,15 +28,19 @@
display: table-row;
content: 'b';
background: yellow;
align-self: center; /* should have no effect */
order: 1; /* should have no effect */
/* If these "align-self" & "order" properties impact the rendering (as
they should), that verifies we're being treated as a flex item. */
align-self: center;
order: 1;
}
div.withAfter::after {
display: table-cell;
content: 'a';
background: lightblue;
align-self: center; /* should have no effect */
order: -1; /* should have no effect */
/* If these "align-self" & "order" properties impact the rendering (as
they should), that verifies we're being treated as a flex item. */
align-self: center;
order: -1;
}
</style>
</head>