Move only_of_type_pseudo_a.html to wpt reftests.

This commit is contained in:
Corey Farwell 2015-10-16 20:00:57 -04:00
parent 248d5a6c52
commit 08c1577d83
4 changed files with 25 additions and 1 deletions

View file

@ -683,6 +683,18 @@
"url": "/_mozilla/css/flex_nochild.html"
}
],
"css/only_of_type_pseudo_a.html": [
{
"path": "css/only_of_type_pseudo_a.html",
"references": [
[
"/_mozilla/css/only_of_type_pseudo_b.html",
"=="
]
],
"url": "/_mozilla/css/only_of_type_pseudo_a.html"
}
],
"css/outlines_simple_a.html": [
{
"path": "css/outlines_simple_a.html",
@ -3444,6 +3456,18 @@
"url": "/_mozilla/css/flex_nochild.html"
}
],
"css/only_of_type_pseudo_a.html": [
{
"path": "css/only_of_type_pseudo_a.html",
"references": [
[
"/_mozilla/css/only_of_type_pseudo_b.html",
"=="
]
],
"url": "/_mozilla/css/only_of_type_pseudo_a.html"
}
],
"css/outlines_simple_a.html": [
{
"path": "css/outlines_simple_a.html",

View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='only_of_type_pseudo_b.html'>
<title>:only-of-type test</title>
<style type="text/css">
html { background: red; }
/* Should match according to Selectors Level 4 (changed from Level 3) */
html:only-of-type { background: white; }
div > p,
div > div,
div > address {
float: left;
width: 20px;
height: 20px;
margin: 0px;
margin-right: 10px;
padding: 0px;
}
div > div,
div > p {
background: black;
}
body > div { clear: both; margin-bottom: 10px; }
#d1 > .ok { background: red; }
#d1 > *:only-of-type { background: green }
</style>
</head>
<body>
<div id="d1">
<p> </p>
<div> </div>
<div> </div>
<p> </p>
<address class="ok"> </address>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
</div>
</body>
</html>

View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<title>:only-of-type test</title>
<style type="text/css">
div > p,
div > div,
div > address {
float: left;
width: 20px;
height: 20px;
margin: 0px;
margin-right: 10px;
padding: 0px;
}
div > div,
div > p {
background: black;
}
body > div { clear: both; margin-bottom: 10px; }
#d1 > .ok { background: green; }
</style>
</head>
<body>
<div id="d1">
<p> </p>
<div> </div>
<div> </div>
<p> </p>
<address class="ok"> </address>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
</div>
</body>
</html>