Move only_child_pseudo_a.html to wpt reftests.

This commit is contained in:
Corey Farwell 2015-10-16 20:28:15 -04:00
parent ed69bc5566
commit a79407d561
4 changed files with 25 additions and 1 deletions

View file

@ -695,6 +695,18 @@
"url": "/_mozilla/css/ol_simple_a.html"
}
],
"css/only_child_pseudo_a.html": [
{
"path": "css/only_child_pseudo_a.html",
"references": [
[
"/_mozilla/css/only_child_pseudo_b.html",
"=="
]
],
"url": "/_mozilla/css/only_child_pseudo_a.html"
}
],
"css/only_of_type_pseudo_a.html": [
{
"path": "css/only_of_type_pseudo_a.html",
@ -3504,6 +3516,18 @@
"url": "/_mozilla/css/ol_simple_a.html"
}
],
"css/only_child_pseudo_a.html": [
{
"path": "css/only_child_pseudo_a.html",
"references": [
[
"/_mozilla/css/only_child_pseudo_b.html",
"=="
]
],
"url": "/_mozilla/css/only_child_pseudo_a.html"
}
],
"css/only_of_type_pseudo_a.html": [
{
"path": "css/only_of_type_pseudo_a.html",

View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='only_child_pseudo_b.html'>
<title>:only-child test</title>
<style type="text/css">
html:only-child { background: red; }
html { background: yellow;}
p { width: 20px; height: 20px; background: orange; float: left; margin-left: 10px; }
div { clear: both; }
#d1 > p, #d2 > p, #d3 > p, #d4 > p { background: red; }
#d1 > *:only-child { background: green }
#d2 > *:only-child { background: green }
#d3 > *:only-child { background: green }
#d4 > *:only-child { background: green }
#p5, #p6 { background: green; }
#d5 > *:only-child { background: red }
#d6 > *:only-child { background: red }
</style>
</head>
<body>
<div id="d1"><p> </p></div>
<div id="d2"> <p> </p></div>
<div id="d3"><p> </p><!-- comment --></div>
<div id="d4"><!-- comment --><p> </p></div>
<div id="d5"><p id="p5"> </p><span> </span></div>
<div id="d6"><span> </span><p id="p6"> </p></div>
</body>
</html>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<title>:only-child test</title>
<style type="text/css">
html:only-child { background: red; }
html { background: yellow;}
p { width: 20px; height: 20px; background: orange; float: left; margin-left: 10px; }
div { clear: both; }
#d1 > p, #d2 > p, #d3 > p, #d4 > p { background: green; }
#p5, #p6 { background: green; }
</style>
</head>
<body>
<div id="d1"><p> </p></div>
<div id="d2"> <p> </p></div>
<div id="d3"><p> </p><!-- comment --></div>
<div id="d4"><!-- comment --><p> </p></div>
<div id="d5"><p id="p5"> </p><span> </span></div>
<div id="d6"><span> </span><p id="p6"> </p></div>
</body>
</html>