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

Move nth_child_pseudo_a.html to wpt reftests.

Browse source
This commit is contained in:
Corey Farwell 2015-10-16 20:54:36 -04:00
parent 0755f21517
commit 6580f8f4c7
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/nth_child_pseudo_a.html": [
{
"path": "css/nth_child_pseudo_a.html",
"references": [
[
"/_mozilla/css/nth_child_pseudo_b.html",
"=="
]
],
"url": "/_mozilla/css/nth_child_pseudo_a.html"
}
],
"css/nth_last_child_pseudo_a.html": [
{
"path": "css/nth_last_child_pseudo_a.html",
@ -3588,6 +3600,18 @@
"url": "/_mozilla/css/flex_nochild.html"
}
],
"css/nth_child_pseudo_a.html": [
{
"path": "css/nth_child_pseudo_a.html",
"references": [
[
"/_mozilla/css/nth_child_pseudo_b.html",
"=="
]
],
"url": "/_mozilla/css/nth_child_pseudo_a.html"
}
],
"css/nth_last_child_pseudo_a.html": [
{
"path": "css/nth_last_child_pseudo_a.html",

91
tests/wpt/mozilla/tests/css/nth_child_pseudo_a.html Normal file
View file

@ -0,0 +1,91 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='nth_child_pseudo_b.html'>
<title>:nth-child test</title>
<style type="text/css">
html { background: red; }
/* Should match according to Selectors Level 4 (changed from Level 3) */
html:nth-child(1) { background: white; }
div > p { float: left; width: 40px; height: 40px; margin-right: 10px; border: 1px solid black; }
div { clear: both; }
#odd > .odd { background: red; }
#odd > *:nth-child(odd) { background: green }
#even > .even { background: red; }
#even > *:nth-child(even) { background: green }
#nth > .nth { background: red; }
#nth > :nth-child(3n+5) { background: green; }
#nth2 > .nth2 { background: red; }
#nth2 > :nth-child(3n-5) { background: green; }
#negativen > .negativen { background: red; }
#negativen > :nth-child(-2n+5) { background: green; }
</style>
</head>
<body>
<div id="odd">
<p class="odd"> </p>
<p> </p>
<p class="odd"> </p>
<p> </p>
<p class="odd"> </p>
<p> </p>
<p class="odd"> </p>
<p> </p>
</div>
<div id="even">
<p> </p>
<p class="even"> </p>
<p> </p>
<p class="even"> </p>
<p> </p>
<p class="even"> </p>
<p> </p>
<p class="even"> </p>
</div>
<div id="nth">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p class="nth"> </p>
<p> </p>
<p> </p>
<p class="nth"> </p>
<p> </p>
<p> </p>
<p class="nth"> </p>
</div>
<div id="nth2">
<p class="nth2"> </p>
<p> </p>
<p> </p>
<p class="nth2"> </p>
<p> </p>
<p> </p>
<p class="nth2"> </p>
<p> </p>
<p> </p>
<p class="nth2"> </p>
<p> </p>
</div>
<div id="negativen">
<p class="negativen"> </p>
<p> </p>
<p class="negativen"> </p>
<p> </p>
<p class="negativen"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</body>
</html>

74
tests/wpt/mozilla/tests/css/nth_child_pseudo_b.html Normal file
View file

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<title>:nth-child test</title>
<style type="text/css">
div > p { float: left; width: 40px; height: 40px; margin-right: 10px; border: 1px solid black; }
div { clear: both; }
.odd, .even, .nth, .nth2, .negativen { background: green; }
</style>
</head>
<body>
<div id="odd">
<p class="odd"> </p>
<p> </p>
<p class="odd"> </p>
<p> </p>
<p class="odd"> </p>
<p> </p>
<p class="odd"> </p>
<p> </p>
</div>
<div id="even">
<p> </p>
<p class="even"> </p>
<p> </p>
<p class="even"> </p>
<p> </p>
<p class="even"> </p>
<p> </p>
<p class="even"> </p>
</div>
<div id="nth">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p class="nth"> </p>
<p> </p>
<p> </p>
<p class="nth"> </p>
<p> </p>
<p> </p>
<p class="nth"> </p>
</div>
<div id="nth2">
<p class="nth2"> </p>
<p> </p>
<p> </p>
<p class="nth2"> </p>
<p> </p>
<p> </p>
<p class="nth2"> </p>
<p> </p>
<p> </p>
<p class="nth2"> </p>
<p> </p>
</div>
<div id="negativen">
<p class="negativen"> </p>
<p> </p>
<p class="negativen"> </p>
<p> </p>
<p class="negativen"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</body>
</html>