Bug 1385469 - Add wpt for line direction in -webkit-prefixed linear gradient function. r?dholbert
MozReview-Commit-ID: 9ePs7bYrq5P
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -18316,16 +18316,64 @@
[
"/assumptions/min-font-size-ref.html",
"!="
]
],
{}
]
],
+ "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",
[
[
"/compat/webkit-text-fill-color-property-001-ref.html",
"=="
]
@@ -179390,16 +179438,21 @@
{}
]
],
"common/vendor-prefix.js": [
[
{}
]
],
+ "compat/green-ref.html": [
+ [
+ {}
+ ]
+ ],
"compat/webkit-text-fill-color-property-001-ref.html": [
[
{}
]
],
"compat/webkit-text-fill-color-property-002-ref.html": [
[
{}
@@ -413477,16 +413530,36 @@
"common/utils.js": [
"1d8598ff2c801c54c0f9be1c688b753bb6291c94",
"support"
],
"common/vendor-prefix.js": [
"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"
+ ],
"compat/webkit-text-fill-color-currentColor.html": [
"7512b6ce45b5528ee7b9794c32954e954d736f88",
"testharness"
],
"compat/webkit-text-fill-color-property-001-ref.html": [
"be135c19d3066ec30837e9b36e67bf91f85142af",
"support"
],
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/compat/green-ref.html
@@ -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>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/compat/webkit-linear-gradient-line-bottom.html
@@ -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>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/compat/webkit-linear-gradient-line-left.html
@@ -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>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/compat/webkit-linear-gradient-line-right.html
@@ -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>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/compat/webkit-linear-gradient-line-top.html
@@ -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>