Move linear_gradients_reverse_a.html to wpt reftests.

This commit is contained in:
Corey Farwell 2015-10-19 18:34:07 -04:00
parent 65ac57e2e9
commit 1c59b74e67
4 changed files with 25 additions and 1 deletions

View file

@ -983,6 +983,18 @@
"url": "/_mozilla/css/linear_gradients_parsing_a.html"
}
],
"css/linear_gradients_reverse_a.html": [
{
"path": "css/linear_gradients_reverse_a.html",
"references": [
[
"/_mozilla/css/linear_gradients_reverse_ref.html",
"=="
]
],
"url": "/_mozilla/css/linear_gradients_reverse_a.html"
}
],
"css/linebreak_inline_span_a.html": [
{
"path": "css/linebreak_inline_span_a.html",
@ -4404,6 +4416,18 @@
"url": "/_mozilla/css/linear_gradients_parsing_a.html"
}
],
"css/linear_gradients_reverse_a.html": [
{
"path": "css/linear_gradients_reverse_a.html",
"references": [
[
"/_mozilla/css/linear_gradients_reverse_ref.html",
"=="
]
],
"url": "/_mozilla/css/linear_gradients_reverse_a.html"
}
],
"css/linebreak_inline_span_a.html": [
{
"path": "css/linebreak_inline_span_a.html",

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='linear_gradients_reverse_ref.html'>
<!-- Tests that reversed linear gradients are equivalent. -->
<style>
section {
display: block;
width: 100px;
height: 100px;
border: solid black 1px;
}
#a {
background: linear-gradient(to bottom, red, red 50%, green 50%, green);
}
#b {
background: linear-gradient(90deg, black, white);
}
#c {
background: linear-gradient(45deg, yellow, yellow 50%, purple 50%, purple);
}
#d {
background: linear-gradient(to bottom right, lime, lime 50%, pink 50%, pink);
}
</style>
</head>
<body>
<section id=a></section>
<section id=b></section>
<section id=c></section>
<section id=d></section>
</body>
</html>

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<!-- Tests that reversed linear gradients are equivalent. -->
<style>
nav {
display: block;
width: 100px;
height: 100px;
border: solid black 1px;
}
#a {
background: linear-gradient(0deg, green, #008000 50%, red 50%, red);
}
#b {
background: linear-gradient(to left, #ffffff, black);
}
#c {
background: linear-gradient(225deg, purple, purple 50%, yellow 50%, yellow);
}
#d {
background: linear-gradient(315deg, pink, pink 50%, lime 50%, lime);
}
</style>
</head>
<body>
<nav id=a></nav>
<nav id=b></nav>
<nav id=c></nav>
<nav id=d></nav>
</body>
</html>