Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-03 12:40:06 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision dd4a8e0b6a3b81d5008478c8d73ba5aa296441b2

Browse source
This commit is contained in:
WPT Sync Bot 2020-11-20 08:21:46 +00:00
parent 30347a4934
commit fbd8987f23
122 changed files with 841 additions and 429 deletions
Download patch file Download diff file Expand all files Collapse all files

30
tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-ref.html
View file

@ -4,27 +4,21 @@
<meta charset="utf-8" />
<title>CSS Reftest Reference</title>
<link rel="author" title="Tsutomu ogaoga Ogasawara" href="mailto:info@ogaoga.org">
<style type="text/css">
.container {
color: white;
}
<style>
.item {
writing-mode: vertical-rl;
background: green;
height: 3em;
width: 3em;
line-height: 1.5em;
width: 15px;
height: 45px;
float: left;
}
</style>
</head>
<body>
<p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p>
<div class="container">
<div class="item">１２３<br />ａｂｃ</div>
<div class="item">４５６<br />ｄｅｆ</div>
<div class="item">７８９<br />ｇｈｉ</div>
</div>
<p>Pass condition: 4 rectangles, with colors in clockwise order starting from top-left: grey, orange, blue, yellow.
</body>
</html>
<div style="height: 90px; width: 30px; border: 2px solid black;">
<div class="item" style="background: grey"></div>
<div class="item" style="background: orange"></div>
<div class="item" style="background: yellow"></div>
<div class="item" style="background: blue"></div>
</div>

31
tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-reverse-wrap-reverse.html
View file

@ -18,39 +18,26 @@
display: flex;
flex-flow: row-reverse wrap-reverse;
writing-mode: vertical-rl;
color: white;
height: 9em;
border: 2px solid black;
height: 90px;
}
.item {
background: green;
height: 3em;
width: 1.5em;
line-height: 1.5em;
width: 15px;
height: 45px;
/* make sure UA that doesn't support writing mode and flexbox fails. */
float: right;
}
.error {
position: absolute;
background: red;
height: 9em;
width: 3em;
z-index: -1;
}
</style>
</head>
<body>
<p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p>
<p>Pass condition: 4 rectangles, with colors in clockwise order starting from top-left: grey, orange, blue, yellow.
<div class="error"></div>
<div class="container">
<div class="item">ｇｈｉ</div>
<div class="item">ｄｅｆ</div>
<div class="item">ａｂｃ</div>
<div class="item">７８９</div>
<div class="item">４５６</div>
<div class="item">１２３</div>
<div class="item" style="background: yellow"></div>
<div class="item" style="background: grey"></div>
<div class="item" style="background: blue"></div>
<div class="item" style="background: orange"></div>
</div>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-reverse-wrap.html
View file

@ -18,39 +18,26 @@
display: flex;
flex-flow: row-reverse wrap;
writing-mode: vertical-rl;
color: white;
height: 9em;
border: 2px solid black;
height: 90px;
}
.item {
background: green;
height: 3em;
width: 1.5em;
line-height: 1.5em;
width: 15px;
height: 45px;
/* make sure UA that doesn't support writing mode and flexbox fails. */
float: right;
}
.error {
position: absolute;
background: red;
height: 9em;
width: 3em;
z-index: -1;
}
</style>
</head>
<body>
<p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p>
<p>Pass condition: 4 rectangles, with colors in clockwise order starting from top-left: grey, orange, blue, yellow.
<div class="error"></div>
<div class="container">
<div class="item">７８９</div>
<div class="item">４５６</div>
<div class="item">１２３</div>
<div class="item">ｇｈｉ</div>
<div class="item">ｄｅｆ</div>
<div class="item">ａｂｃ</div>
<div class="item" style="background: blue"></div>
<div class="item" style="background: orange"></div>
<div class="item" style="background: yellow"></div>
<div class="item" style="background: grey"></div>
</div>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-reverse.html
View file

