Bug 1385469 - Add wpt for line direction in -webkit-prefixed linear gradient function. r=dholbert

MozReview-Commit-ID: 9ePs7bYrq5P

--HG--
extra : source : 667325a42c4079ab170f6da74add7e83773f0e24
This commit is contained in:
Xidorn Quan 2017-08-05 10:27:54 +10:00
Родитель 6d4c7b0e3e
Коммит 4dc514bedb
6 изменённых файлов: 167 добавлений и 0 удалений

Просмотреть файл

@ -18381,6 +18381,54 @@
{}
]
],
"compat/webkit-linear-gradient-line-bottom.html": [
[
"/compat/webkit-linear-gradient-line-bottom.html",
[
[
"/compat/green-ref.html",
"=="
]
],
{}
]
],
"compat/webkit-linear-gradient-line-left.html": [
[
"/compat/webkit-linear-gradient-line-left.html",
[
[
"/compat/green-ref.html",
"=="
]
],
{}
]
],
"compat/webkit-linear-gradient-line-right.html": [
[
"/compat/webkit-linear-gradient-line-right.html",
[
[
"/compat/green-ref.html",
"=="
]
],
{}
]
],
"compat/webkit-linear-gradient-line-top.html": [
[
"/compat/webkit-linear-gradient-line-top.html",
[
[
"/compat/green-ref.html",
"=="
]
],
{}
]
],
"compat/webkit-text-fill-color-property-001a.html": [
[
"/compat/webkit-text-fill-color-property-001a.html",
@ -180361,6 +180409,11 @@
{}
]
],
"compat/green-ref.html": [
[
{}
]
],
"compat/webkit-text-fill-color-property-001-ref.html": [
[
{}
@ -415769,6 +415822,26 @@
"b80ec842b65a3423dd789a2226f2ba3caf598049",
"support"
],
"compat/green-ref.html": [
"4b23ea52d785a6dd19785bd4278bf700eb5547f8",
"support"
],
"compat/webkit-linear-gradient-line-bottom.html": [
"af59a0aa3b8a195ba7ef401b582be9384a23a388",
"reftest"
],
"compat/webkit-linear-gradient-line-left.html": [
"f131166051da9a82ede93f076f15832f61f39234",
"reftest"
],
"compat/webkit-linear-gradient-line-right.html": [
"2d87c4a09d77f3171fa91bbf8f2f0b1a412b7d94",
"reftest"
],
"compat/webkit-linear-gradient-line-top.html": [
"be7fb91dc6459617c20232cd5333e9b3340f3341",
"reftest"
],
"common/vendor-prefix.js.headers": [
"e3593850f8098d3f3ff82c042deab15f51c66a52",
"support"

Просмотреть файл

@ -0,0 +1,6 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>A green 100x100 block</title>
<link rel="author" title="Xidorn Quan" href="me@upsuper.ort">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<div style="width: 100px; height: 100px; background: green;"></div>

Просмотреть файл

@ -0,0 +1,22 @@
<!doctype html>
<title>-webkit-linear-gradient(bottom)</title>
<link rel="author" title="Xidorn Quan" href="me@upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://compat.spec.whatwg.org/#css-gradients-webkit-linear-gradient">
<meta name="assert" content="'bottom' in -webkit-linear-gradient is equivalent to 'to top' in modern syntax">
<link rel="match" href="green-ref.html">
<style>
#outer {
width: 100px;
height: 100px;
overflow: hidden;
}
#inner {
width: 100px;
height: 200px;
background-image: -webkit-linear-gradient(bottom, red 50%, green 50%);
}
</style>
<div id="outer">
<div id="inner"></div>
</div>

Просмотреть файл

@ -0,0 +1,22 @@
<!doctype html>
<title>-webkit-linear-gradient(left)</title>
<link rel="author" title="Xidorn Quan" href="me@upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://compat.spec.whatwg.org/#css-gradients-webkit-linear-gradient">
<meta name="assert" content="'left' in -webkit-linear-gradient is equivalent to 'to right' in modern syntax">
<link rel="match" href="green-ref.html">
<style>
#outer {
width: 100px;
height: 100px;
overflow: hidden;
}
#inner {
width: 200px;
height: 100px;
background-image: -webkit-linear-gradient(left, green 50%, red 50%);
}
</style>
<div id="outer">
<div id="inner"></div>
</div>

Просмотреть файл

@ -0,0 +1,22 @@
<!doctype html>
<title>-webkit-linear-gradient(right)</title>
<link rel="author" title="Xidorn Quan" href="me@upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://compat.spec.whatwg.org/#css-gradients-webkit-linear-gradient">
<meta name="assert" content="'right' in -webkit-linear-gradient is equivalent to 'to left' in modern syntax">
<link rel="match" href="green-ref.html">
<style>
#outer {
width: 100px;
height: 100px;
overflow: hidden;
}
#inner {
width: 200px;
height: 100px;
background-image: -webkit-linear-gradient(right, red 50%, green 50%);
}
</style>
<div id="outer">
<div id="inner"></div>
</div>

Просмотреть файл

@ -0,0 +1,22 @@
<!doctype html>
<title>-webkit-linear-gradient(top)</title>
<link rel="author" title="Xidorn Quan" href="me@upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://compat.spec.whatwg.org/#css-gradients-webkit-linear-gradient">
<meta name="assert" content="'top' in -webkit-linear-gradient is equivalent to 'to bottom' in modern syntax">
<link rel="match" href="green-ref.html">
<style>
#outer {
width: 100px;
height: 100px;
overflow: hidden;
}
#inner {
width: 100px;
height: 200px;
background-image: -webkit-linear-gradient(top, green 50%, red 50%);
}
</style>
<div id="outer">
<div id="inner"></div>
</div>