Move last_of_type_pseudo_a.html to wpt reftests.

This commit is contained in:
Corey Farwell 2015-10-19 18:34:07 -04:00
parent 83f8585577
commit 589c9f2616
4 changed files with 25 additions and 1 deletions

View file

@ -791,6 +791,18 @@
"url": "/_mozilla/css/jumpiness_a.html"
}
],
"css/last_of_type_pseudo_a.html": [
{
"path": "css/last_of_type_pseudo_a.html",
"references": [
[
"/_mozilla/css/last_of_type_pseudo_b.html",
"=="
]
],
"url": "/_mozilla/css/last_of_type_pseudo_a.html"
}
],
"css/layerization_z_order_a.html": [
{
"path": "css/layerization_z_order_a.html",
@ -4116,6 +4128,18 @@
"url": "/_mozilla/css/jumpiness_a.html"
}
],
"css/last_of_type_pseudo_a.html": [
{
"path": "css/last_of_type_pseudo_a.html",
"references": [
[
"/_mozilla/css/last_of_type_pseudo_b.html",
"=="
]
],
"url": "/_mozilla/css/last_of_type_pseudo_a.html"
}
],
"css/layerization_z_order_a.html": [
{
"path": "css/layerization_z_order_a.html",

View file

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

View file

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<title>:last-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 > p {
background: white;
}
div > div,
div > address {
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> </address>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
<address> </address>
<address class="ok"> </address>
<p> </p>
<div class="ok"> </div>
<p> </p>
<p class="ok"> </p>
</div>
</body>
</html>