@ -18,34 +18,35 @@
display: flex;
flex-flow: row-reverse;
writing-mode: vertical-rl;
color: white;
border: 2px solid black;
height: 90px;
}
.item {
background: green;
height: 3em;
width: 3em;
line-height: 1.5em;
line-height: 0;
/* make sure UA that doesn't support writing mode and flexbox fails. */
float: right;
}
.error {
position: absolute;
background: red;
height: 9em;
width: 3em;
z-index: -1;
.color-block {
display: inline-block;
width: 15px;
height: 45px;
}
</style>
</head>
<body>
<p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p>
<div class="error"></div>
<p>Pass condition: 4 rectangles, with colors in clockwise order starting from top-left: grey, orange, blue, yellow.
<div class="container">
<div class="item">７８９<br />ｇｈｉ</div>
<div class="item">４５６<br />ｄｅｆ</div>
<div class="item">１２３<br />ａｂｃ</div>
<div class="item">
<span class=color-block style="background: blue;"></span>
<br />
<span class=color-block style="background: yellow;"></span>
</div>
<div class="item">
<span class=color-block style="background: orange;"></span>
<br />
<span class=color-block style="background: grey;"></span>
</div>
</div>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-wrap-reverse.html
View file

@ -18,39 +18,25 @@
display: flex;
flex-flow: row wrap-reverse;
writing-mode: vertical-rl;
color: white;
height: 9em;
border: 2px solid black;
height: 90px;
}
.item {
background: green;
height: 3em;
width: 1.5em;
line-height: 1.5em;
width: 15px;
height: 45px;
/* make sure UA that doesn't support writing mode and flexbox fails. */
float: right;
}
.error {
position: absolute;
background: red;
height: 9em;
width: 3em;
z-index: -1;
}
</style>
</head>
<body>
<p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p>
<div class="error"></div>
<p>Pass condition: 4 rectangles, with colors in clockwise order starting from top-left: grey, orange, blue, yellow.
<div class="container">
<div class="item">ａｂｃ</div>
<div class="item">ｄｅｆ</div>
<div class="item">ｇｈｉ</div>
<div class="item">１２３</div>
<div class="item">４５６</div>
<div class="item">７８９</div>
<div class="item" style="background: grey"></div>
<div class="item" style="background: yellow"></div>
<div class="item" style="background: orange"></div>
<div class="item" style="background: blue"></div>
</div>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row-wrap.html
View file

@ -18,39 +18,26 @@
display: flex;
flex-flow: row wrap;
writing-mode: vertical-rl;
color: white;
height: 9em;
border: 2px solid black;
height: 90px;
}
.item {
background: green;
height: 3em;
width: 1.5em;
line-height: 1.5em;
width: 15px;
height: 45px;
/* make sure UA that doesn't support writing mode and flexbox fails. */
float: right;
}
.error {
position: absolute;
background: red;
height: 9em;
width: 3em;
z-index: -1;
}
</style>
</head>
<body>
<p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p>
<p>Pass condition: 4 rectangles, with colors in clockwise order starting from top-left: grey, orange, blue, yellow.
<div class="error"></div>
<div class="container">
<div class="item">１２３</div>
<div class="item">４５６</div>
<div class="item">７８９</div>
<div class="item">ａｂｃ</div>
<div class="item">ｄｅｆ</div>
<div class="item">ｇｈｉ</div>
<div class="item" style="background: orange"></div>
<div class="item" style="background: blue"></div>
<div class="item" style="background: grey"></div>
<div class="item" style="background: yellow"></div>
</div>
</body>
</html>

36
tests/wpt/web-platform-tests/css/css-flexbox/css-flexbox-row.html
View file

@ -18,35 +18,35 @@
display: flex;
flex-flow: row;
writing-mode: vertical-rl;
color: white;
border: 2px solid black;
height: 90px;
}
.item {
background: green;
height: 3em;
width: 3em;
line-height: 1.5em;
line-height: 0;
/* make sure UA that doesn't support writing mode and flexbox fails. */
float: right;
}
.error {
position: absolute;
background: red;
height: 9em;
width: 3em;
z-index: -1;
.color-block {
display: inline-block;
width: 15px;
height: 45px;
}
</style>
</head>
<body>
<p>The test passes if you see a tall green box with pairs of the 1-9 and a-i listed top to bottom in two columns.</p>
<div class="error"></div>
<p>Pass condition: 4 rectangles, with colors in clockwise order starting from top-left: grey, orange, blue, yellow.
<div class="container">
<div class="item">１２３<br />ａｂｃ</div>
<div class="item">４５６<br />ｄｅｆ</div>
<div class="item">７８９<br />ｇｈｉ</div>
<div class="item">
<span class=color-block style="background: orange;"></span>
<br />
<span class=color-block style="background: grey;"></span>
</div>
<div class="item">
<span class=color-block style="background: blue;"></span>
<br />
<span class=color-block style="background: yellow;"></span>
</div>
</div>
</body>
</html>