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

Move inline_block_img_a.html to wpt reftests.

Browse source
This commit is contained in:
Corey Farwell 2015-10-19 18:34:07 -04:00
parent d1b3e098cd
commit 293561a0c4
4 changed files with 25 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

24
tests/wpt/mozilla/meta/MANIFEST.json
View file

@ -683,6 +683,18 @@
"url": "/_mozilla/css/flex_nochild.html"
}
],
"css/inline_block_img_a.html": [
{
"path": "css/inline_block_img_a.html",
"references": [
[
"/_mozilla/css/inline_block_img_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_block_img_a.html"
}
],
"css/inline_block_overflow.html": [
{
"path": "css/inline_block_overflow.html",
@ -4188,6 +4200,18 @@
"url": "/_mozilla/css/flex_nochild.html"
}
],
"css/inline_block_img_a.html": [
{
"path": "css/inline_block_img_a.html",
"references": [
[
"/_mozilla/css/inline_block_img_ref.html",
"=="
]
],
"url": "/_mozilla/css/inline_block_img_a.html"
}
],
"css/inline_block_overflow.html": [
{
"path": "css/inline_block_overflow.html",

37
tests/wpt/mozilla/tests/css/inline_block_img_a.html Normal file
View file

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='inline_block_img_ref.html'>
<style>
body {
margin: 0;
padding: 0;
background-color: white;
}
.red {
color: red;
}
.green {
color: green;
}
.ib {
display: inline-block;
}
span {
font-family: ahem;
font-size: 100px;
}
.bg {
background-color: white;
position: absolute;
width: 100%;
height: 500px;
}
</style>
</head>
<body>
<div class="bg">
<span class="red">X</span><img src="400x400_green.png"><span class="green ib">X</span>
</div>
</body>
</html>

47
tests/wpt/mozilla/tests/css/inline_block_img_ref.html Normal file
View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
}
.red {
background-color: red;
}
.green {
background-color: green;
}
.d1 {
position: absolute;
top: 320px;
width: 100px;
height: 100px;
}
.d2 {
position: absolute;
left: 500px;
top: 320px;
width: 100px;
height: 100px;
}
img {
position: absolute;
left: 100px;
}
.bg {
background-color: white;
position: absolute;
width: 100%;
height: 500px;
}
</style>
</head>
<body>
<div class="bg">
<div class="d1 red"></div>
<img src="400x400_green.png">
<div class="d2 green"></div>
</div>
</body>
</html>